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



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Нужно сделать выпадающее меню
antiblef
antiblef
Topic Starter сообщение 30.8.2012, 10:42; Ответить: antiblef
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


Здравствуйте, недавно задался вопросом, как создать выпадающее меню для моего меню на одном из моих сайтов. Я знаю, что в интернете полно различных кодов, но мне нужно модифицировать имеено этот код, надеюсь, что кто-то поможет мне.

код кнопок меню

<div id="menu33">

<ul class="css-menu-1" >

<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>


стили кнопок меню

ul.css-menu-1 {
list-style: none;
padding-left: 0px;
height: 50px;


}

ul.css-menu-1 li {
display: inline;

}

ul.css-menu-1 li a {
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
background: #120A8F;
font-weight: bold;
color: #ffffff;
border-bottom:1px solid #120A8F;
  padding: 20px 44px 20px 44px;


}

ul.css-menu-1 li a:hover {
   padding: 20px 44px 20px 44px;
font-weight: bold;
background: #6E8CC7;
color: #ffffff;

}



Нужно сделать, чтобы выпадали подрубрики, например:

Направляешь мышку на главная, а там ниже выпадает меню на новости скажем и рассказы, далее направляешь кнопку на рассказы и выпадает меню на длинные и короткие сбоку.

В общем надеюсь задача ясна, я просто хочу увидеть как это реализовать проще всего, а то у меня получается не очень хорошо. Надеюсь на вашу помощь!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сергуня
Сергуня
сообщение 30.8.2012, 11:40; Ответить: Сергуня
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 284
Регистрация: 13.4.2008
Из: Подгорица
Поблагодарили: 48 раз
Репутация:   11  


Каково вознаграждение? С js или без?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kstnews
kstnews
сообщение 30.8.2012, 16:26; Ответить: kstnews
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 444
Регистрация: 25.11.2011
Из: Нижегородская губерния
Поблагодарили: 132 раза
Репутация:   31  


Когда-то делал подобное меню при помощи purecssmenu.com
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
antiblef
antiblef
Topic Starter сообщение 6.9.2012, 18:49; Ответить: antiblef
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


(Сергуня @ 30.8.2012, 11:40) *
Каково вознаграждение? С js или без?


А сколько хотите за 5 минутную работу?

Готов принципе заплатить.

Сообщение отредактировал antiblef - 6.9.2012, 18:49
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сергуня
Сергуня
сообщение 7.9.2012, 11:11; Ответить: Сергуня
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 284
Регистрация: 13.4.2008
Из: Подгорица
Поблагодарили: 48 раз
Репутация:   11  


Хоть и 5-ти минутная, но как вы заметили - работа. Моя цена: 6$.

Какой нужен вариант из трех?
1. Выпадание по клику на js.
2. Выпадание по наведению на css.
3. Выпадание по наведению на js.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
BoldLink
BoldLink
сообщение 7.9.2012, 11:43; Ответить: BoldLink
Сообщение #6


клоновод
***

Группа: Banned
Сообщений: 122
Регистрация: 19.6.2012
Из: Москва
Поблагодарили: 18 раз
Репутация:   3  


Уважаемый вот вам сайтик где вы найдете различное меню и сами сможете переделать под свой стиль(поменять стили). Очень часто выручает, полная информацию по установке и т.д.

Сообщение отредактировал BoldLink - 7.9.2012, 11:48


--------------------
клоновод
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
King_Ring
King_Ring
сообщение 9.9.2012, 13:25; Ответить: King_Ring
Сообщение #7


Участник
***

Группа: User
Сообщений: 161
Регистрация: 30.6.2012
Поблагодарили: 14 раз
Репутация:   3  


(antiblef @ 30.8.2012, 10:42) *


Вертикальное выпадающее меню на CSS без применения Javascript.

еню будет построено на ненумерованных списках, вложенных друг в друга. Напишем сразу HTML код нашего выпадающего меню (чтобы не громоздить огромный листинг я сделал выпадающим только второй пункт):

<div class="cssmenu">
<ul>
<li><a href="#">Уровень 1 п 1</a></li>
<li><a href="#">Уровень 1 п 2</a>
<ul>
<li><a href="#">Уровень 2 п 1</a></li>
<li><a href="#">Уровень 2 п 2</a>
<ul>
<li><a href="#">Уровень 3 п 1</a></li>
<li><a href="#">Уровень 3 п 2</a>
<ul>
<li><a href="#">Уровень 4 п 1</a></li>
<li><a href="#">Уровень 4 п 2</a>
<ul>
<li><a href="#">Уровень 5 п 1</a></li>
<li><a href="#">Уровень 5 п 2</a></li>
<li><a href="#">Уровень 5 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 4 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 3 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 2 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 1 п 3</a></li>
</ul>
</div>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
antiblef
antiblef
Topic Starter сообщение 15.9.2012, 17:13; Ответить: antiblef
Сообщение #8


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


(antiblef @ 30.8.2012, 10:42) *
Вертикальное выпадающее меню на CSS без применения Javascript.

еню будет построено на ненумерованных списках, вложенных друг в друга. Напишем сразу HTML код нашего выпадающего меню (чтобы не громоздить огромный листинг я сделал выпадающим только второй пункт):

<div class="cssmenu">
<ul>
<li><a href="#">Уровень 1 п 1</a></li>
<li><a href="#">Уровень 1 п 2</a>
<ul>
<li><a href="#">Уровень 2 п 1</a></li>
<li><a href="#">Уровень 2 п 2</a>
<ul>
<li><a href="#">Уровень 3 п 1</a></li>
<li><a href="#">Уровень 3 п 2</a>
<ul>
<li><a href="#">Уровень 4 п 1</a></li>
<li><a href="#">Уровень 4 п 2</a>
<ul>
<li><a href="#">Уровень 5 п 1</a></li>
<li><a href="#">Уровень 5 п 2</a></li>
<li><a href="#">Уровень 5 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 4 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 3 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 2 п 3</a></li>
</ul>
</li>
<li><a href="#">Уровень 1 п 3</a></li>
</ul>
</div>


Хм.. это я примерно знал, если честно интересует какой код нужно добавить в css, чтобы такое меню заработало)))

Добавлено:

Кто возьмется сдлеать на css? Готов заплатить, напишите мне в личку! Я просто всем пишу, а мне не отвечают!

Сообщение отредактировал antiblef - 15.9.2012, 17:14
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Красавчег
Красавчег
сообщение 15.9.2012, 17:25; Ответить: Красавчег
Сообщение #9


Говорю что думаю
*****

Группа: Active User
Сообщений: 683
Регистрация: 3.7.2010
Поблагодарили: 509 раз
Репутация:   71  


(antiblef @ 6.9.2012, 17:49) *
А сколько хотите за 5 минутную работу?


Ох, как же меня веселят такие люди. "5 минутная работа" говорите? Возможно. Для понимающего в CSS. Но он тратил своё время и силы, чтобы в этом разобраться. Так что ваш сарказм по поводу "чё там делать-то" тут неуместен.

У вас на эту работу уйдет несколько дней. Если вообще получится. Так что wink.gif удачи


--------------------
Плюшки WordPress • Кнопки Яндекса


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
antiblef
antiblef
Topic Starter сообщение 16.9.2012, 10:39; Ответить: antiblef
Сообщение #10


Бывалый
****

Группа: User
Сообщений: 263
Регистрация: 22.10.2010
Поблагодарили: 44 раза
Репутация:   1  


Да я ж говорю готов заплатить, или ни кто не хочет заработать?

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно перенести действующий интернет-магазин на CMS
Возможные CMS: PrestaShop, Битрикс, Magento, OpenCart
2 4aa19 271 8.12.2017, 17:59
автор: 4aa19
Открытая тема (нет новых ответов) Как правильно сделать категории на сайте?
Хелппп!!!
4 norino 558 7.12.2017, 19:50
автор: Pavel85
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 552 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Сделать сайт по примеру
4 pafnyt 672 1.12.2017, 11:03
автор: pafnyt
Открытая тема (нет новых ответов) Нужно сделать чудесную картинку с айфоном v2.
1 FishBone 585 21.11.2017, 16:50
автор: creespella


 



RSS Текстовая версия Сейчас: 11.12.2017, 15:30
Дизайн