Здравствуйте, дорогие читатели. В прошлой статье «Горизонтальное меню для блога/cайта» можете узнать как установить горизонтальное анимированное выпадающее меню с подменю.
В этой публикации хочу поделиться еще несколькими вариантами горизонтального меню.
Меню вставляется в блог очень легко, нет надобности делать изменения в шаблоне, в коде есть стили СSS и код HTML, устанавливается одним кодом в тело гаджета.
И так:
Горизонтальное меню css примеры для blogger (blogspot)
Заходим Административная панель инструментов Blogger > HTML/JavaScript > код. Вначале копируем и вставляем в окно стили CSS, а ниже добавляем код HTML. Гаджет устанавливаем под заголовком блога.
Поочередно нажимаем на вкладки СSS > HTML > Result ( смотрим результат ).
Еще одно очень оригинальное красивое горизонтальное анимированное меню Css для blogger
Это меню Css cо скошенными краями и красивой тенью. При наведении мышкой подсвечиваются края.
Анимированное горизонтальное Css меню Прожектор для блога/сайта
При наведении мышки на пункты меню появляется круговой фон вокруг каждого названия.
Строгое горизонтальное СSS меню
Это меню примечательно тем что в нем нет фона. Меню минималистическое, лишь толстое подчеркивание под каждой ссылкой в пунктах меню. Мне такой вариант бесподобно нравится. Чем меньше всего - тем лучше.