آموزش تغییر بک گراند و هدر

آموزش تغییر بک گراند و هدر 

قالب > ویرایش CSS قالب فعلی

کد زیر رو به body اضافه کنید ...

و داخل پرانتر لینک عکسی که میخواین تو پس زمینه قالبتون قرار بگیره رو بذارید ...

body {
background: url(http://bayanbox.ir/view/7755955799473286638/96345.png);
}

بهتره از تصاویری استفاده کنین که الگو هستن و تکرار میشن ...

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

body {
background: url(http://bayanbox.ir/view/7755955799473286638/96345.png) no-repeat;
}

حالا تغییر تصویر هدر قالب :)

قالب > ویرایش CSS قالب فعلی

اینبار این کد رو پیدا کنین header ...

البته تو قالبایی که قبلا طراحی کردم اسمش رو گذاشته بودم header-top !

اینجا دیگه خودش کد بک گراند رو داره داخلش فقط کافیه شما لینک تصویر داخل پرانتر رو تغییر بدین و لینک عکسی که میخواین تو هدر قرار بگیره رو جایگزین کنید ...

.header {background: url(http://bayanbox.ir/view/5207068158693719412/3826208.png);}

اینجا یه نکته داره اونم این که اگه عکسی که میخواین تو هدر قرار بدین الگو نیست و تکرار شونده نیست !

باید عرضش رو هم اندازه با عرضی که برایِ هدر تعریف شده قرار بدین ...

ارتفاعش رو هم همینطور ...

اکثر قالب ها عرضِ هدر ۸۰۰ هست و ارتفاعش هم ۲۰۰ ...

یعنی ۸۰۰ پیکسل در ۲۰۰ پیکسل ...

حالا یا فوتوشاپ یا با هر نرم افزار دیگه ای عرض و ارتفاع تصویرتون به این اندازه ها تغییر بدین بعد عکستون رو آپلود کنین و لینکش رو داخل پرانتز قرار بدین ...

اگرم خواستین ارتفاع هدر قالب رو تغییر بدین تا عکس با ارتفاع بیشتری اونجا قرار بدین اندازه کد زیر رو تغییر بدین ...

.header {
background: url(http://bayanbox.ir/view/5207068158693719412/3826208.png);
height: 200px; /*این ارتفاع هدر هست میتونین به هر اندازه که میخواین تغییرش بدین*/
}

چند نمونه عکس تکرار شونده برایِ پس زمینه و هدر قالب " کلیکـــ "