PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

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

( Вход · Регистрация · Правила форума )

Забыли пароль?

выпадающее css меню

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

MadMike	Отправлено: 21 Декабря, 2012 - 18:09:58
Новичок Покинул форум Сообщений всего: 62 Дата рег-ции: Февр. 2010 Откуда: Россия Помог: 0 раз(а) [+]	Помогите сообразить как сделать css меню. Нужно чтобы при наведении на название сайта справо поочереди появились три пункта меню. Желательно плавно. Вот так типо: Прикреплено изображение (Нажмите для увеличения) ----- https://htmlblog[dot]github[dot]io/

LIME	Отправлено: 21 Декабря, 2012 - 18:21:06
Активный участник Покинул форум Сообщений всего: 10732 Дата рег-ции: Нояб. 2010 Помог: 322 раз(а)	иди в гугл

DelphinPRO	Отправлено: 21 Декабря, 2012 - 19:38:02
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	http://jsfiddle[dot]net/DelphinPRO/R9jpL/ ----- Чем больше узнаю, тем больше я не знаю.

MadMike	Отправлено: 22 Декабря, 2012 - 18:07:34
Новичок Покинул форум Сообщений всего: 62 Дата рег-ции: Февр. 2010 Откуда: Россия Помог: 0 раз(а) [+]	DelphinPRO пишет: http://jsfiddle[dot]net/DelphinPRO/R9jpL/ Вот это да Я б такого никогда не написал сам ))) Спасибо огромное ))))))) ----- https://htmlblog[dot]github[dot]io/

MadMike	Отправлено: 23 Декабря, 2012 - 13:55:01
Новичок Покинул форум Сообщений всего: 62 Дата рег-ции: Февр. 2010 Откуда: Россия Помог: 0 раз(а) [+]	а как сделать чтобы при наведении на один из появляющихся пунктов у них фон появлялся? Я у всех четырех понял как сделать а как у трех скрытых не пойму. ----- https://htmlblog[dot]github[dot]io/

KingStar	Отправлено: 23 Декабря, 2012 - 13:57:10
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	hover ----- То что программа работает, не означает что она написана правильно!

MadMike	Отправлено: 23 Декабря, 2012 - 14:46:29
Новичок Покинул форум Сообщений всего: 62 Дата рег-ции: Февр. 2010 Откуда: Россия Помог: 0 раз(а) [+]	KingStar пишет: hover В примере выше hover три штуки. В какой писать-то? CODE (html): скопировать код в буфер обмена .nav:hover li + li { opacity:1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; } .nav:hover li + li + li { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; } .nav:hover li + li + li + li { -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; -o-transition-duration: 1.5s; transition-duration: 1.5s; } ----- https://htmlblog[dot]github[dot]io/

KingStar	Отправлено: 23 Декабря, 2012 - 15:19:02
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	CODE (htmlphp): скопировать код в буфер обмена a:hover { background-color: #FFF; } ----- То что программа работает, не означает что она написана правильно!

MadMike	Отправлено: 23 Декабря, 2012 - 15:43:41
Новичок Покинул форум Сообщений всего: 62 Дата рег-ции: Февр. 2010 Откуда: Россия Помог: 0 раз(а) [+]	KingStar пишет: CODE (htmlphp): скопировать код в буфер обмена a:hover { background-color: #FFF; } мне нужно чтобы первый пункт на который наводим курсор всегда был с белым фоном. Он будет в качестве названия сайта. ----- https://htmlblog[dot]github[dot]io/

KingStar	Отправлено: 23 Декабря, 2012 - 15:58:00
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	CODE (htmlphp): скопировать код в буфер обмена li + li a:hover { background-color: #FFF; } (Добавление) а лучше бы css учил ----- То что программа работает, не означает что она написана правильно!

MadMike	Отправлено: 23 Декабря, 2012 - 16:09:55
Новичок Покинул форум Сообщений всего: 62 Дата рег-ции: Февр. 2010 Откуда: Россия Помог: 0 раз(а) [+]	KingStar пишет: CODE (htmlphp): скопировать код в буфер обмена li + li a:hover { background-color: #FFF; } (Добавление) а лучше бы css учил я так-то в нем понимаю немного. Меня просто с толку сбивают li+li. Что это значит вообще ----- https://htmlblog[dot]github[dot]io/

AlexAnder	Отправлено: 23 Декабря, 2012 - 16:59:13
Частый посетитель Покинул форум Сообщений всего: 915 Дата рег-ции: Авг. 2012 Откуда: Россия Помог: 34 раз(а)	MadMike пишет: с толку сбивают li+li. Что это значит вообще CODE (htmlphp): скопировать код в буфер обмена ul + p { color: red; } Выделяет последующий элемент . . . http://everstudent[dot]ru/blog/htmlc[dot][dot][dot]ors-to-memorize/ Спойлер (Отобразить) в гугле при запросе "css +" первой подсказкой выпадает "css + selector" (Отредактировано автором: 23 Декабря, 2012 - 17:00:02) ----- Оказывается, недостаточно читать справочники, чтобы правильно писать коды. sadex © Форумы стали местом обучения программированию, а не решения трудных вопросов. KingStar ©

MadMike	Отправлено: 24 Декабря, 2012 - 03:03:35
Новичок Покинул форум Сообщений всего: 62 Дата рег-ции: Февр. 2010 Откуда: Россия Помог: 0 раз(а) [+]	AlexAnder пишет: MadMike пишет: с толку сбивают li+li. Что это значит вообще CODE (htmlphp): скопировать код в буфер обмена ul + p { color: red; } Выделяет последующий элемент . . . http://everstudent[dot]ru/blog/htmlc[dot][dot][dot]ors-to-memorize/ Спойлер (Отобразить) в гугле при запросе "css +" первой подсказкой выпадает "css + selector" шикарная информация ----- https://htmlblog[dot]github[dot]io/

DelphinPRO	Отправлено: 24 Декабря, 2012 - 10:20:35
Активный участник Покинул форум Сообщений всего: 7187 Дата рег-ции: Февр. 2012 Помог: 353 раз(а)	MadMike пишет: Меня просто с толку сбивают li+li. можете отказаться от такой записи, назначить каждому элементу li индивидуальный класс, и обращаться к ним по этим классам. li+li означает «взять второй и все последующие элементы LI» li+li+li соответственно — «взять третий и все последующие элементы LI» и т.д. ----- Чем больше узнаю, тем больше я не знаю.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.