Новые сообщения · Участники · Правила форума · Поиск
Страница 1 из 212»
Форум о uCoz и Web » О веб-дизайне » Готовые элементы страницы » Очередное меню (По уроку "Пластиковое меню для вашего сайта")
Очередное меню
SleepWalkerДата: Вторник, 08.01.2008, 20:57 | Сообщение # 1
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
Смотрим как выглядит здесь
Особо объяснять не буду. Данное меню сделано на основе плавающих объектов (в коде float:left). От предыдущего только этим и отличается :). Вот код:
Code
<html>
<head>
<style type="text/css">
body {background: #2e323b}

ul#main {margin:0;
padding:0;
list-style:none;
width:705px;
float:left;}

ul#main li {
float:left;
display:block;
width:141px;
height:48px;
background: url('http://i032.radikal.ru/0801/f6/3a8ad8311b92.jpg') right top repeat-x;}

ul#main a{
float:left;
background: url('http://i032.radikal.ru/0801/f6/3a8ad8311b92.jpg') left top repeat-x;
display:block;
width:141px;
height:48px;
text-align:center;
text-decoration:none;
color:#fff;
font:10pt Arial;
line-height:30px;
}

ul#main a:hover{
background:none;
}
</style>
</head>
<body>
<ul id="main">
<li><a href="http://web-desing.pp.net.ua/lessonExamples/menu/menu2.html">Главная страница</a></li>
<li><a href="#">Новости</a></li>
<li><a href="#">Услуги</a></li>
<li><a href="#">Тарифы</a></li>
<li><a href="#">О компании</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>
</body>
</html>

Из рисунков нужен только один:

Опять же буду рад услышать ваши отзывы.

© SleepWalker

 
RutlhessДата: Четверг, 10.01.2008, 16:29 | Сообщение # 2
Сержант
Группа: Проверенные
Сообщений: 25
Репутация: 1
Статус: Offline
меню не пашет)
 
SleepWalkerДата: Четверг, 10.01.2008, 20:45 | Сообщение # 3
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
теперь пашет
 
espiroДата: Четверг, 15.05.2008, 21:09 | Сообщение # 4
Рядовой
Группа: Пользователи
Сообщений: 7
Репутация: 1
Статус: Offline
можно сделать чтобы в обычном состоянии был один рисунок а в наведенном другой из этих 2х уже данных thumb
 
SleepWalkerДата: Четверг, 15.05.2008, 21:38 | Сообщение # 5
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
так там так и есть
http://web-desing.pp.net.ua/lessonExamples/menu/menu2.html вот
или я тебя не так понял?
 
espiroДата: Четверг, 15.05.2008, 21:50 | Сообщение # 6
Рядовой
Группа: Пользователи
Сообщений: 7
Репутация: 1
Статус: Offline
SleepWalker, а точно) я думал там или та или эта.... surprised
 
-=NEX=-Дата: Четверг, 24.07.2008, 18:49 | Сообщение # 7
Майор
Группа: Проверенные
Сообщений: 99
Репутация: 5
Статус: Offline
Скрипт неплохой ну а рисунки кнопок неочень smile


требуюются Модераторы

 
SleepWalkerДата: Пятница, 25.07.2008, 12:09 | Сообщение # 8
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
))
я те кнопки из уроков беру...а скрипт сам пишу)
 
-=NEX=-Дата: Пятница, 01.08.2008, 14:06 | Сообщение # 9
Майор
Группа: Проверенные
Сообщений: 99
Репутация: 5
Статус: Offline
Понятно biggrin


требуюются Модераторы

 
Faraon4ikДата: Суббота, 21.02.2009, 10:33 | Сообщение # 10
Рядовой
Группа: Пользователи
Сообщений: 14
Репутация: 1
Статус: Offline
А как зделать что-были другие кнопки а то я не врубляю???? cry cry
 
JesseДата: Суббота, 21.02.2009, 11:21 | Сообщение # 11
Moderator
Группа: Главный модератор
Сообщений: 1625
Репутация: 58
Статус: Online
Code
http://i032.radikal.ru/0801/f6/3a8ad8311b92.jpg

Code
http://i032.radikal.ru/0801/f6/3a8ad8311b92.jpg

это меняй на свое...

Блог Jesse
 
VovichДата: Суббота, 21.02.2009, 16:44 | Сообщение # 12
Полковник
Группа: Проверенные
Сообщений: 183
Репутация: 9
Статус: Offline
Красиво....сне понравилось happy
studiov.3dn.ru
 
JesseДата: Суббота, 21.02.2009, 19:15 | Сообщение # 13
Moderator
Группа: Главный модератор
Сообщений: 1625
Репутация: 58
Статус: Online
а мне если честно не очень (хотя и не плохо)... tongue
Блог Jesse
 
SleepWalkerДата: Суббота, 21.02.2009, 19:46 | Сообщение # 14
Admin
Группа: Администраторы
Сообщений: 3093
Репутация: 222
Статус: Offline
ети кнопки были взяты из урока:)
потому претензии не ко мне
 
JesseДата: Суббота, 21.02.2009, 19:47 | Сообщение # 15
Moderator
Группа: Главный модератор
Сообщений: 1625
Репутация: 58
Статус: Online
SleepWalker, к тебе и нет претензий)))
Блог Jesse
 
Форум о uCoz и Web » О веб-дизайне » Готовые элементы страницы » Очередное меню (По уроку "Пластиковое меню для вашего сайта")
Страница 1 из 212»
Поиск: