PREMIUMIHA

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

6 پست در این موضوع قرار دارد

ارسال شده در (ویرایش شده)

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

http://premiumiha.ir

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

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

frimium.com

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

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

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

ویرایش شده در توسط yas_wp
0

به اشتراک گذاری این پست


لینک به پست

این خاصیت رو بهش اضافه کنید : border-bottom: 5px solid #1AC3F7;

4

به اشتراک گذاری این پست


لینک به پست

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

0

به اشتراک گذاری این پست


لینک به پست

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


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

3

به اشتراک گذاری این پست


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

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری