Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.144.47.115
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
(my 21) Прикольное меню
Сообщение оставлено 02.08.2010 в 22:45:15 | Сообщение #1

CSS:

Code
#menu ul{  
   float:left;  
   padding:0 0px 0 0px;  
   display:block;  
   width:971px;  
   margin:10px 0 0 0;  
   list-style-type:none;    
}  
#menu ul li{  
   float:left;  
   padding:3px 3px 0px 1px;  
}  

#menu ul li a{  
   float:left;  
   padding:0px 10px 0px 0px;  
   color:#ffffff;  
   font-size:11px;  
   font-family:Arial;  
   text-decoration:none;  
   background:url(i/nav-hover.png) right top no-repeat;  
}  

#menu ul li a span{  
   float:left;  
   display:block;  
   width:auto;  
   height:18px;  
   cursor:pointer;  
   padding:4px 0px 0px 10px;  
   background:url(i/nav-hover-span.png) left top no-repeat;  
}  
#menu ul li a:hover, #menu ul li a.active{  
   color:#000000;  
   background-color:inherit;  
   background:url(i/nav.png) right top no-repeat;  
   float:left;  
}  
#menu ul li a:hover span, #menu ul li a.active span{  
   background:url(i/nav-span.png) left top no-repeat;  
   color:#000000;  
   float:left;  
}

HTML:

Code
<div id="menu">  
<ul>  
<li><a class="active" href="index.html"><span>Главная</span></a></li>  
<li><a href="aboutus.html"><span>Новости</span></a></li>  
<li><a href="blog.html"><span>Фотки</span></a></li>  
<li><a href="services.html"><span>Файлы</span></a></li>  
<li><a href="portfolio.html"><span>Мувики</span></a></li>  
<li><a href="usefullinks.html"><span>Заметки</span></a></li>  
<li><a href="contact.html"><span>Кланы</span></a></li>  
</ul>  
</div>

Скачать

 

Цели
Набрать 1000 постов
Набрать 1000 репутации

 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика