Помощник
|
Меню |
Хайди
|
Сообщение
#1
|
||
|
|
||
|
|||
klenovnn |
24.4.2009, 11:59;
Ответить: klenovnn
Сообщение
#2
|
|
Слева меню можно просто список создать <ul> и позицию задать абсолютную и готово (остальной цвет это фон). А вот меню справа на листе, если там что-то нужно (на мой взгляд не актуально), то координаты.
Имхо, достаточно слева меню. |
|
|
Хайди
|
Сообщение
#3
|
|
Ой, а можно поподробнее?
|
|
|
klenovnn |
24.4.2009, 12:18;
Ответить: klenovnn
Сообщение
#4
|
|
css
div#header { background:url('/images/bg.jpg') top left-no-repeat; /*путь к шапке*/ width:640px; height:324px; } div#header ul { margin:200px 0 0 40px; /*отступы натсроить нужно, верх,справа,низ,слева.*/ width:100%; } div#header ul li { list-style:none; } code <div id="header">
<ul> <li>News Archives</li> <li>Contact</li> <li>Link Here</li> <li>RSS Feeds</li> <li>Guestbook</li> <li>Affiliates</li> <li>Search</li> <li>Home</li> <li></li> </ul> </div> |
|
|
Exploit_hb |
24.4.2009, 13:26;
Ответить: Exploit_hb
Сообщение
#5
|
|
Интересное решение в правой менюшке применили, никогда бы сам не придумал с помощью хувера фон смещать,так бы и менял одну картинку другой :)))
Хайди, по поводу правой менюшки, там одни картинки, при наводке на зону пункта меню, происходит смещение фона и получаем второй кусок картинки которая уже подчеркнута. все картинки там вот такие http://nikkireedfan.com/images/nav_about.gif просто в листе стилей указано чтобы в зоне кнопки когда на ней нету наведенной мышки, фон смещен вверх, чтобы вмещался только нижний кусок картинки (не подчеркнутая), а когда наводиш на меню, этот фон смещается вниз, и в видимой зоне оказывается подчеркнутая картинка. #mainmenu li a.about {
position: relative; background:transparent url(/images/nav_about.gif) no-repeat 0 -58px; background-repeat: no-repeat; width:156px; height:53px; margin-left:105px; display: block; } #mainmenu li a:hover.about { background: url(/images/nav_about.gif) no-repeat 0 0; margin-left:86px; background-repeat: no-repeat; } |
|
|
klenovnn |
24.4.2009, 13:43;
Ответить: klenovnn
Сообщение
#6
|
|
Удачнее сделать я думаю координаты с hover где будет появляться стандартная полоска подчеркивания.
|
|
|
Exploit_hb |
24.4.2009, 14:02;
Ответить: Exploit_hb
Сообщение
#7
|
|
Стандартная это в плане средствами CSS или стандартной картинкой подчеркивать?
|
|
|
klenovnn |
24.4.2009, 14:08;
Ответить: klenovnn
Сообщение
#8
|
|
Exploit, да нет. То что ты сказал, это имеем скажем вот первую ссылку About Nikki, так вот вторая картинка должна быть такая же с подчеркиванием. Так вот картинку - подчеркивание сделать отдельной, чтобы не было повторных кнопок.
|
|
|
Exploit_hb |
24.4.2009, 15:19;
Ответить: Exploit_hb
Сообщение
#9
|
|
Согласен, в данном случае удобней, но если вдруг меню будет более сложное графически то такой подход хорош + ссылка на картинку пункта меню только одна а не 2 :)
|
|
|
klenovnn |
24.4.2009, 15:21;
Ответить: klenovnn
Сообщение
#10
|
|
|
Exploit, если сложное, и хочешь чтобы сайт не был унылым, нужно сделать такую флешку, но с флешкой он автоматически станет отвратительным. Флеш использовать умеет как надо только 2advanced.com имхо
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Перенести меню | 1 | Викторио_mw | 1469 | 28.8.2018, 0:10 автор: TimurR |
|
Необходимо разрезать и установить Меню для группы ВКонтакте | 2 | boltuk | 3416 | 4.12.2017, 14:44 автор: tezoro |
|
Помогите с меню - переделать в выпадающее | 1 | lepota | 1130 | 4.12.2017, 13:29 автор: yury_mw |
|
Слайдер под меню | 0 | Olya_Poy | 4649 | 29.11.2017, 11:09 автор: -garmoni- |
|
На разных разрешениях меню выглядит по разному | 0 | SPiar | 4818 | 28.9.2017, 17:45 автор: -korotkov- |
Текстовая версия | Сейчас: 25.4.2024, 21:31 |