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

[erfanmix]

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

باتشکر از همه دوستان

- - - Updated - - -

یعنی کسی نیست جواب ما رو بده با اینکه اینهمه استاد هست!

[persianorbit]

کدهای زیر را به css المنت مورد نظر را اضافه کنید:


position: fixed;
top: 0;

[erfanmix]

باسلام
کدها رو در کجا دقیقا قرار بدم:
منظورتان style.css
لطفا دقیق راهنمایی کنید یا فایل رو براتون قرار بدم ؟؟؟؟

[persianorbit]

اگر آدرس سایت را بفرستید بهترین راه است.

[erfanmix]

www.erfanmix.com

[persianorbit]

شما 2 تا نویگیشن دارید.

قسمتی که بکگراند مشکی دارد یا سبز؟

[erfanmix]

هر دو ثابت بشن هم سبز و هم مشکی
مثل سامانه مشتریان http://clients.erfanmix.com/index.php

- - - Updated - - -

[persianorbit]

لطفا تغییرات زیر را با دقت بر روی فایل style.css انجام دهید: ( حتما قبل از آن یک بک آپ از فایل style بگیرید که اگر اشتباه رفتید برگردانید )


.top {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
float: right;
height: 47px;
position: fixed;
top: 0;
width: 100%;
z-index: 10001;
}


.toolbar {
background: url("images/toolbar-1.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
float: right;
height: 70px;
position: fixed;
top: 47px;
width: 752px;
z-index: 10001;
}


.chat {
background: url("images/chat-2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
float: right;
height: 70px;
margin-right: 752px;
position: fixed;
top: 47px;
width: 248px;
z-index: 10001;
}

[erfanmix]

ممنون
اینها رو در کجای فایل استایل بذارم دقیقا؟
منظور اخر یا یا جای مشخص؟

[persianorbit]

شما میتوانید این خط ها را در فایل style پیدا کنید.

مثلا .top در style.css وجود دارد فقط 3 خط زیر را ندارد:
position: fixed;
top: 0;
z-index: 10001;

کافیه این 3 خط اضافه بشه تا تاپ به بالا صفحه بچسبد.

- - - Updated - - -

توصیه میکنم 3 المنت .top، .toolbar و .chat به همان صورت که به شما دادم جایگزین شود.

[erfanmix]

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

21243

[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]

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

[persianorbit]

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

z-index: 10005;

[erfanmix]

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

21245

[persianorbit]

سلام

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

- - - Updated - - -

سلام

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

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

[erfanmix]

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

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

21247

[persianorbit]

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

margin-top: 50px;

- - - Updated - - -

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

[erfanmix]

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

21248

[persianorbit]

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

[erfanmix]

منظور بنده اینه که کل قالب کمی به بالا کشیده شده
مثال حالا ببینید که لوگو اسب در وسط هدر قرار ندارد در صورتی که کمی پایین تر باید بیاید یا تصاویر اسلاید کمی به بالا کشیده شده
متوجه منظورم شدید؟

[persianorbit]

.slider رو margin-top بدید.
margin-top: 40px;

[erfanmix]

فایده ای نداشت

[persianorbit]

من کد ها را تست میکنم سپس براتون میفرستم.اگر کد بالا را به .slider اضافه کنید از بالا کمی فاصله میگیره و دیگر زیر منو سبز نیست.

- - - Updated - - -

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

[erfanmix]

با اضافه کردن کدهای منوی ثابت کل قالب کمی به بالا کشیده شده
عکس اخری که براتون فرستادم رو ببینید مثلا اسلاید 6 رو ببینید که تبلیغ کلیپ ستاره دار است نوشته بالای ان چسبیده به منو هست که قبلا فاصله بیشتری داشت
منظور فقط اسلاید نیست حس میکنم همه قالب به بالا کشیده شده ایا تنظیمی خاصی داره که قالب کمی به پایین کشیده بشه؟

[persianorbit]

بله درسته. position fixed جزو ارتفاع داکیومنت حساب نمیشه برای همین این اتفاق میوفته. گفتم، شما میتوانید با استفاده از margin-top همان قدر که قالب به بالا کشیده شده آن را از بالا فاصله دهید تا مشکل حل شود.

[erfanmix]

باتشکر از همه زحمات شما
از اینکه وقت گذاشتید بسیار ممنونم
کلیه مشکلات من توسط شما حل شد و برایتان آرزوی موفقیت دارم
بااحترام: وبسایت عرفان میکس