ورود

View Full Version : سوال: چگونگی ساخت منوی آبشاری بصورت راست به چپ Right-to-Left Drop-Down Menu



hamed-php
سه شنبه 02 اسفند 1390, 10:10 صبح
سلام
برای راست به چپ کردن منوی آبشاری چه روشی بکار میبرند؟

یعنی منو اصلی در سمت راست صفحه و زیر شاخه ها از راست صفحه به چپ باز بشوند

ممنون اگر دوستان راهنمایی فرمایید

soroush.r70
سه شنبه 02 اسفند 1390, 14:56 عصر
سورس رو بزار تا برات ردیفش کنم

Saber Mogaddas
چهارشنبه 03 اسفند 1390, 11:16 صبح
سلام
برای اینکه منو اصلی در راست باشه ..باید ul رو دستکاری کرد..برای گزینه ها هم li رو دستکاری کرد که معمولا با تغییر float مشکل حل میشه..
اگه با این توضیحات جواب نداد بپرسین..
موفق باشی..

fahmari
شنبه 25 آذر 1391, 20:43 عصر
سلام
این تاپیک قدیمیه ولی من واسه اینکه تاپیم جدید ایجاد نکنم سوالم رو تو همین تاپیک مطرح می کنم.
میخوام منویی که سمت راست میذارم drop down باشه یعنی گزینه اصلی رو که کلیک میکنم زیرگزینه هاش نمایش پیدا کنه.
با ul و li که نمیشه. چجوری باید این کارو انجام بدم؟؟

fahmari
شنبه 25 آذر 1391, 22:57 عصر
دوستان کسی برای ساخت منو نمی تونه کمکم کنه؟! :ناراحت:
خیلی لازمش دارم ... یه منوی خوشگل می خوام که راست به چپ باشه :(

s2/mri
شنبه 25 آذر 1391, 23:04 عصر
منو با css یا jquery تو اینترنت زیاد هست، حتی تو همین برنامه نویس!:لبخند:

درسته.با css نمیشه کلیک کرد تا زیر منوش باز بشه این کارو jquery میتونه انجام بده. شما یک منو طراحی کن اگه کار نکرد سوالاتتونو بپرسید تا جواب داده بشه

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

لینک1 (http://www.smashingapps.com/2012/04/05/15-handpicked-jquery-drop-down-menus-tutorials.html)

لینک2 (http://www.hongkiat.com/blog/drop-down-menu-30-free-scripts-to-enhance-header-navigation/)

نرم افزارهای مختلفی هم برا ساخت منو هست

لینک3 (http://softwaretopic.informer.com/free-rtl-dropdown-menu/)

به شخصه پیشنهادم اینه از javascript استفاده کنی . چون ممکنه با css تو طراحی منو برا مرورگرهای مختلف به مشکل بر بخورین

موفق باشید

fahmari
شنبه 25 آذر 1391, 23:16 عصر
منو با css یا jquery تو اینترنت زیاد هست، حتی تو همین برنامه نویس!:لبخند:

درسته.با css نمیشه کلیک کرد تا زیر منوش باز بشه این کارو jquery میتونه انجام بده. شما یک منو طراحی کن اگه کار نکرد سوالاتتونو بپرسید تا جواب داده بشه
تو برنامه نویس خیلی سرچ کردم ولی نبود!
من هرچی دیدم با ul و li طراحی شده. منم با همینا درستش کردم ولی این مثل لیست های علامت دار میشه ( که کار اصلی این دو تگ هست) چیکار کنم که زیر منو با کلیک باز بشه؟!
متاسفانه من jquery بلد نیستم اگه توضیح بدین ممنون میشم

s2/mri
شنبه 25 آذر 1391, 23:39 عصر
برا جواب به این سوال بهتره تو تالار jquery سوالتو بپرسی. چند خط توضیح منم کاربردی واست نداره

به سایت ها یه نگاه بنداز منو هایی زیادی داره . اون آخریه هم منو راست به چپ داره rtl

این تاپیک هم میتونه کمکت کنه

منو آبشاری (http://barnamenevis.org/showthread.php?342850-%D8%AF%D8%B1%D8%AE%D9%88%D8%A7%D8%B3%D8%AA-%D8%A2%D8%A8%D8%B4%D8%A7%D8%B1%DB%8C-%DA%A9%D8%B1%D8%AF%D9%86-%D9%85%D9%86%D9%88-%D9%87%D8%A7&highlight=%D9%85%D9%86%D9%88+%D8%A7%D8%A8%D8%B4%D8 %A7%D8%B1%DB%8C)

fahmari
شنبه 25 آذر 1391, 23:48 عصر
برا جواب به این سوال بهتره تو تالار jquery سوالتو بپرسی. چند خط توضیح منم کاربردی واست نداره

به سایت ها یه نگاه بنداز منو هایی زیادی داره . اون آخریه هم منو راست به چپ داره rtl

این تاپیک هم میتونه کمکت کنه

منو آبشاری (http://barnamenevis.org/showthread.php?342850-%D8%AF%D8%B1%D8%AE%D9%88%D8%A7%D8%B3%D8%AA-%D8%A2%D8%A8%D8%B4%D8%A7%D8%B1%DB%8C-%DA%A9%D8%B1%D8%AF%D9%86-%D9%85%D9%86%D9%88-%D9%87%D8%A7&highlight=%D9%85%D9%86%D9%88+%D8%A7%D8%A8%D8%B4%D8 %A7%D8%B1%DB%8C)

سایت ها رو دیدم و هنوز دارم می بینم :لبخندساده: وافعا ممنونم فک کنم بتونم مشکلمو حل کنم ولی اگه بازم به مشکل خوردم رو کمک شما حساب کردم :لبخند:
فقط یه سوال دیگه نرم افزار Sothink DHTML Menu زبان فارسی رو هم پشتبانی می کنه؟ یعنی می تونم منویی باهاش درست کنم که راست به چپ باشه؟

fahmari
یک شنبه 26 آذر 1391, 12:20 عصر
دوباره سلام
من خواستم از این سایت :
http://users.tpg.com.au/j_birch/plugins/superfish/#examples
برای ساخت منو استفاده کنم، مرحله مرحله پیش رفتم ولی آخر کار نه چیزی توی Design برنامم تغییر کرد نه توی اجرا!!
هیچ خطایی هم نمیده!!
ببینید من درست کار و انجام دادم :

1- فایل های css و js رو به برنامه اضافه کردم
2- با استفاده از تگ های Link و script این فایل ها رو به صفحه پیوست کردم
3- تیکه کدی که داخل تگ script نوشته رو هم اون قسمتی که می خوام منوم نمایش پیدا کنه کپی کردم

درسته؟؟؟ اگه اشتباهه مشکل کار کجاست؟؟ :ناراحت:

در ضمن من از vertical style می خوام استفاده کنم

s2/mri
یک شنبه 26 آذر 1391, 14:29 عصر
سلامی دوباره

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



<ul id="sample-menu-3" class="sf-menu sf-vertical sf-js-enabled sf-shadow">
<li class="current">
<a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> »</span></a>
<ul style="display: none; visibility: hidden;">
<li class="current"><a href="#">menu item</a></li>
<li><a href="#aba">menu item</a></li>
<li><a href="#abb">menu item</a></li>
<li><a href="#abc">menu item</a></li>
<li><a href="#abd">menu item</a></li>
</ul>
</li>
</ul>


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

fahmari
یک شنبه 26 آذر 1391, 16:30 عصر
سلامی دوباره

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



<ul id="sample-menu-3" class="sf-menu sf-vertical sf-js-enabled sf-shadow">
<li class="current">
<a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> »</span></a>
<ul style="display: none; visibility: hidden;">
<li class="current"><a href="#">menu item</a></li>
<li><a href="#aba">menu item</a></li>
<li><a href="#abb">menu item</a></li>
<li><a href="#abc">menu item</a></li>
<li><a href="#abd">menu item</a></li>
</ul>
</li>
</ul>


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

مرسی واقعا ممنون. بذارید یه بررسی بکنم فک کنم مشکل همین باشه . دعا کنید درست بشه ورگرنه دوباره میام سراغتون :لبخند:

na_des
یک شنبه 26 آذر 1391, 20:20 عصر
سلام دوستان چون ایجاد منو و ... زمان بر هست من یه لینک در مورد آموزش نرم افزاره Sothink DHTML Menu میزارم که امیدوارم به دردتون بخوره ( راهنمای کامل استفاده ) , راستی کسی با این نرم افزار کار کرده و در مورد فونت فارسی اطلاعاتی داره ؟
http://forum.majidonline.com/threads/61329-%D8%B1%D8%A7%D9%87%D9%86%D9%85%D8%A7%DB%8C-%DA%A9%D8%A7%D9%85%D9%84-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-Sothink-DHTML-Menu