• Авторизация


Создаём список с выпадающими ссылками 01-02-2014 16:03 к комментариям - к полной версии - понравилось!

Это цитата сообщения Lyudmila_Lyu Оригинальное сообщение

Создаём список с выпадающими ссылками

От Ирины

[показать]
Создаём список с выпадающими ссылками

[100x]Предположим, у вас есть длинный список, который нужно расположить на виду, но так, чтобы он не занимал бесконечно много места. Например, список дружественных вам сообществ. Или полезных сайтов. Или книг, которые вы хотели бы прочитать. Или ссылки на скачивание нужных программ. Или посты в сообществе, которые вы считаете нужными и важными.В общем, мало ли что.



Просто список в окошке сделать просто.

Список выглядит так:



Его код:


<select> <option>Пункт 1</option> <option>Пункт 2</option></select>


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

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




Его код немного сложнее:

<form action="http://freiman.info/files/link.php" method="GET"><input type="hidden" name="h" value="_self" /><select id="links" name="links"><optgroup label="Поисковики"><option value="https://www.google.ru/">Google</option><option value="http://www.yandex.ru/">Яндекс</option></select><input type="submit" value="Перейти"/></form>


А так выглядит код в общем виде:

<form action="http://freiman.info/files/link.php" method="GET"><input type="hidden" name="h" value="_self" /><select id="links" name="links"><optgroup label="НАЗВАНИЕ РАЗДЕЛА"><option value="ССЫЛКА">НАЗВАНИЕ ССЫЛКИ</option><option value="ССЫЛКА">НАЗВАНИЕ ССЫЛКИ</option></select><input type="submit" value="НАДПИСЬ НА КНОПКЕ"/></form>


То, что в этом коде капсом - подставляете свои ссылки и названия.
Название раздела некликабельно, зато выделено жирным курсивом.Количество разделов и ссылок в каждом из них не ограничено.
Меню можно редактировать: добавляя новые ссылки или удаляя старые.Шрифт в меню не форматируется - его размер, цвет, фон под ним изменять нельзя.
Зато можно сделать оформление вокруг меню.
Например, так, как предложил  Андрей ®:




Понимаю, что это немного сложно. Чтобы разобраться, попробуйте сделать своё меню. Если появятся вопросы - задавайте, постараюсь ответить.

Дополнено пустые кнопки без ссылок "про запас" в таком меню оставлять не нужно. Их всегда можно будет добавлять по мере необходимости


 

Серия сообщений "=ЛиРу/ коды, формулы":
Часть 1 - Расположение музыки на картинке
Часть 2 - Урок по таблицам. Формулы
...
Часть 41 - Двигаем текст или картинку в дневнике
Часть 42 - Урок. Вставляем вертикальные разделители
Часть 43 - Создаём список с выпадающими ссылками
Часть 44 - Простые рамки для выделения текста
Часть 45 - Как сделать картинку круглой без ФШ
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Создаём список с выпадающими ссылками | svetlanuwka - Svetlanuwka | Лента друзей svetlanuwka / Полная версия Добавить в друзья Страницы: раньше»