مشکل در قرار دادن پرچم برای گوشه ای از بک گراند قالب

[Payam.Hayati 15]

سلام

می خوام عکس پرچم ایران رو در گوشه سمت راست سایت به نمایش بزارم.

در پوشه image قالب فایلی به نام page.png وجود داره تصویر رو درونش قرار دادم اما به صورت tile تکرار می شد.

چطور میتونم این کارو انجام بدم؟

فایل Css قالب.

لینک سایت

تشکر gift

[gholami_sam 10]

سلام

می خوام عکس پرچم ایران رو در گوشه سمت راست سایت به نمایش بزارم.

در پوشه image قالب فایلی به نام page.png وجود داره تصویر رو درونش قرار دادم اما به صورت tile تکرار می شد.

چطور میتونم این کارو انجام بدم؟

فایل Css قالب.

لینک سایت

تشکر gift

سلام فکر کنم باید یک خط در رابطه با عدم تکرار به کد هاتون اضافه کنید بشکل زیر میشه:

background: #D4D4D4 url('../images/page.png') scroll;

background-repeat: no-repeat;

margin: 0 auto;

font-size: 12px;

font-family: Tahoma, Arial, Helvetica, Sans-Serif;

font-weight: normal;

font-style: normal;

position: relative;

width: 100%;

min-height: 100%;

left: 0;

top: 0;

cursor: default;

overflow: hidden;

[Payam.Hayati 15]

سلام فکر کنم باید یک خط در رابطه با عدم تکرار به کد هاتون اضافه کنید بشکل زیر میشه:

background: #D4D4D4 url('../images/page.png') scroll;

background-repeat: no-repeat;

margin: 0 auto;

font-size: 12px;

font-family: Tahoma, Arial, Helvetica, Sans-Serif;

font-weight: normal;

font-style: normal;

position: relative;

width: 100%;

min-height: 100%;

left: 0;

top: 0;

cursor: default;

overflow: hidden;

ممنونم ، اما برطرف نشد.

[gholami_sam 10]

سلام دوست عزیز . شرمنده من بیشتر از اونی که نوشتم CSS بلد نیستم ولی مطمئنم باید جلوی تکرار رو بگیرید. اگر بخواهید خلاصه نویسی رو رعایت کنید میتونید جلوی خط بک گراند NO-Repeat رو بنویسید

background: #D4D4D4 url('../images/page.png') scroll no-repeat

شرمنده من همین قدر بلدم. باید اساتید نظر بدن

[Vahid Taheri 74]

من که عکس پرچمی در سایت ندیدم.پیشنهاد میکنم تصویر رو قرار بدین تا با فایرباگ روش کار کنیم

[Payam.Hayati 15]

سلام دوست عزیز . شرمنده من بیشتر از اونی که نوشتم CSS بلد نیستم ولی مطمئنم باید جلوی تکرار رو بگیرید. اگر بخواهید خلاصه نویسی رو رعایت کنید میتونید جلوی خط بک گراند NO-Repeat رو بنویسید

background: #D4D4D4 url('../images/page.png') scroll no-repeat

شرمنده من همین قدر بلدم. باید اساتید نظر بدن

دشمنت شرمنده ، این کارو انجام دادم اما توفیقی حاصل نشد.

[Payam.Hayati 15]

من که عکس پرچمی در سایت ندیدم.پیشنهاد میکنم تصویر رو قرار بدین تا با فایرباگ روش کار کنیم

برداشتم وحید جان سایت فعال هست نمیشد به اون حالت باقی بمونه ، اما روی این ساب دامین ببینید :

صفحه نخست

الآن عکس پرچم رو بر روی فایل page.png قرار دادم.

ویرایش شده در اردیبهشت 92 توسط Payam.Hayati

[ابوالفضل طالبی 280]

این فایل رو باز کن:

http://hamideh.ahvazsell.com/templates/end8/css/template.css

و خط دوم:

background:url("../images/page.png") repeat scroll 0 0 #D4D4D4

تبدیل کن به این:

background:url("../images/page.png") no-repeat 0 0 #D4D4D4

الان تو کدهای شما این مورد اصلاح نشده! با فایرباگ نگاه کنی متوجه میشی

[Payam.Hayati 15]

با این کار خود فایل page.png هم دیگه تکرار نمیشه :

دمو

دو راه بیشتر باقی نموند :

1.خود فایل page.png رو ابعاد بزرگ طراحی کنم در فتوشاپ و پرچم رو گوشه قرار بدم که اینکار باعث بالارفتن حجم تصویر بک گراند میشه و روی هر مانیتوری ممکنه جابه جایی به وجود بیاد.

2.فایل پروژه قالب رو باز کنم و همونجا پرچم رو به شکل Light Effect قرار بدم.

راه دوم رو انتخاب کردم درست شد :128fs318181:

دمو

از همگی ممنونم.:ds6a5d: