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



 

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

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

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


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


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


Когда-то делал подобное меню при помощи purecssmenu.com


--------------------
Пессимист, это вооружённый знаниями оптимист.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
antiblef
antiblef
Topic Starter сообщение 6.9.2012, 18:49; Ответить: antiblef
Сообщение #4


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


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

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

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


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

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


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


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

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


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


(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


(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


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


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

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


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


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


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

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Нужно разносить телеграм каналы по разным аккаунтам?
9 Mixatraider 1817 20.3.2024, 18:34
автор: Rebex
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыСколько времени нужно для раскачки нового сайта?
29 metvekot 7870 8.3.2024, 15:41
автор: malamut
Открытая тема (нет новых ответов) Нужно ли закрывать ненужные страницы тегом noindex, follow?
8 noviktamw 2835 2.3.2024, 12:53
автор: toplinks
Открытая тема (нет новых ответов) Нужно сделать репост статей в соц сети
1 HavingingWorld 2396 27.2.2024, 2:15
автор: AndrePro
Открытая тема (нет новых ответов) Нужно ли указывать регион для сайта?
2 rownong27 1177 18.2.2024, 23:20
автор: rownong27


 



RSS Текстовая версия Сейчас: 29.3.2024, 16:55
Дизайн