Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.117.105.230
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Новое меню сайта by Error
Сообщение оставлено 11.01.2013 в 11:24:37 | Сообщение #1

В css:
Код
.b_menu {width:194px; margin:0 1px;}  
.b_menu li {display:block; height:26px; line-height:26px; padding:0 0 1px 0;}      
.b_menu li a {display:block; background:url(/menu1.png) no-repeat 0 0; height:26px; color:#e0e0e0; padding:0 5px;}  
.b_menu li a:hover {background-position:0 -27px; text-decoration:none; color:#fff; padding:0 8px;}

В блок:
Код
<div class="b_menu">  
<ul>  
<li><a href="/">Главная страница</a></li>  
<li><a href="#">Навигация</a></li>  
<li><a href="#">Навигация</a></li>  
<li><a href="#">Навигация</a></li>  
<li><a href="#">Навигация</a></li>  
</ul>  
</div>

Если у вас на сайте блоки шире или уже, то вы можете подредактировать это меню под себя. Для этого вам нужно изменить ширину картинки и изменить ширину в CSS: width:194px, где 194 ставим вашу ширину.
 
 
   
Сообщение оставлено 11.01.2013 в 13:33:09 | Сообщение #2
тэка, будь внимательнее, файл menu1.png предоставь :v

Цитата

.b_menu li a {display:block; background:url(/menu1.png) no-repeat 0 0; height:26px; color:#e0e0e0; padding:0 5px;}
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика