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

Это в блок
Code
<ul class="menu1">    
<li class="menu1"><a href="Ссылка"> Название</a></li>    
<li class="menu1"><a href="Ссылка"> Название</a></li>    
<li class="menu1"><a href="Ссылка"> Название</a></li>    
<li class="menu1"><a href="Ссылка"> Название</a></li>    
<li class="menu1"><a href="Ссылка"> Название</a></li>    
<li class="menu1"><a href="Ссылка"> Название </a></li>    
</ul>

Это в CSS
Code
/* Menu by Vito */  
ul.menu1 { list-style:none; margin:0px 0px 2px 0px; padding:0px;}  
li.menu1 a:link { display:block; text-decoration:none; border-left:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#747474; font-size:11px;}  
li.menu1 a:visited { display:block; text-decoration:none; border-left:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#747474; font-size:11px;}  
li.menu1 a:hover { display:block; text-decoration:none; border-left:3px solid #3D3D3D; background-color:#131313; text-align:left; height:15px; color:#7a7a7a; font-size:11px; }  
li.menu1 a:active { display:block; text-decoration:none; border-left:3px solid #3D3D3D; background-color:#3D3D3D; text-align:left; height:15px; color:#747474; font-size:11px; }  

li.menu1_bottom a:link { display:block; text-decoration:none; border-left:3px solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}  
li.menu1_bottom a:visited { display:block; text-decoration:none; border-left:3px solid #131313; border-bottom:3px solid #131313; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}  
li.menu1_bottom a:hover { display:block; text-decoration:none; border-left:3px soalid #131313; background-color:#131313; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }  
li.menu1_bottom a:active { display:block; text-decoration:none; border-left:3px solid #131313; border-bottom:3px solid #3D3D3D; background-color:#3D3D3D; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }  

ul.menu2 { list-style:none; margin:0px 0px 2px 0px; padding:0px;}  
li.menu2 a:link { display:block; text-decoration:none; border-left:3px solid #DCDCDC; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}  
li.menu2 a:visited { display:block; text-decoration:none; border-left:3px solid #DCDCDC; text-align:left; padding-left:5px; height:15px; color:#3D3D3D; font-size:11px;}  
li.menu2 a:hover { display:block; text-decoration:none; border-left:3px solid #3b3b3b; background-color:#1e1e1e; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }  
li.menu2 a:active { display:block; text-decoration:none; border-left:3px solid #3D3D3D; background-color:#3b3b3b; text-align:left; height:15px; color:#3D3D3D; font-size:11px; }  

li.cat { display:block; text-decoration:none; background-color:#131313; border:0px solid #3D3D3D; color:#666666; text-align:right; padding-right:5px; padding-top:3px; height:16px; width:180px; font-size:10px; }  

li.cat1 { display:block; text-decoration:none; background-color:#131313; border:0px solid #3D3D3D; color:#666666; text-align:center; padding-center:5px; padding-top:3px; height:16px; width:180px; font-size:10px; }  

.menu1 {font-weight:bold;font-size:8pt;font-family:Arial,Sans-Serif;}  
a.menu1:link {text-decoration:none; color:#dedede}  
a.menu1:active {text-decoration:none; color:#dedede}  
a.menu1:visited {text-decoration:none; color:#dedede}  
a.menu1:hover {text-decoration:none; color:#FFFFFF}  
/* ------------- */
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика