Безымянный код от 1283112564 :: WebCodes.Ru — хранилище кодов, html
imgПолучить кодimgСкопировать кодimgСсылки

Безымянный код от 1283112564

Опубликовано 30.08.2010 в 00:09, гостем
<ul class="sf-menu"> 
   <li > 
   <a style="border: 1px solid #fff" href="#">Добавить</a> 
   <ul> 
   <li> 
   <a href="#"><img src='http://ubloggi.com/img/myblog.gif'/> Блог</a></a> 
   </li> 
   <li > 
   <a  href="#ab"><img src='http://ubloggi.com/img/myphoto.gif' /> Фото</a> 
   </li> 
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img/music.gif' /> Аудио</a> 
   </li> 
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img/film.gif' /> Видео</a> 
   </li> 
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img2/apps.png' /> Приложение</a> 
   </li>
   <li> 
   <a  href="#aa"><img src='http://ubloggi.com/img/game.gif' /> Сообщество</a> 
   </li>
   </ul> 
   </li> 
   </ul> 







 <style  type="text/css"> 
   .sf-menu, .sf-menu * { 
   margin: 0; 
   padding: 0; 
   list-style: none; 
   } 
   .sf-menu ul { 
   position: absolute; 
   top: -999em; 
   width: 10em;  
   } 
   .sf-menu ul li { 
   width: 80%; 
   } 
   .sf-menu li:hover { 
   visibility: inherit;  
   } 
   .sf-menu li { 
   float:  left; 
   position: relative; 
   } 
   .sf-menu a { 
   display: block; 
   position: relative; 
   } 
   .sf-menu li:hover ul, 
   .sf-menu li.sfHover ul { 
   left:  0; 
   top:  1.5em; 
   z-index: 9; 
   } 
   ul.sf-menu li:hover li ul, 
   ul.sf-menu li.sfHover li ul { 
   top: -999em; 
   } 
   ul.sf-menu li li:hover ul, 
   ul.sf-menu li li.sfHover ul { 
   left: 10em;  
   top: 0; 
   } 
   ul.sf-menu li li:hover li ul, 
   ul.sf-menu li li.sfHover li ul { 
   top: -999em; 
   } 
   ul.sf-menu li li li:hover ul, 
   ul.sf-menu li li li.sfHover ul { 
   left: 10em;  
   top: 0; 
   } 

   .sf-menu a { 
   border: 1px solid #dae1e8; 
   padding: 0.1em 0em; 
   text-decoration:none; 
   } 
   .sf-menu a, .sf-menu a:visited  { 
   color: #000; 
   } 
   .sf-menu li { 
   background: white; 
   } 
   .sf-menu li li { 
   background: white; 
   } 
   .sf-menu li li li { 
   background: white; 
   } 
   .sf-menu li:hover, .sf-menu li.sfHover, 
   .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 
   background: #eef2f4; 

   } 


   </style>
Valid XHTML 1.1Page Ranking Tool
WebCodes.ru — хранилище кодов © 2009-2010 г.
Все права защищены.
Хостинг от uCoz