Добро пожаловать, дамы и господа! Используйте кнопки соцсетей, чтобы добавить меня в друзья.

Вертикальное анимированное меню Blogger

Fiksirovannoe-menju-BloggerПривет, друзья и товарищи! Столько разнообразных меню для Blogger существуют в интернете, что глаза разбегаются, что даже можно менять их как перчатки. Только на моём блоге их наверное с десяток, а то и больше и не знаешь нужно ли ещё варианты предлагать вам. Наверное нужно, чем больше, тем лучше. Легче будет подобрать именно то, что нужно для вашего блога.

Сегодня я хочу предложить вам фиксированное вертикальное анимированное меню на jQuery. Данное плавающие меню как бы на любителя, устанавливается вертикально с левой стороны блога и при прокрутке страницы, меню остаётся не подвижным. Вообщем, как вертикальные соцкнопки. Меню с иконками, смотрится симпатично:

Fiksirovannoe-menju-v-Blogger
Меню с иконками в Blogger

Как видно из скриншота, меню имеет семь иконок, которые вы можете поменять на свои. После установки в блог, меню будет почти скрыто и при наведение мышки нужные кнопки будут выезжать. Вот, как то так:

Vertikal'noe-animirovannoe-menju
Меню

Как установить фиксированное вертикальное меню в Blogger

Делается это так, в шаблоне блога ищем строчку ]]></b:skin> и чуть выше добавляете стили для меню:

Друзья, здесь вы можете настроить: top: 10px; отступ от верхней границы блога, то есть, можно расположить меню выше, ниже или посередине блога; background-color:#CFCFCF; - это фон меню, подберите под свой дизайн блога, и также здесь, можно заменить иконки, указав ссылки на них.

Далее, в шаблоне находим тег </head> и чуть выше добавляем код, который отвечает за анимацию кнопок:

И последний шаг. Добавляем ещё один код чуть выше тега </body> или ниже строчки <body>

Всё готово. Вставляйте вместо решёток ваши ссылки и меняйте название меню. Данное вертикальное меню с анимацией испытал на стандартном шаблоне Blogger, на нестандартном шаблоне должно работать тем более. И ещё, если в стандартном шаблоне не будет анимации, то вам надо подключить к блогу библиотеку  jQuery.

Вот, пожалуй на сегодня и всё. Удачи и до скорой встречи.

PS. Пожалуй, повторю свой вопрос здесь, прошу только ответить - Нужно ли увеличить размер шрифта на блоге? Может слишком маленький и вам читать не удобно. Спасибо!

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Решите задачку: *