آموزش ساخت منوی کرکره ای در 4 دقیقه !

[heil]

با سلام

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

یکی از چیزهایی که می تونه یک سایت رو زیبا کنه ، داشتن یک منوی کرکره ای خیلی شیکه

یک منوی کرکره ای رو به چند روش میشه ایجاد کرد :

1. فقط CSS >> بسیار سبک و بدون نیاز به کد نویسی جاوا اسکریت و .... >> یه کار بسیار حرفه ای
2. با جاوا اسکریپت >> بدترین و کند ترین حالت ممکن
3. با جی کوئری

در ادامه یک منوی کرکره ای با تک تک روش هایی که گفتم به هم می سازیم و شما می تونین با تمامی تکنیک ها آشنا بشید و بسته به سلیقتون ، منوی سایتتون رو با هر روش که دوست دارید بسازید

 

[فاطمه طالبی]

دوستانی که منو با css میخوان میتونن به این سایت مراجعه کنن هرکدوم رو انتخاب کنین همونجا کد رو میده http://cssmenumaker.com/

 

[me.fatima]

دوستانی که منو با css میخوان میتونن به این سایت مراجعه کنن هرکدوم رو انتخاب کنین همونجا کد رو میده http://cssmenumaker.com/

دنیا چقدر پیشرفت کرده

 

[zahra1372]

در ادامه یک منوی کرکره ای با تک تک روش هایی که گفتم به هم می سازیم و شما می تونین با تمامی تکنیک ها آشنا بشید و بسته به سلیقتون ، منوی سایتتون رو با هر روش که دوست دارید بسازید

ما منتظریم...!

 

[me.fatima]

دوستانی که منو با css میخوان میتونن به این سایت مراجعه کنن هرکدوم رو انتخاب کنین همونجا کد رو میده http://cssmenumaker.com/

سلام دوستان
وقتی از این کدها استفاده میکنیم ( با گزینه های فارسی ) منو بصورت چپ به راست نشون داده میشه مثل سایتهای انگلیسی. یعنی مثلا
"صفحه اول " در سمت چپ نشون داده میشه و گزینه های دیگر بترتیب در سمت راستش قرار میگیرند.
حالا برای اینکه برعکسش کنیم که از راست نشون بده ، چه دستوری رو باید اضافه کنیم ؟

 

[hoseng]

سلام دوستان
وقتی از این کدها استفاده میکنیم ( با گزینه های فارسی ) منو بصورت چپ به راست نشون داده میشه مثل سایتهای انگلیسی. یعنی مثلا
"صفحه اول " در سمت چپ نشون داده میشه و گزینه های دیگر بترتیب در سمت راستش قرار میگیرند.
حالا برای اینکه برعکسش کنیم که از راست نشون بده ، چه دستوری رو باید اضافه کنیم ؟

سلام این دقیقا میشه طریقه فارسی کردن قالب
یعنی یه فرمول کلی نداره ولی معمولا اون directionهایی که ltr هستن به rtl تبدیل میشن یا بعضی موقع ها ممکنه float برابر left باشه که باید تبدیل بشه به right یا همینطور خود خصوصیت های left و right
ملا قانون ثابتی برای تبدیل نیستش اما کاری هم نداره من خودم تا حالا خیلی از این کارا کردم حتی twitter bootstrap رو کاملا بر حسب نیازم فارسیش کردم فقط یه ذره حوصله میخواد دو ذره شناختن دستورات

 

[me.fatima]

سلام این دقیقا میشه طریقه فارسی کردن قالب
یعنی یه فرمول کلی نداره ولی معمولا اون directionهایی که ltr هستن به rtl تبدیل میشن یا بعضی موقع ها ممکنه float برابر left باشه که باید تبدیل بشه به right یا همینطور خود خصوصیت های left و right
ملا قانون ثابتی برای تبدیل نیستش اما کاری هم نداره من خودم تا حالا خیلی از این کارا کردم حتی twitter bootstrap رو کاملا بر حسب نیازم فارسیش کردم فقط یه ذره حوصله میخواد دو ذره شناختن دستورات

مرسی از پاسخ
من فقط سعی میکردم direction به rtl تبدیل کنم که درست نمیشد . اصلا حواسم به float نبود که الان right کردم و مشکل حل شد
ممنون

 

[zahra1372]

...مشکل حل شد ...

چرا من نمیتونم؟ sub item هاش نمیشه! ایناها !

 

[me.fatima]

چرا من نمیتونم؟ sub item هاش نمیشه! ایناها !

اینو اضافه کنی فکر کنم مشکل حل شه :

body{
direction:rtl;
}

 

[zahra1372]

اینو اضافه کنی فکر کنم مشکل حل شه :

body{
direction:rtl;
}

جل الخالق درست شد.

 

[hoseng]

مرسی از پاسخ
من فقط سعی میکردم direction به rtl تبدیل کنم که درست نمیشد . اصلا حواسم به float نبود که الان right کردم و مشکل حل شد
ممنون

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

#cssmenu ul ul {
  margin: 0 10px;
  padding: 0 10px;
  float: right;
  background: #efefef;
  border: 2px solid #1b9bff;
  border-top: none;
  right: 0;
  left: 0;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

خواهش می کنم موفق باشین

 

[فاطمه طالبی]

دلم نیومد اینو هم معرفی نکنم! دوستانی که دکمه میخوان میتونن به این سایت ها مراجعه کنن :

http://css-tricks.com/examples/ButtonMaker/#
دکمه دلخواه رو میسازیم کد رو میده!

http://ui-cloud.com/
اگه اینجا بزنین button براتون میاره

http://designinstruct.com/roundups/free-web-button-psd-downloads/
از اینها هم میتونین استفاده کنین

یه سری نرم افزار هم هست برای ساخت دکمه .مثلا button shop .البته خودم کار نکردم

 

[فاطمه طالبی]

یک سایت منو ساز !

http://temphaa.com/Demo/Menu_Maker/index.html#

****
یه عالمه منوی زیبای دیگه!!

اینجا هم هست!

این سایت اصلی رو حتما ببینین

 

[samadehghan]

دوستانی که منو با css میخوان میتونن به این سایت مراجعه کنن هرکدوم رو انتخاب کنین همونجا کد رو میده http://cssmenumaker.com/

ممنون عزیزم از لینکی که قرار دادی