Всем здравствуйте. Сегодня возвращаюсь к теме меню для блогов блоггер. Может кого-нибудь из вебмастеров заинтересует горизонтальное меню с прокруткой.
Настроить и установить код меню можно и в сайдбар блога, получим вертикальное меню с горизонтальной прокруткой. А с вертикальной прокруткой перейдите по ссылке и почитайте статью.
Горизонтальное меню в прокрутке на рисунке, живой пример сходите посмотреть в тестовый блог (внизу страницы).
Настроить и установить код меню можно и в сайдбар блога, получим вертикальное меню с горизонтальной прокруткой. А с вертикальной прокруткой перейдите по ссылке и почитайте статью.
Горизонтальное меню в прокрутке на рисунке, живой пример сходите посмотреть в тестовый блог (внизу страницы).
Скопируйте 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 адрес, соответствующий названию. Также при желании настроить открывать вкладки в новом окне и закрыть от индексации для поисковых систем.
Я повторяться не буду, вот статья: Горизонтальное фиксированное многоуровневое меню для блоггер, в ней все подробно написано.
Вопросы по настройке и установке задавайте в комментариях или через форму для связи. Всем всего доброго.
Рекомендую почитать:
Я повторяться не буду, вот статья: Горизонтальное фиксированное многоуровневое меню для блоггер, в ней все подробно написано.
Вопросы по настройке и установке задавайте в комментариях или через форму для связи. Всем всего доброго.
Рекомендую почитать:
Рекомендуемый контент:
