راهنمایی برای ساخت منوی ثابت

[erfanmix]

ممنونم درست شد
فقط یک خط استایل بالای منوی سبز ثابت نیست به عکس دقت کنید؟

33.jpg

[persianorbit]

http://clients.erfanmix.com/index.php در این صفحه هم ثابت نیست.

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

.bar {

    background: url("http://www.webhostingtalk.ir/images/bar.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 5px;
    position: fixed;
    top: 47px;
    width: 100%;
    z-index: 1000;


}

در ضمن، میتوانستید به جای این همه خط اضافه از box-shadow برای .top استفاده کنید. همین کار را میکرد.

[erfanmix]

بسیار ممنونم
فقط یک زحمت داشتم براتون
این استایل که ضمیمه کردم مربوط به رنگ منوی سبز هست متاسفانه زیرش سایه نداره میخواستم سایه اون مثل ایکن گفتگوی انلانین با کارشناس باشه اگر براتون مقدور انجام دهید تا ست بشه
از کمکمتون بسار ممنونم

toolbar-1.zip

[erfanmix]

ممنون درست شد
اما خط استایل زیر منوی سبز قرار گرفت می بایست بالای منوی سبز بیفته؟

[persianorbit]

خط زیر رو به .bar اضافه کنید یا اگر دارد تغییر دهید :

z-index: 10005;

[persianorbit]

سلام

اون هم سایه داره فقط هم رنگش سبزه هم کم رنگه به سختی دیده میشه. متاسفانه به جای استفاده از کد برای سایه دادن از عکس استفاده شده. شما باید عکس http://clients.erfanmix.com/template.../toolbar-1.png را با یک ادیتور عکس مثل فتوشاپ ویرایش کنید و جایگزین فایل قبلی کنید.

- - - Updated - - -

سلام

اون هم سایه داره فقط هم رنگش سبزه هم کم رنگه به سختی دیده میشه. متاسفانه به جای استفاده از کد برای سایه دادن از عکس استفاده شده. شما باید عکس http://clients.erfanmix.com/templates/whmcs-erfanmix/images/toolbar-1.png را با یک ادیتور عکس مثل فتوشاپ ویرایش کنید و جایگزین فایل قبلی کنید.

من براتون انجام دادم، ضمیمه شد.

[erfanmix]

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

-----------------------------------------------------------------------------------------------
یک نکته مهم:
فاصله در تما صفحات افتاده لطفا به عکس توجه کنید متوجه میشید

660.jpg

[persianorbit]

کد زیر را به .single_row اضافه کنید:

margin-top: 50px;

- - - Updated - - -

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

[erfanmix]

ممنون از زحمات شما
الان صفحه اصلی حس میکنم کمی اومده بالا مثلا عرض اسلاید کمتر شده لطفا به این عکس نگاه کنید ببینید چهار کلید مشکی پایین با صفحه فیکس بود الان کمی اومدن بالا

erfanmix-demo.jpg

[persianorbit]

ببخشید درست نفهمیدم مشکل چیه. اگر فکر میکنید خیلی فاصله افتاده margin-top را کمتر کنید مثلا 30px میتونه بهتر باشه. زیاد رو این موضوع حساس نباشید. در مانیتور های مختلف با resolution های مختلف متفاوت است.