Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 06.05.2013, 09:12   #1
 
Аватар для Динар
 
Сообщений: 7
FR (активность): 157

Доп. информация
По умолчанию Автор темы Как сделать в HTML вот эту штуку?

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

Обратите внимание на полезные ответы в этой теме!

Динар вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 06.05.2013, 09:30   #2
 
Аватар для Grush
 
Сообщений: 414
FR (активность): 6,880

Доп. информация
По умолчанию

Цитата:
Сообщение от Динар Посмотреть сообщение
слово подчеркнуто вот так _ _ _ _ _ _ _ _ _ , а при нажатии на слово из него выпадает список, или картинка.
найдите любой работающий и устраивающий вас вариант и посмотрите как там сделано, скопируйте себе
Grush вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 06.05.2013, 10:15   #3
 
Аватар для Unick
 
Сообщений: 711
FR (активность): 37,335

Доп. информация
По умолчанию

хе. хе. хе.
Динар, все делается просто, вы покажите что вы хотите (а то на словах получается забавно)
а мы уже когда сами увидим - поможем вам дельным советом.


andreisoroka.com
Unick вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 06.05.2013, 10:38   #4
 
Аватар для Puppeteer
 
Сообщений: 555
FR (активность): 16,789

Доп. информация
По умолчанию

Динар,к блоку с текстом примените border:dashed дальше сверстайте выпадающий список или картинку и спрячьте через display:none и с помощью jquery повесьте событие на клик по блоку с текстом и добавьте анимацию появления на выпадающий список или картинку, что нибудь типа fadeIn.
Код полностью писать не буду, учитесь. Не считаю правильным способом обучения подавать все на блюдечке. А если не хотите научиться обратитесь к любому фрилансеру он за небольшую сумму сделает.
Да и вообще пользуйтесь поисков, информации по этой теме полно.
Puppeteer вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
Grinkoff (06.05.2013), СТЕПАН (06.05.2013)
Старый 08.05.2013, 09:48   #5
 
Аватар для Динар
 
Сообщений: 7
FR (активность): 157

Доп. информация
По умолчанию Автор темы

Кстати, вот нашел хороший пример
http://odnoklassniki.ru/dk?st.cmd=he..._helpFaqAnonym
Динар вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 08.05.2013, 10:08   #6
 
Аватар для СТЕПАН
 
Сообщений: 1,655
FR (активность): 113,743

Доп. информация
По умолчанию

Динар,
Код:
HTML:
<div class="spoil">
<div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Развернуть'; }"/>
</div>
<div class="alt2">
<div style="display: none;">

текст внутри спойлера...

</div>
</div>
</div>

CSS:
alt2{ margin: 0px;  padding: 6px;  border: 1px inset;}
smallfont{margin-bottom:2px;}
spoil{margin:10px; margin-top:5px;}
Динар: сообщение полезно


  • Обзор SEO софт для Вебмастера! | Антикапча лучшая RU сегменте
  • ZennoPoster 5 + Бонус шаблоны | Купить Key Collector со скидкой за 1100р
СТЕПАН вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 08.05.2013, 10:14   #7
 
Аватар для Динар
 
Сообщений: 7
FR (активность): 157

Доп. информация
По умолчанию Автор темы

Спасибо. Буду внедрять.
Динар вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
html код

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3297 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
HTML сайт, сделать адреса страниц без .html Jaga Разработка сайтов 1 03.03.2013 21:18
Как сделать страницы со статьями в HTML? 30698963 Разработка сайтов 4 03.07.2012 13:08
Как удалить страницы без .html и сделать 301 редирект на ссылки с .html Alex0403 Joomla 9 15.11.2011 22:06
Беспощадный анализ Ваших конкурентов по $0,6 за штуку AUM SEO услуги (консультации) 13 22.05.2011 23:21
Встретил на одном форуме интересную штуку . ancorid О работе SEO Cafe 7 05.08.2008 18:54

Текущее время: 09:52. Часовой пояс GMT +3.