[ Новые сообщения · Участники · Правила форума · Поиск · RSS ] []
  • Страница 1 из 1
  • 1
Модератор форума: TeRRoR, Jaguar09, natiQ  
Orizontal Menu

Дата: Четверг, 05.02.2009, 10:29 | Сообщение # 1
natiQ

natiQ - соска тупая
Группа: Пользователи
Сообщений: 1566
« 0 »
Статус:

Этот код ставьте туда где вы хатите на любую страницу ..
Code
<tr>
<td>
<div style="background: url('/bara/bg.gif') repeat-x; width: 100%; height: 32px; text-align: center" align="center">
<div id="menu" align="center">
<ul style="width: 755px !important">
<li><a href="/"><span><img align="left" src="/bara/Home.png">Главная</span></a></li>
<li><a href="/forum/"><span><img align="left" src="/bara/forum.png">Форум</span></a></li>
<li><a href="/index/8"><span><img align="left" src="/bara/favoris.png">Профиль</span></a></li>
<li><a href="LINK"><span><img align="left" src="/bara/shablon.png">Шаблоны</span></a></li>
<li><a href="LINK"><span><img align="left" src="/bara/Command.png">Скрипты</span></a></li>
<li><a href="LINK"><span><img align="left" src="/bara/Chat.png">Чат</span></a></li>

<li><a class="right" href="/index/3"><span><img align="left" src="/bara/Save.png">Регистрация</span></a></li>
<li><a class="right" href="javascript://" onclick="openLayerB('LF',0,'/index/40','Login',250,130,1);return false;"><span><img align="left" src="/bara/Log.png">Вход</span></a></li>

</ul>
</div>
</div>
</td>
</tr>

Этот код ставьте в CSS

Code
#menu {    
font : normal 12px 'Calibri', 'Trebuchet MS', 'Arial';    
margin : 0;    
padding : 0;    
}    
#menu ul {    
background : url(/bara/bg.gif) repeat-x;    
line-height : 32px;    
list-style : none;    
margin : 0;    
padding : 0 10px 0 10px;    
width : 900px;    
}    
#menu li {    
display : inline;    
padding : 0;    
}    
#menu a {    
color : #fff;    
float : left;    
padding : 0 3px 0 3px;    
text-decoration : none;    
}    
#menu a span {    
display : block;    
padding : 0 10px 0 7px;    
}    
#menu a span img {    
border : none;    
margin-top : 8px;    
}    
#menu a:hover, #menu a.current {    
text-decoration : none !important ;    
background : url(/bara/l.png) no-repeat left center;    
}    
#menu a:hover span, #menu a.current span {    
text-decoration : none !important ;    
background : url(/bara/r.png) no-repeat right center;    
}    
#menu a.right {    
float : right;    
}   



  • Страница 1 из 1
  • 1
Поиск: