Вертикальное меню HTML и CSS

 Как добавить вертикальное меню HTML и CSS

 
            Конечно, и этот процесс установки не столь прост, это в первую очередь касается новичков. Но если просто аккуратно выполните следующие шаги, то затруднений не должно возникнуть, как добавить вертикальное меню.
 
Шаг 1. Перейти к BloggerШаблонИзменить HTMLПриступить. Не забываем делать резервное копирование шаблона.
            В вертикальном меню навигации используется две части кода. Один CSSкод, который отвечает за внешний вид меню и второй HTML код, который отвечает за позиционирование меню. Поэтому опишу, куда вставить CSS код, а куда HTML код, если вы решили создать веб сайт своими руками, не прибегая только к шаблонам Blogger.
 
Шаг 2. Найдите с помощью поиска Ctrl+Fкод ]]></b:skin> м вставьте перед ним код CSS.
 
Шаг 3. HTML код вставляете либо в шаблон, где располагается ваш сайдбар или с помощью HTML/JavaScript гаджета. В шаблоне ниже кода <div id=’sidebar-wrapper’>  вставляем один из вариантов.
  • <divid=’sidebarwrapperright‘> — правый сайдбар в шаблоне блога;
  • <divid=’sidebarwrapperleft‘> — левый сайдбар в шаблоне блога.
 
            Так как большинство шаблонов используют различные кодировки, поэтому, если вы не смогли найти код сайдбара, то стоит его найти самому, хотя бы методом тыка. Проще всего его найти в коде, если знаете, где находится шапка вашего кода, вот ниже и начинается сайдбар как раз.
 

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

 
Шаг 4. Сохраняем шаблон и посмотрите, что у Вас получилось. Естественно не забудьте меню, ссылки и заголовки отредактировать под свой блог.
 
Вариант 1.
Вертикальное меню

Последнее изменение Воскресенье, 28 мая 2017 17:10

Авторизуйтесь, чтобы получить возможность оставлять комментарии

Другие материалы в этой категории:

Наверх