Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.119.162.17
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Горизонтальное меню для верхней части сайта
Сообщение оставлено 25.04.2011 в 12:09:02 | Сообщение #1


[Table]Это меню построено очень качественно, нет никаких изъянов в CSS. Горизонтальное меню подойдет больше всего для верхней части сайта, так как оно зрительно делит сайт на верхнюю часть и нижнюю. Собственно, глядя на него, уже можно представить полноценный и качественный шаблон для сайта, который выглядел бы просто и без лишних украшений смотрелся бы изящно. [/Table]

Установка:
в css:

Code
#webo4ka_demo-container{  
   padding:25px 15px 0 15px;  
   background:#67A897;  
   }  

  ul#webo4ka_simple-menu{  
   list-style-type:none;  
   width:100%;  
   position:relative;  
   height:27px;  
   font-family:"Trebuchet MS",Arial,sans-serif;  
   font-size:13px;  
   font-weight:bold;  
   margin:0;  
   padding:11px 0 0 0;  
   }  

  ul#webo4ka_simple-menu li{  
   display:block;  
   float:left;  
   margin:0 0 0 4px;  
   height:27px;  
   }  

  ul#webo4ka_simple-menu li.left{  
   margin:0;  
   }  

  ul#webo4ka_simple-menu li a{  
   display:block;  
   float:left;  
   color:#fff;  
   background:#4A6867;  
   line-height:27px;  
   text-decoration:none;  
   padding:0 17px 0 18px;  
   height:27px;  
   }  

  ul#webo4ka_simple-menu li a.right{  
   padding-right:19px;  
   }  

  ul#webo4ka_simple-menu li a:hover{  
   background:#2E4560;  
   }  

  ul#webo4ka_simple-menu li a.current{  
   color:#2E4560;  
   background:#fff;  
   }  

  ul#webo4ka_simple-menu li a.current:hover{  
   color:#2E4560;  
   background:#fff;  
   }

Код на странице
Code
<div id="webo4ka_demo-container">  
   <ul id="webo4ka_simple-menu">  
   <li><a href="http://webo4ka.ru/load/shablony_sajtov_ucoz/48" class="current"><span>Шаблоны</span></a></li>  
   <li><a href="http://webo4ka.ru/load/skripty_i_modifikacii_dlja_ucoz/46"><span>Скрипты</span></a></li>  
   <li><a href="http://webo4ka.ru/forum/"><span>Форум</span></a></li>  
   <li><a href="http://webo4ka.ru/"><span>Главная</span></a></li>  
   </ul>  
  </div>
 
 
   
Сообщение оставлено 27.04.2011 в 07:21:11 | Сообщение #2
Аеее спс
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика