Новые сообщения · Участники · Правила форума · Поиск
  • Страница 1 из 1
  • 1
Форум о uCoz и Web » Веб-программирование и дизайн » Готовые элементы страницы » Меню в стиле Vista
Меню в стиле Vista
SleepWalkerДата: Вторник, 22.01.2008, 18:37 | Сообщение # 1
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Оффлайн
Код:
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>

Вот такое меню можно получить вставив этот код на своей страничке:

Вот тут увидеть в рабочем состоянии.
Архив с файлами и самой страничкой.
Как установить кнопки социальных сетей?

Time Waits For No One
 
espiroДата: Четверг, 15.05.2008, 21:07 | Сообщение # 2
Рядовой
Сообщений: 6
Репутация: 1
Социальная репутация:

Статус: Оффлайн
что-то в этом есть, но если честно не оч на висту катит v
 
SleepWalkerДата: Пятница, 16.05.2008, 15:31 | Сообщение # 3
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Оффлайн
чесно говоря его так назвал тот кто просил мну сделать код для етого меню:)
Time Waits For No One
 
psyangelДата: Пятница, 26.09.2008, 20:30 | Сообщение # 4
Рядовой
Сообщений: 1
Репутация: 1
Социальная репутация:

Статус: Оффлайн
А PSD нету?
 
SleepWalkerДата: Пятница, 26.09.2008, 21:46 | Сообщение # 5
Admin
Сообщений: 5493
Репутация: 487
Социальная репутация:

Статус: Оффлайн
psyangel, нету PSD, так как графика была не моя а заказчика
Time Waits For No One
 
ZeuSДата: Понедельник, 13.10.2008, 00:31 | Сообщение # 6
Полковник
Сообщений: 203
Репутация: 20
Социальная репутация:

Статус: Оффлайн
класные
 
sir95Дата: Понедельник, 21.09.2009, 04:04 | Сообщение # 7
Сержант
Сообщений: 21
Репутация: 0
Социальная репутация:

Статус: Оффлайн
На висту вообще не тянет, но прикольно!
 
BLOODSNAYKER777Дата: Воскресенье, 20.06.2010, 11:03 | Сообщение # 8
Рядовой
Сообщений: 1
Репутация: 0
Социальная репутация:

Статус: Оффлайн
блинннн!!! как бы я хотел чтобы тут еще и уроки по JavaScript был) мне очень понравились все уроки, а особенно по HTML)))
 
StarДата: Понедельник, 17.10.2016, 16:04 | Сообщение # 9
Рядовой
Сообщений: 5
Репутация: 0
Социальная репутация:

Статус: Оффлайн
это факт
 
Форум о uCoz и Web » Веб-программирование и дизайн » Готовые элементы страницы » Меню в стиле Vista
  • Страница 1 из 1
  • 1
Поиск: