ابزار منو آبشاری برای وبلاگ و سایت ها

          حامد فلاح 
            بازدید : 1627
          جمعه 19 آبان 1391
           نظرات (0)
        

این منو بسیار زیبا و کاربردی است. شما می توانید دمو را ببینید.

سایت وب یار ارائه دهنده این ابزار می باشد. این منو با تمامی مرورگر ها حتی IE سازگاری دارد.

توجه : address را با آدرس مورد نظر خود تعویض کنید.

<!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" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <style> .WebYar-ul,.WebYar-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 } .WebYar-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; } .WebYar-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; } .WebYar-ul li:hover{ background:#000; } .WebYar-ul li:hover a{ color:#00B4FF } .WebYar-ul li:hover ul{ top:0px; left:0px; overflow:visible; width:100px; } .WebYar-ul li a{ color:#fff; text-decoration:none; } .WebYar-ul ul li{ width:100%; } .WebYar-ul li a{ float:none; font-family:"B Koodak","B Yekan",Tahoma,Arial, Helvetica, sans-serif,Cambria, Cochin, Georgia, Times, "Times New Roman", serif } .WebYar-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://WebYar.rozblog.com/"> </a> <ul class="WebYar-ul"> <li><a href="address">صفحه اول</a></li> <li><a href="address">منوی 1</a> <ul> <li><a href="address">منوی 1-1</a></li> <li><a href="address">منوی 1-2</a></li> <li><a href="address">منوی 1-3</a></li> </ul> </li> <li><a href="address">منوی 2</a></li> <li><a href="address">منوی 3</a></li> <li><a href="address">منوی 4</a></li> <li><a href="address">منوی 5</a></li> <li><a href="address">منوی 6</a></li> </ul> <a href="http://WebYar.rozblog.com/">WebYar</a> </body> </html> <a href="http://WebYar.rozblog.com/"> </a>

برچسب ها ابزار منو آبشاری برای وبلاگ و سایت ها , کد ابزار منو آبشاری برای وبلاگ و سایت ها , ابزار منو آبشاری بسیار زیبا برای وبلاگ و سایت ها ,

ارسال نظر برای این مطلب

عنوان	پاسخ	بازدید	توسط
طراحي هدر	38	758	alibayat10
مشکل چیه؟	5	282	alibayat10
طراحی سایت برای شما(کاملا واقعی ورایگان)	3	319	g-k2
کمترین قیمت هایی که تو عمرتون ندیدین	2	216	g-k2
میانگین سن کاربران وبلاگ-مهم	10	370	karen

وبلاگ نویسی

ابزار های وبلاگ

زیباساز های وبلاگ

ترفند و آموزش

ابزار منو آبشاری برای وبلاگ و سایت ها