کد: 930487

پرسش

با سلام خدمت شما و تمامی همکارن و عرض خسته نباشد
من نرمافزار دیم ویور cs5me رو نصب کردم و از منوی insert گزینه spry وspry menu bar یه منو ساختم ولی هر کاری میکنم خود منو که ساختم راست چین نمیشه؟
اگه ممکنه راهنمایی کنید
با تشکر

پاسخ

با سلام
دوست عزیز، برای اینکه این منو در سمت راست صفحه قرار گیرد و زیرمنوها به سمت چپ باز شوند و راست چین شوند، باید تغییراتی در فایل SpryMenuBarVertical.css انجام دهید:

- این فایل را با همین نرم‌افزار Dreamweaver باز کنید.

- کلیدهای ترکیبی Ctrl+F را فشار دهید و دنبال عبارت موجود در عکس زیر بگردید:

http://up6.iranblog.com/images/crohrxs9xzz8zpb83c4f.png

کلمه left را به right (یعنی راست) تغییر دهید.
با این کار، متن هر آیتم در منوها از سمت راست به چپ درج خواهد شد.

- این بار دنبال عبارت زیر بگردید:

margin: -5% 0 0 95%;

یک علامت - پشت عدد 95 بگذارید، یعنی خواهید داشت:

margin: -5% 0 0 -95%;

با این کار، زیرمنوهای هر آیتم در سمت چپ منو باز خواهند شد. می‌توانید مرورگر خود را رفرش کنید و نتیجه کار را در هر مرحله ببینید.

- این بار دنبال عبارت زیر بگردید، آن را در دو مکان خواهید یافت:

background-position: 95% 50%;

در هر دو مکان، عدد 95 را به 5 تغییر دهید.
با این کار، عکس "جهت‌ها" در سمت چپ منوها دیده خواهد شد.
باید با یک نرم‌افزار، تصویر جهت‌ها را که در پوشه SpryAssets قرار دارند به صورت افقی، آینه کنید که جهتشان به سمت چپ باشد.

- و در نهایت، دنبال عبارت زیر بگردید:

f\loat: left;

آن را با عبارت زیر جایگزین کنید:

float: right;

توجه: کلمه float در کد موجود در نرم افزار دریم ویور به اشتباه، f\loat تایپ شده است که شما باید آن را به float تغییر دهید و left را هم right کنید.

برای اینکه منوی ما به سمت راست صفحه منتقل شود، باید یک تغییر هم در فایل html مربوط به منوها بدهیم. یعنی همان فایلی که در مرحله اول، ایجاد و ذخیره کردیم. (یعنی همان موقعی که از منوی File گزینه New را انتخاب کرده و یک فایل HTML ایجاد کردیم و سپس از منوی File گزینه Save را انتخاب کرده و ذخیره اش کردیم)
به بخش Code بروید. دقیقاً بعد از تگ body کد گفته شده در عکس زیر را قرار دهید:

http://up6.iranblog.com/images/3rz9xtkmt0puwtow97tm.png

و دقیقاً قبل از عبارت "script type="text/javascript کد گفته شده در عکس زیر را قرار دهید:

http://up6.iranblog.com/images/7advo1rvhdxdeyy7h8ju.png

به تصویر زیر دقت کنید:

http://up6.iranblog.com/images/vvwwud4vd83btf7byct.gif

کار تمام است؛ منوی فارسی و راست به چپ شما آماده است.

موفق باشید

مشاور : فرشید فلاحی | پرسش : شنبه 28/8/1390 | پاسخ : جمعه 4/9/1390 | | فوق ديپلم | 24 سال | رايانه | تعداد مشاهده: 17 بار

تگ ها :

UserName
x