воскресенье, 3 ноября 2013 г.

Меню (или ярлыки),выпадающее окошком .Йёжа Йежов

Меню симпатичным окошком
С тобою мы в блог разместим !
Похулиганим с тобою немножко ,
У компа ведь вместе сидим !

На ярлыки ты ссылки сделай ,
А хошь и на какие-то статьи !
А фон там может синий или белый
(Полно в стихах моих галиматьи !)

Зато компактно и удобно .
Не тянутся на всю страницу ссылки !
И места до фига свободно.
Возьмёмся мы за дело пылко !

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

Меню ,выпадающее окошком

Сегодня поговорим о меню ,выпадающее окошком . Так вот я его обозвал .Увидеть можно у меня в правой панели блогов .
Чтобы было понятно о чём речь .Гляньте вниз .
Меню кликабельное .Нажмите стрелочку и вылезет окошечко .

Где я его прихватил ? Ну ,сразу так и не скажу .Один из блогов , где оно есть -это блог Ивановой Натальи

Азбука блоггера

а статья называется .

Выпадающее меню для blogspot

Стих исключительно мой .То есть Йёжи Йежова
В конце статьи приведу ещё ссылки других авторов про это меню .
Поставить его в блог достаточно просто .Причём его можно вставить прямо в статью в режиме редактирования HTML ,как я сделал выше или в Волшебный гаджет HTML/JavaScript .Йёжа Йежов.
Если установим в гаджет , меню у нас будет в панели постоянно , как у меня на блогах .

....

Код будет выглядеть так

<form>
<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1">
<option>- Общее название (К примеру Блоги Йёжи Йежова) -</option>
<option value="Адрес ссылки">Название ссылки</option>
<option value="Адрес ссылки"> Название ссылки</option>
</select>
</form>

При желании можно увеличить количество наших ссылок копируя

<option value="Адрес ссылки">Название ссылки</option>

и вставить перед </select>

Причём и строчек меню можно сделать несколько и самих меню может быть несколько и в статье ,и в гаджете HTML/JavaScript ........

В общем -то и всё .Для особо требовательных .Тех , которые желают изменить внешний вид -цвет меню .Добавим код изменения стиля CSS.
Причём не буду вас заставлять ковыряться в шаблоне , а опять же вставим прямо в сообщение или в гаджет HTML/JavaScript

Код будет выглядеть так
<style type="text/css">
.cb_mnu_01{
    width: 200px;<!—ширина выпадающего меню—>
   font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    background: #A40000; <!—цвет фона выпадающего меню—>
    color: #000000; <!—цвет ссылок—>
}
</style>
<script language="JavaScript" type="text/JavaScript">

</script>

<select name="DropMenu1" onChange="HDD_Menu('parent',this)" class="cb_mnu_01">
<option value="/" >- Общее название (К примеру Блоги Йёжи Йежова) -</option>
<option value="Адрес ссылки" >Название ссылки</option>
<option value="Адрес ссылки" >Название ссылки</option>
</select>

То есть по -просту добавили код стиля к более раннему коду .

При желании можно увеличить количество наших ссылок копируя

<option value="Адрес ссылки">Название ссылки</option>

и вставить перед </select>

Ну , и само собой разумеется вместо адрес ссылки вставляем свой адрес ссылки на статью , или ярлык или ссылку на другой блог-сайт .
Вместо Название какое-то своё обзывание данных статей , ярлыков , блогов итд.

http://blogger.vipbiz.org/2011/08/jarlyki-blogger-v-vypadauschem-menu.html