Меню для блоггер с горизонтальной прокруткой



Всем здравствуйте. Сегодня возвращаюсь к теме меню для блогов блоггер. Может кого-нибудь из вебмастеров заинтересует горизонтальное меню с прокруткой.

Настроить и установить код меню можно и в сайдбар блога, получим вертикальное меню с горизонтальной прокруткой. А с вертикальной прокруткой перейдите по ссылке и почитайте статью.

Горизонтальное меню в прокрутке на рисунке, живой пример сходите посмотреть в тестовый блог (внизу страницы).

Код меню можно использовать как для горизонтального, так и для вертикального меню.

Скопируйте HTML код

<style>
.menu-scroll {
background-color: #238e68; *//фон меню 
width:auto;  *// ширина,автоматически 
    overflow: auto;    
    white-space: nowrap;
    position: relative;
}
.menu-scroll a {
    display: inline-block;
    color: white; *// цвет названия ссылки
    text-align: center; *// текст по центру
    font-size:16px;  *// размер шрифта  
    padding: 14px;
    text-decoration: none;
}
.menu-scroll a:hover {
    background-color: #4a766e; *// цвет вкладки при наведении
</style>
<div class="menu-scroll">
  <a href="адрес ссылки">Главная</a>
  <a href="адрес ссылки">Об авторе</a>
  <a href="адрес ссылки">Контакты</a>
  <a href="адрес ссылки">Все статьи блога</a>
  <a href="адрес ссылки">HTML</a>
  <a href="адрес ссылки">CSS</a>
  <a href="#адрес ссылки">Для блоггер</a> 
  <a href="адрес ссылки">Гаджеты</a>
  <a href="адрес ссылки">Дизайн</a>
  <a href="адрес ссылки">Меню</a>
  <a href="адрес ссылки">Комментарии</a>
  <a href="адрес ссылки">Оптимизация</a>
  <a href="адрес ссылки">Индексация</a>
  <a href="адрес ссылки">Партнерские программы</a>
  <a href="адрес ссылки">Сайты для заработка</a>
</div>


Код вставьте дизайн-добавить гаджет, сохранить в нужное место макета блога. Цветовой фон меню можно изменить на фон градиент. Почитайте статью Меню для блоггер с фоном градиента.

Адрес ссылки-вставьте url адрес, соответствующий названию. Также при желании настроить открывать вкладки в новом окне и закрыть от индексации для поисковых систем.

Я повторяться не буду, вот статья: Горизонтальное фиксированное многоуровневое меню для блоггер, в ней все подробно написано.

Вопросы по настройке и установке задавайте в комментариях или через форму для связи. Всем всего доброго.

Рекомендую почитать:

TEXT.RU - 100.00%


Автор статьи ✎ Olga Protasova Выпуск ✹ 8/05/2017 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *