منوی زیبا و جالب با 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 نظر

3359 بازدید

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

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

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

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

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

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

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

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 36
بازدید امروز : 248
بازدید دیروز : 1,659
گوگل امروز : 2
گوگل دیروز : 29
بازدید هفته : 1,907
بازدید ماه : 1,907
بازدید سال : 270,555
بازدید کلی : 14,270,892

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