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

بهترین کدستان جهان - www.moisrex.rozblog.com

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

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>دموی منوی زیبا</title> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Untitled 1</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{ position:relative; top:-500px; left:0px; overflow:hidden; z-index:-100px; list-style:none outside none; margin:0 0 0 0; padding:0 0 0 0; } .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; } .moisrex-ul li:hover{ background:#000; } .moisrex-ul li:hover a{ color:#00B4FF } .moisrex-ul li:hover ul{ top:0px; left:0px; overflow:visible; width:100px; } .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> <a href="http://moisrex.rozblog.com/"> </a> <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></li> <li><a href="#">منوی 3</a></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/">moisrex</a> </body> </html> <a href="http://moisrex.rozblog.com/"> </a>

0 نظر

3331 بازدید

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

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

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

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

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

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

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

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 5
بازدید امروز : 3,729
بازدید دیروز : 922
گوگل امروز : 38
گوگل دیروز : 24
بازدید هفته : 13,628
بازدید ماه : 30,895
بازدید سال : 193,125
بازدید کلی : 14,193,462

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