• Страница 1 из 1
  • 1
Вертикальное меню
otpmДата: Суббота, 31.Янв.2009, 21:35 | Сообщение # 1
Admin
Сообщений: 554
« 3 »
Статус: :-(

Code
<title>$SITE_NAME$ - $PAGE_NAME$</title>

После ставим этот код:

Code
<style type="text/css">   
{   
     font-family: Verdana, Arial, Helvetica, sans-serif;   
     font-size: 80%;   
     font-weight: bold;   
     background: #FFF;   
     }   

h1 {   
     font-family:Verdana, Arial, Helvetica, sans-serif;   
     font-size:16px;   
     font-weight:bold;   
     margin:0;   
     padding:0;   
     }   

hr {   
     border:none;   
     border-top:1px solid #CCCCCC;   
     height:1px;   
     margin-bottom:25px;   
     }   

ul {   
     list-style: none;   
     margin: 0;   
     padding: 0;   
     }   

img {   
     border: none;   
     }   
          
#menu {   
     width: 148px;   
     margin: 10px;   
     border-style: solid solid none solid;   
     border-color: #000;   
     border-size: 1px;   
     border-width: 1px;   
     }   
          
#menu li a {   
     height: 32px;   
     voice-family: "\"}\"";      
     voice-family: inherit;   
     height: 24px;   
     text-decoration: none;   
     }      
          
#menu li a:link, #menu li a:visited {   
     color: #CCC;   
     display: block;   
     background: url(/menu.gif);   
     padding: 8px 0 0 10px;   
     }   
          
#menu li a:hover {   
     color: #FFF;   
     background: url(/menu.gif) 0 -32px;   
     padding: 8px 0 0 10px;   
     }   
</style>

Выделенное синим это ширина, настраиваем под свой сайт!

-------------------------------------------------------------------------------------------------------

Code
$SITE_MENU$

Заменяем на этот код:

Code
<div id="menu">   
<ul>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
<li><a href="ССЫЛКА"><span style="color:orange">Меняем на своё</b></span></a></li>   
</ul>   
</div>

Загрузить в корень сайта: menu.gif


Заработок для веб-мастеров
 
  • Страница 1 из 1
  • 1
Поиск:

Счетчик тИЦ и PR