Меню с использованием TypeList | AboutDigital Меню с использованием TypeList — AboutDigital

Замечательная особенность TypePad — списки TypeList. С их помощью вы можете добавить в ваш блог списки ссылок, различные скрипты, кнопки и стикеры. TypeList’ы можно использовать и для оформления вашего блога. Вы можете с их использованием максимально просто добавить в ваш блог например меню. (Данный  пример поможет вам создать меню если вы используете расширенный дизайн)

Итак по шагам:

1. Вам необходимо создать новый TypeList (в примере он с именем blogmenu) и добавить в него ссылки соответствующие пунктам меню — я

добавил три ссылки — «Блог», «Об авторе» и «RSS»

2. Теперь нам необходимо отредактировать индексный и архивный шаблон (Archive Index Template и Main Index Template) и таблицу
стилей. В шаблоне мы создадим цикл с использованием TypeList tags:

         |   

Действительно, все очень просто. (Замечание: я вставил код вывода TypeList сразу после вывода заголовка, обычно это — )
Теперь добавим стили в таблицу стилей:

#blogmenu {   font-family: Verdana, Arial, sans-serif;   font-size: small;;   font-weight:bold;   padding:5px;   margin:0px;   background-color:black;   color:#fff;   border-bottom: 1px solid #6F8C8F;   text-transform: lowercase;

}

#blogmenu a {   color:#fff;   text-decoration:none;}#blogmenu a:hover {   text-decoration:underline;

}

Это один из самых простых вариантов оформления меню. Рекомендую вам посмотреть Listamatic, если у  вас есть желание сделать «более модное» меню.

3. В результате, теперь в блоге автоматически отображается меню, элементы которого мы можем менять через удобный интерфейс.

P.S. Небольшое замечание — по умолчанию элементы TypeList’ов выводятся в порядке «последним добавлен — первым выведен», в настройках TypeList’а можно изменить порядок на обратный, либо установить

сортировку по алфавиту.

Оцените статью