تغیر اندازه هدر در سایت

[شاهین سمیع عادل]

در قالب شما یک فایل وجود دارد به نام Header.jpg
این فایل عکس را در فتوشاپ یا برنامه های دیگر گرافیکی باز کنید و به هر اندازه ای که می خواهید تغییر دهید و تصویر مورد نظر را در آن قرار دهید سپس در فایل های قالب خودتون در فایل template.css در خط 407 در قسمت

کد: (انتخاب همه)

div.art-Header-jpeg{
position: absolute;
z-index: -1;
top: 0pt;
left: 0pt;
width: 914px;
height: 50px;
background-image: url("../images/Header.jpg");
background-repeat: no-repeat;
background-position: center center;
}

با اضافه کردن عدد 50 در کد زیر می توانید عرض عکس موجود در هدر را بیشتر کنید

کد: (انتخاب همه)

height: 50px;

اندازه آن را برابر با اندازه عکسی که در فتوشاپ تنظیم کرده اید قرار دهید . برای یافتن عرض عکس در فتوشاپ عکس مورد نظر را باز کرده و از کلیدهای ترکیبی Alt+ctrl+I استفاده نمایید در کادر باز شده طول و عرض عکس را بر حسب پیکسل مشخص کرده است .