Google+ Followers

Будь в курсе событий!

21.01.2014

Горизонтальное, плавающее (фиксированное), выпадающее меню для blogspot

Leave a Comment


Привет читатели блога. Я не надолго вылетела из блоговедения)), подвернулась возможность опробовать свои навыки в ковыряния в шаблоне на blogspot платформе. Результаты оцениваю на 4 бала из 5))). Во первых очень долго, но я сама себя оправдываю, что я все же жена и мама, во вторых шаблон изначально хозяйка устанавливала сама и он нестандартный, а потому пришлось с ним знакомиться с нуля и это то же отняло время.

Ну вот похвалилась, что я стала "авторитетом" и меня просят повозиться с блогом.

Но сегодня не об этом. Не давно на блоге "конкурента" да простит меня Justus (он скорей мой вдохновитель на новые посты, потому  что я частенько подглядываю в его блог, и читаю вопросы его комментаторов. Там частенько беру идеи для постов). Так вот один из его читателей спрашивал про "горизонтальное, плавающее (фиксированное), выпадающее меню". (Это значит что при прокрутке вашего блога, данное меню будет путешествовать вниз или вверх, как ветки елки с игрушками, на многих блогах такое есть). На русской платформе blogspot народные умельцы не придумали такое меню. И тут я вспоминаю, что видела нечто подобное у блоггеров за бугром.

 Оказывается это в последнее время считаться шиком. Кто бы мог подумать...  Злорадно хихикая, я пошла искать, что бы поделиться с вами этим простым в установке, но сложным в освоении скриптом. Но когда чего-то хочется, невозможное становится возможным.
Как это работает смотреть тут

Для тех кто рискнет его применить сам скрипт:
  • <a href="3">Приветна главную
  • О себенажать
  • >
  • <a href="3">О Блогенажать
  • <a href="3">Сладкоеторты
    • <a href="3n">наполеон
    • <a href="3">медовик
    • <a href="3n">яблочный
    • <a href="3">черничный
  • <a href="3">Первыеблюда
    • Борщ
    • <a href="3">Супы
    • <a href="3">Щи
    • <a href="3">Холодец
    • <a href="3">Жаркое
  • <a href="3">Закускихолодные
    • href="3" rel="nofollow">Бутерброды
    • <a href="3" rel="nofollow">из теста
    • <a href="3" rel="nofollow">с икрой
    • <a href="3" rel="nofollow">паштетом
    • <a href="3" rel="nofollow">с маслом
Скрипт вставляете в html/JavaSkript

Но прежде чем вставить, этот скрипт вам нужно его довести до логического ума, в смысле что бы он работал корректно на вашем блоге.
Для этого:
Закуски -  и все слова подчеркнутые как это слово ЗАМЕНИТЬ НА СВОЕ.

И самое кропотливое: 
a href="3" цифру 3 надо удалить и вставить адрес. Напримерa href="http://demo-studing-blog.blogspot.com/"- то есть к каждому слову нужно присвоить адрес, куда попадет ваш читатель при нажатии на него.

Если пост оказался полезным не забывайте поделиться и нажать на кнопки социальных сетей.

Скрипт взят отсюда http://www.trueblogtips.com/stylish-floating-header-menu-by/

Система Orphus

0 коммент. :

© 2012-2017 Cash's from program