|
Новое меню сайта by Error
|
|
Дата: Ср, 26.12.2012, 23:55:33 | Сообщение # 1|
|
Скрин:
В css:
Код .b_menu {width:194px; margin:0 1px;}
.b_menu li {display:block; height:26px; line-height:26px; padding:0 0 1px 0;}
.b_menu li a {display:block; background:url(/menu1.png) no-repeat 0 0; height:26px; color:#e0e0e0; padding:0 5px;}
.b_menu li a:hover {background-position:0 -27px; text-decoration:none; color:#fff; padding:0 8px;}
В блок:
Код <div class="b_menu"> <ul> <li><a href="/">Главная страница</a></li> <li><a href="#">Навигация</a></li> <li><a href="#">Навигация</a></li> <li><a href="#">Навигация</a></li> <li><a href="#">Навигация</a></li> </ul> </div>
Если у вас на сайте блоки шире или уже, то вы можете подредактировать это меню под себя. Для этого вам нужно изменить ширину картинки и изменить ширину в CSS: width:194px, где 194 ставим вашу ширину.
---UPD. от 18.01.2016, 03:24:34:
Цитата Error Вот восстановил картинку: http://s018.radikal.ru/i527/1601/c4/4e1d63056caf.png
Сообщение отредактировал Error - Чт, 27.12.2012, 00:04:14
|
|
Дата: Чт, 27.12.2012, 00:02:51 | Сообщение # 2|
|
stolll, зачем? Все и так работает.
Сделал.
Сообщение отредактировал Error - Чт, 27.12.2012, 00:04:32
|
|
Дата: Чт, 27.12.2012, 00:04:45 | Сообщение # 3|
|
Error, сам рисовал и верстал ?
|
|
Дата: Чт, 27.12.2012, 00:52:35 | Сообщение # 4|
|
stolll, верно подметил
Код <ul class="b_menu"> <li><a href="/">Главная страница</a></li> <li><a href="#">Навигация</a></li> <li><a href="#">Навигация</a></li> <li><a href="#">Навигация</a></li> <li><a href="#">Навигация</a></li> </ul>
Код .b_menu ul {width:194px; margin:0 1px;}
.b_menu li {display:block; height:26px; line-height:26px; padding:0 0 1px 0;}
.b_menu li a {display:block; background:url(/menu1.png) no-repeat 0 0; height:26px; color:#e0e0e0; padding:0 5px;}
.b_menu li a:hover {background-position:0 -27px; text-decoration:none; color:#fff; padding:0 8px;}
Так правильнее будет
|
|
Дата: Чт, 27.12.2012, 22:20:22 | Сообщение # 5 |
Дата: Чт, 27.12.2012, 22:29:18 | Сообщение # 6|
|
Отличное меню, забрал для светлого сайта)
Сообщение отредактировал FankyUA - Чт, 27.12.2012, 22:30:04
|
|
Дата: Чт, 14.02.2013, 13:51:07 | Сообщение # 7|
|
http://vk.com/public58814077
|
|
Дата: Чт, 14.03.2013, 16:53:41 | Сообщение # 8 |
Дата: Пн, 18.03.2013, 17:38:18 | Сообщение # 9|
|
Спасибо. Нашел что искал.
|
|
Дата: Пн, 18.03.2013, 18:00:26 | Сообщение # 10|
|
Напоминает чем то ДС, только это меню синее и светлое.
[cntr]Кто не с нами, тот под нами![/cntr]
|
|
Дата: Чт, 21.03.2013, 22:49:08 | Сообщение # 11|
|
Меню как меню, обычное гс меню, кому оно нужно.
|
|
Дата: Пт, 22.03.2013, 00:34:27 | Сообщение # 12|
|
Выложи PSD плиз,буду благодарен.
|
|
Дата: Пт, 22.03.2013, 00:41:56 | Сообщение # 13|
|
Цитата (bor1ng) Напоминает чем то ДС, только это меню синее и светлое.
1 в 1 
|
|
Дата: Пт, 22.03.2013, 00:42:21 | Сообщение # 14|
|
Denissssr, я уже не знаю где оно.
|
|
Дата: Пн, 25.03.2013, 00:24:50 | Сообщение # 15|
|
bor1ng, чем-то они схожи, но ч
в чем-то у них весомые различия.
|
|
