Список форумов * PWR FACTORY *  -  Флуд  -  Помощь с меню для сайта

Автор Сообщение
h1t^^
Добавлено: Пт Июн 06, 2014 19:20
Оффлайн
* Админ AIM + HS *
* Админ AIM + HS *
Награды: 2
Меня бьют, а я стою (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 14.10.2012 Возраст: 26 Сообщения: 1734 Откуда: Vologda,Russia
Вот я написал HTML and CSS code. Мне нужно, чтобы оно ещё выпадало сверху. Тоесть, если довести мышь чуть выше шапки должно вылезти МЕНЮ, а после наведения курсора на МЕНЮ1. Должно сразу вылезти подменю. На вылез, сверху у меня не хватает знаний CSS
Код:
<ul>
<li><a href="#">Меню 1</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
<li><a href="#">Меню 2</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
<li><a href="#">Меню 3</a>
<ul>
<li><a href="#">Подменю 1</a></li>
<li><a href="#">Подменю 2</a></li>
<li><a href="#">Подменю 3</a></li>
</ul>
</li>
<li><a href="#">Меню 4</a></li>
<li><a href="#">Меню 5</a></li>
</ul>


Код:
#nav {
font:13px verdana, arial, helvetica, sans-serif;
list-style-type:none;
width:100%;
height:25px;
display:inline-block;
background:#A39E92;
line-height:25px;
}
#nav li{
float:left;
width:120px;
margin-top:-10000px;
}
#nav li a {
width:120px;
text-decoration:none;
text-align:center;
color:#3A3732;
position:relative;
float:left;
margin-right:-119px;
margin-top:10000px;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
background:#797466;
margin-right:0;
color:#fff;
}
#nav li ul {
background:#A39E92;
float:left;
margin-top:-25px;
padding-top:25px;
margin-bottom:-10000px;
list-style-type:none;
}
#nav li ul li {
float:none;
margin:0;
width:auto;
}
#nav li ul li a {
float:none;
display:block;
margin:0;
margin-right:-1px;
background:#BFBCB5;
}
Вернуться к началу
Steam Profile
Lost Ghost
Добавлено: Пт Июн 06, 2014 20:20
Оффлайн
* Админ GunGame *
* Админ GunGame *
Награды: 2
Server Master (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 04.01.2013 Возраст: 124 Сообщения: 1523
Не на том форуме ищешь ответа ))
В гугле полно примеров выпадающих меню, на любой вкус Smile

Музыка онлайн
Вернуться к началу
Steam Profile
KABANOFF [PWR]
Добавлено: Сб Июн 07, 2014 2:21
Оффлайн
* Админ AIM + HS *
* Админ AIM + HS *
Награды: 4
PWR Boost Event (Количество: 1) Video Shot Event (Количество: 1) Акционер проекта (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 27.02.2014 Возраст: 32 Сообщения: 2349 Откуда: Латвиджа
mad.gif
Вернуться к началу
Steam Profile
_________________gNus
Добавлено: Сб Июн 07, 2014 9:44
Оффлайн
* Спонсор *
* Спонсор *
Награды: 2
PWR Boost Event (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 14.11.2011 Возраст: 40 Сообщения: 2503 Откуда: Выборг
pwrsmilaasdas.gif

Шах и мат.
Вернуться к началу
Steam Profile
h1t^^
Добавлено: Пн Июн 09, 2014 17:43
Оффлайн
* Админ AIM + HS *
* Админ AIM + HS *
Награды: 2
Меня бьют, а я стою (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 14.10.2012 Возраст: 26 Сообщения: 1734 Откуда: Vologda,Russia
Я весь гугл перерыл, с 1-100 страницу, даже в кавычках. По всем типам искаемого вопроса. И я был в шоке нечего, когда нечего не нашёл и обратился сюда
Вернуться к началу
Steam Profile
bibika
Добавлено: Пн Июн 09, 2014 18:06
Оффлайн
* Главный главнюк *
* Главный главнюк *
Информация
На форуме с: 25.10.2009 Возраст: 37 Сообщения: 7834 Откуда: Питер
Первая ссылка в гугле Confused, как ты искал я хз.

Тык Тык


Цитата:
Вот я написал HTML and CSS code.
Кстати, сразу видно что писал не ты, а как обычно скопипастил, я о CSS файле.



Вернуться к началу
Steam Profile
h1t^^
Добавлено: Пн Июн 09, 2014 18:17
Оффлайн
* Админ AIM + HS *
* Админ AIM + HS *
Награды: 2
Меня бьют, а я стою (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 14.10.2012 Возраст: 26 Сообщения: 1734 Откуда: Vologda,Russia
Вася я итак сделал,что меню выпадает. А мне надо чтобы оно ещё выезжало с верха страницы или с бока при наведении курсором. На иконку с меню например
    - добавлено спустя 3 минуты:


Цитата:
Вот я написал HTML and CSS code.Кстати, сразу видно что писал не ты, а как обычно скопипастил, я о CSS файле.
Если я решил написать сайт с блокнота и CSS в блокноте, тогда зачем мне нужен этот копипаст?
Вернуться к началу
Steam Profile
bibika
Добавлено: Пн Июн 09, 2014 18:30
Оффлайн
* Главный главнюк *
* Главный главнюк *
Информация
На форуме с: 25.10.2009 Возраст: 37 Сообщения: 7834 Откуда: Питер
ок писатель, для чего ты написал

Цитата:
margin-top:-10000px;


???

А по теме я так и не понял чего ты хочешь Very Happy
    - добавлено спустя 8 минут:
Для выезжающего меню придётся использовать либо jquery, либо js скрипты, только на css наврятли напишешь.



Вернуться к началу
Steam Profile
Lost Ghost
Добавлено: Пн Июн 09, 2014 19:19
Оффлайн
* Админ GunGame *
* Админ GunGame *
Награды: 2
Server Master (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 04.01.2013 Возраст: 124 Сообщения: 1523
Самый простой пример на CSS 3 http://jsfiddle.net/QwVL3/1/
Но свойство transition-duration слабо поддерживается браузерами и для большей совместимости нужно дополнительно прописывать аналогичные вендорные свойства. А для 100%-й совместимости нужно юзать жиквери, как Вася и сказал. Примеров выезжающих блоков на jquery тоже полно в гугле.

Музыка онлайн
Вернуться к началу
Steam Profile
h1t^^
Добавлено: Пн Июн 09, 2014 20:30
Оффлайн
* Админ AIM + HS *
* Админ AIM + HS *
Награды: 2
Меня бьют, а я стою (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 14.10.2012 Возраст: 26 Сообщения: 1734 Откуда: Vologda,Russia
Решил с помощью htmlbook u cssdeck. Попробовать через CSS собрать, а если не получится привлечём Javascript
Вернуться к началу
Steam Profile
_________________gNus
Добавлено: Ср Июн 11, 2014 19:38
Оффлайн
* Спонсор *
* Спонсор *
Награды: 2
PWR Boost Event (Количество: 1) Почётный ветеран (Количество: 1)
Информация
На форуме с: 14.11.2011 Возраст: 40 Сообщения: 2503 Откуда: Выборг
Цитата:
Решил с помощью htmlbook u cssdeck. Попробовать через CSS собрать, а если не получится привлечём Javascript


Саня давай думай и делай.Я скора тебя с твоим земляком познакомлю.

Шах и мат.
Вернуться к началу
Steam Profile

Показать сообщения:  

   Страница 1 из 1

Перейти:  

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы можете вкладывать файлы
Вы можете скачивать файлы