воскресенье, 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">
<!--
function HDD_Menu(targetpage,selected){
if (selected.options[selected.selectedIndex].value!=""){  eval(targetpage+".location='"+selected.options[selected.selectedIndex].value+"'");
}}
//-->
</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>



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







 



Комментариев нет:

Отправить комментарий