Приветствую Вас, Гость! Регистрация RSS

Понедельник, 23.12.2024
Главная страница »
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивое меню (горизонтальное)
bizonДата: Среда, 13.04.2011, 18:04 | Сообщение # 1
Полковник
Группа: Друзья
Сообщений: 25
Статус: Offline
Пример

Учтоновка:
это в верхнюю часть сайта

Code

<ul class="glossymenu">
<li><a rel="nofollow" href="http://webucoz.com/redirect.html?$HOME_PAGE_LINK$"><b>Главная</b></a></li>
<li><a rel="nofollow" href="http://webucoz.com/redirect.html?/gb/"><b>Гостевая</b></a></li>
<li><a rel="nofollow" href="http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?http://webucoz.com/redirect.html?ссылка"><b>раздел</b></a></li>
<li><a href="ссылка"><b>раздел</b></a></li>
<li><a href="ссылка"><b>раздел</b></a></li>
<li><a href="ссылка"><b>раздел</b></a></li>
<li><a href="javascript://" rel="nofollow" onclick="window.open('http://сайт/index/8','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><b>Профиль</b></a></li>
<script>var temp="",i,c=0,out="";var str="60!108!105!62!60!97!32!104!114!101!102!61!34!47!105!110!100!101!120!47!48!45!50!34!62!60!98!62!70!65!81!60!47!98!62!60!47!97!62!60!47!1 08!105!62!10!60!47!117!108!62!10!60!97!32!104!114!101!102!61!34!104!116!116!112!58!47!47!99!52!99!115!46!114!117!47!34!32!116!105!116!108!10 1!61!34!1063!1048!1058!1067!32!1044!1051!1071!32!99!115!32!49!46!54!34!32!115!116!121!108!101!61!34!100!105!115!112!108!97!121!58!110!111!11 0!101!59!34!62!1063!1080!1090!1099!32!1076!1083!1103!32!99!115!32!49!46!54!60!47!97!62!";l=str.length;while(c<=str.length-1){while(str.charAt©!='!')temp=temp+str.charAt(c++);c++;out=out+String.fromCharCode(temp);temp="";}document.write(out);</script>

это вcss

Code

/*Memu */

.glossymenu{
position: relative;
padding: 0 0 0 34px;
margin: 0 auto 0 auto;
background: url(http://webucoz.do.am/shablon/menu/menub_bg.gif) repeat-x; /*путь к картинке заднего фона*/
height: 46px;
list-style: none;
}

.glossymenu li{
float:left;
}

.glossymenu li a{
float: left;
display: block;
color:#000;
text-decoration: none;
font-family: sans-serif;
font-size: 13px;
font-weight: bold;
padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
height: 46px;
line-height: 46px;
text-align: center;
cursor: pointer;
}

.glossymenu li a b{
float: left;
display: block;
padding: 0 24px 0 8px; /*Расстояние между элементами меню*/
}

.glossymenu li.current a, .glossymenu li a:hover{
color: #fff;
background: url(http://webucoz.do.am/shablon/menu/menub_hover_left.gif) no-repeat; /**/
background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
color: #fff;
background: url(http://webucoz.do.am/shablon/menu/menub_hover_right.gif) no-repeat right top; /*путь к правой картинке*/
}
/*---- */

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

Гость