Горизонтальное меню Сss для Blogger (Blogspot)

Здравствуйте, дорогие читатели. В прошлой статье «Горизонтальное меню для блога/cайта» можете узнать как установить горизонтальное анимированное выпадающее меню с подменю.

 

В этой публикации хочу поделиться еще несколькими вариантами горизонтального меню.

 

Меню вставляется в блог очень легко, нет надобности делать изменения в шаблоне, в коде есть стили СSS и код HTML, устанавливается одним кодом в тело гаджета.

 

И так:

Горизонтальное меню css примеры для blogger (blogspot)

 

Заходим Административная панель инструментов Blogger > HTML/JavaScript > код. Вначале копируем и вставляем в окно стили CSS, а ниже добавляем код HTML. Гаджет устанавливаем под заголовком блога.

 

Горизонтальное меню css примеры для blogger

 

Поочередно нажимаем на вкладки СSS > HTML > Result ( смотрим результат ).

 

 

Еще одно очень оригинальное красивое горизонтальное анимированное меню Css для blogger

 

Это меню Css cо скошенными краями и красивой тенью. При наведении мышкой подсвечиваются края.

 

Горизонтальное меню css примеры для blogger

 

 

Анимированное горизонтальное Css меню Прожектор для блога/сайта

 

Горизонтальное меню css примеры для blogger

 

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

 

 

Строгое горизонтальное СSS меню

Горизонтальное меню css примеры для blogger

 

Это меню примечательно тем что в нем нет фона. Меню минималистическое, лишь толстое подчеркивание под каждой ссылкой в пунктах меню. Мне такой вариант бесподобно нравится. Чем меньше всего - тем лучше.

 

 

Будь вместе с Я Блоггер

 

Будь в тренде!

Получай материалы прямиком в свою почту

Я даю согласие на сбор и обработку своих персональных и не персональных данных согласно действующей на сайте — политике конфиденциальности.
* Нажимая на кнопку "Отправить", "Подпишись" или "Комментировать" Вы соглашаетесь с пользовательским соглашением.

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

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

Яндекс.Метрика