X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Меню
Хайди
Хайди
Topic Starter сообщение 24.4.2009, 11:46; Ответить: Хайди
Сообщение #1


Всем привет) У меня возник такой вопросик:
Можно ли вообще сделать меню, наподобие этого
[IMG]http://s44.radikal.ru/i104/0904/8c/6b0b74f9ca95.jpg[/IMG]
если да, то пожалуйста, подскажите как.
p.s. Понимаю, что это плагиат, но уж очень нравится)))
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 24.4.2009, 11:59; Ответить: klenovnn
Сообщение #2


Слева меню можно просто список создать <ul> и позицию задать абсолютную и готово (остальной цвет это фон). А вот меню справа на листе, если там что-то нужно (на мой взгляд не актуально), то координаты.
Имхо, достаточно слева меню.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Хайди
Хайди
Topic Starter сообщение 24.4.2009, 12:03; Ответить: Хайди
Сообщение #3


Ой, а можно поподробнее?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
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
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
klenovnn
сообщение 24.4.2009, 13:43; Ответить: klenovnn
Сообщение #6


Удачнее сделать я думаю координаты с hover где будет появляться стандартная полоска подчеркивания.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exploit_hb
Exploit_hb
сообщение 24.4.2009, 14:02; Ответить: Exploit_hb
Сообщение #7


Стандартная это в плане средствами CSS или стандартной картинкой подчеркивать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 24.4.2009, 14:08; Ответить: klenovnn
Сообщение #8


Exploit, да нет. То что ты сказал, это имеем скажем вот первую ссылку About Nikki, так вот вторая картинка должна быть такая же с подчеркиванием. Так вот картинку - подчеркивание сделать отдельной, чтобы не было повторных кнопок.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Exploit_hb
Exploit_hb
сообщение 24.4.2009, 15:19; Ответить: Exploit_hb
Сообщение #9


Согласен, в данном случае удобней, но если вдруг меню будет более сложное графически то такой подход хорош + ссылка на картинку пункта меню только одна а не 2 :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
klenovnn
klenovnn
сообщение 24.4.2009, 15:21; Ответить: klenovnn
Сообщение #10


Exploit, если сложное, и хочешь чтобы сайт не был унылым, нужно сделать такую флешку, но с флешкой он автоматически станет отвратительным. Флеш использовать умеет как надо только 2advanced.com имхо

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4633 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 28.3.2024, 23:14
Дизайн