قالب بلاگ بیان

هدر ساز آنلاین

ارتفاع هدر : px

رنگ پس زمینه هدر :

لینک تصویر پس زمینه :

تنظیمات تکرار تصویر پس زمینه :

تنظیمات سایز تصویر پس زمینه :

محل قرار گیری تصویر پس زمینه :

میزان گردی گوشه های هدر: px

محل قرار گیری عنوان و توضیح مختصر وبلاگ :

اندازه فونت عنوان وبلاگ : px

فونت عنوان وبلاگ :

تنظیمات فونت عنوان وبلاگ :

فاصله عنوان و توضیح مختصر وبلاگ از بالای هدر : px

فاصله عنوان و توضیح مختصر وبلاگ از راست : px

فاصله عنوان و توضیح مختصر وبلاگ از چپ : px

رنگ عنوان وبلاگ :

رنگ توضیح مختصر وبلاگ :

اندازه فونت توضیح مختصر وبلاگ : px

فونت توضیح مختصر وبلاگ :

تنظیمات فونت توضیح مختصر وبلاگ :

فاصله عنوان وبلاگ از پایین و بالا : px

فاصله توضیح مختصر وبلاگ از پایین و بالا : px

اندازه خط دور کادر هدر : px

نوع خط کادر دور هدر :

رنگ خط دور کادر هدر :

فاصله هدر از اطراف:

فاصله از بالا : px فاصله از پایین : px

فاصله از راست : px فاصله از چپ : px

 

 

 

+ ویدئوی آموزش استفاده از این ابزار ( حجم : 5.3 مگابایت ) " دانلود "

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

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

قالب > ویرایش 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; /*این ارتفاع هدر هست میتونین به هر اندازه که میخواین تغییرش بدین*/
}


چند نمونه عکس تکرار شونده برایِ پس زمینه و هدر قالب " کلیکـــ "
Designed By Erfan Powered by Bayan