Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Красивое меню для сайтов
ŃξŋĔДата: Воскресенье, 01.08.2010, 14:22 | Сообщение # 1
Титул:я тут главный!
Группа работы:
Группа: гл.Администратор
Сообщений: 234
Репутация: 53
Статус: Пользователя в данный момент нету
ICQ:560314791

За 100 Постов Бог сайта и форума За любовь народа За хорошую посещаемость на форуме За супер посещаемость За Бог, богаа За помощь народу За 1 пост За 5 Постов За 10 Постов

Просто создаем новый блок и пихаем вот этот код туда:

Code
<style type=text/css>       
ul#menu {       
margin:0;       
padding:0;       
list-style-type:none;       
display:block;       
width:195px;       
height:186px;       
background:url('http://i037.radikal.ru/0801/c8/8d82625d6ac2.png') no-repeat left top;       
text-align:right;       
}       
ul#menu a {       
display:block;       
width:195px;       
height:31px;       
}       
ul#menu a {       
display:block;       
width:195px;       
height:31px;       
}       
ul#menu a.1 {       
background:url('http://i042.radikal.ru/0801/d4/090760977ff9.png');       
}       
ul#menu a.2 {       
background:url('http://i032.radikal.ru/0801/13/c5c7cf303bf0.png');       
}       
ul#menu a.3 {       
background:url('http://i012.radikal.ru/0801/f7/33acfd723a15.png');       
}       
ul#menu a.4 {       
background:url('http://i010.radikal.ru/0801/21/542e782e08c3.png');       
}       
ul#menu a.5 {       
background:url('http://i010.radikal.ru/0801/59/1963e2584359.png');       
}       
ul#menu a.6 {       
background:url('http://i009.radikal.ru/0801/a9/f402eeba0207.png');       
}       
ul#menu a:hover {       
background:none;       
}       
ul#menu li{       
display:inline;       
}       
ul#menu img {       
border:0;padding:0;margin:0;       
}       
</style>       

<ul id="menu">       
<li><a class=1 href="D:\Web\!!!Interactive\Menu Script + CSS\3\Menu3.html"></a></li>       
<li><a class=2 href="#2"></a></li>       
<li><a class=3 href="#3"></a></li>       
<li><a class=4 href="#4"></a></li>       
<li><a class=5 href="#4"></a></li>       
<li><a class=6 href="#4"></a></li>       
</ul>       

<script type="text/javascript" language="JavaScript">       
var loc=location.href       
var a=document.getElementById('menu').getElementsByTagName('a')       
var aHref=new Array()       
var num=parseInt(a.length)-1       
for (var i=num;i>=0;i--) {       
var Href=a[i].href       
if (loc.indexOf(Href)==-1) {       
continue       
}else{       
a[i].style.backgroundImage='none'       
break}       
}       
</script>





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

Copyright MyCorp © 2024