رفتن به مطلب

ایجاد border-top یا همون نوار بالای هیدر و منو


پست های پیشنهاد شده

سلام. سایت من الان این نوار رو داره ولی میخوام یکم اختصاصیش کنم. این سایتمه:

http://premiumiha.ir

میبینید که نوار بالای هیدر سیاه رنگ است و میخوام یک نوار به عرض 5px دقیقا زیر همین و چسبیده بهش بزارم که رنگ این نوار جدیده آبی باشه.

اگه متوجه منظورم نشدید میتونید مثال حرفمو تو این سایت ببینید:

frimium.com

تو این سایت منتها نوار کوچکترو با رنگ 555# زده. ولی من با رنگ 09f# میخوام.

الان کلاس border-top من این هست:

#border-top {
background: #464646;
width: 100%;
height: 19px;
}

ویرایش شده توسط yas_wp
لینک به ارسال

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

لینک به ارسال

یه برش چند پیکسلی از نوار مورد نظر در فوتوشاپ بزنید و بهش repeat-x بدید


background:url(img/ex.jpg) repeat-x;

لینک به ارسال
یه برش چند پیکسلی از نوار مورد نظر در فوتوشاپ بزنید و بهش repeat-x بدید
 background:url(img/ex.jpg) repeat-x; 

اینو زدم ولی نشد. داخل همون کلاس border-top باید بزنم دیگه؟ زدوم ولی نشد. میشه طبق کلاس border-top سایتم کدش رو واسم درست کنید؟

اینم آدرس عکسی که میخوام بزارم:

http://premiumiha.ir/wp-content/themes/eBlog/image/bg-header.png

لینک به ارسال

اين عكستون 110 پيكسل هست ! شما تو 5 پيسكل اينا بوديا !‌ حالا اگه ميخواي اين قسمت رنگارنگش بالا بيوفته اول همه عكس بتابونيد تا قسمت رنگارنگ بيوفته بالا !

بعد حالا بايد ي كلاس بزرگ تر ئرست كني و منو خودت رو بزاري داخل ايم كلاس و حالا به اين كلاس بكگراند رو به صورت بالا بدي !‌

به فرض اگه ارتفاع منو 50 پيكسل هست كلاس كه درست ميكني همون 110 پيكسل ارتفاع بهش بده و منو رو ي مارجين از بالا بده تا بچسبه پايين !‌

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...