منوی زیبا و جالب با css ورژن 2

دموی آنلاین: http://moisrex.rozblog.com/page/126

این منوی زیبا با استفاده از css و تگ های ul و li در html ساخته شده و در اون هیچ عکسی به کار برده نشده.

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

<!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>www.moisrex.rozblog.com</title> <style> .moisrex-ul,.moisrex-ul{ list-style:none outside none; margin:0 0 0 0; padding:0 0 0 0; font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif } .moisrex-ul ul{ filter:alpha(opacity=0); opacity:0; overflow:hidden; z-index:-100px; list-style:none outside none; margin:0 0 0 0; padding:0 0 0 0; transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; } .moisrex-ul li{ float:right; display:block; position:relative; direction:rtl; text-align:center; border:thin #fff groove; background:#444; color:#fff; padding:5px; height:20px; width:100px; box-shadow:0px 0px 10px #fff inset; } .moisrex-ul li:hover{ background:#000; box-shadow:0px 0px 20px #fff inset; } .moisrex-ul li:hover a{ color:#00B4FF } .moisrex-ul li:hover ul{ width:100px; filter:alpha(opacity=100); opacity:1; } .moisrex-ul li a{ color:#fff; text-decoration:none; } .moisrex-ul ul li{ width:100%; } .moisrex-ul li a{ float:none; font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif } .moisrex-ul ul li:hover > a { color: #fff; font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif } </style> </head> <body> <ul class="moisrex-ul"> <li><a href="#">صفحه اول</a></li> <li><a href="#">منوی 1</a> <ul> <li><a href="#">منوی 1-1</a></li> <li><a href="#">منوی 1-2</a></li> <li><a href="#">منوی 1-3</a></li> </ul> </li> <li><a href="#">منوی 2</a> <ul> <li><a href="#">منوی 2-1</a></li> <li><a href="#">منوی 2-2</a></li> <li><a href="#">منوی 2-3</a></li> </ul> </li> <li><a href="#">منوی 3</a> <ul> <li><a href="#">منوی 3-1</a></li> <li><a href="#">منوی 3-2</a></li> <li><a href="#">منوی 3-3</a></li> </ul> </li> <li><a href="#">منوی 4</a></li> <li><a href="#">منوی 5</a></li> <li><a href="#">منوی 6</a></li> </ul> <a href="http://moisrex.rozblog.com/">www.moisrex.rozblog.com</a> </body> <a href="http://moisrex.rozblog.com/"> </a> </html> <a href="http://moisrex.rozblog.com/"> </a>

3 نظر

3792 بازدید

شنبه 30 اردیبهشت 1391 - 15:55

تریکـ فا | www.trickfa.ir در تاریخ 1348/10/11 ساعت 19:46 می گوید :

تو هم اینطوری میبینی؟
http://s3.picofile.com/file/7385781391/sfdasgsdfgbsdgsd.bmp

تریکـ فا | www.trickfa.ir در تاریخ 1348/10/11 ساعت 17:36 می گوید :

راستی ببین اسلایدی که گذاشتم مناسبه؟
بهش میاد. دارم تصاویرشو درست میکن.
در کل قالب چطوره؟ بدرد بخوره یا نه؟

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

آموزش PHP - جلسه اول

پنجشنبه 04 تیر 1394 - 17:00

هیچ کلاس فعالی موجود نیست.

کاربران آنلاین

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 4
بازدید امروز : 3,616
بازدید دیروز : 922
گوگل امروز : 38
گوگل دیروز : 24
بازدید هفته : 13,515
بازدید ماه : 30,782
بازدید سال : 193,012
بازدید کلی : 14,193,349

عنوان کد:
توضیحات: