Вариант украшения текста меню

Нет комментариев

874 просмотров

Всем доброго времени суток!
Решил написать небольшую шпаргалку по настройке свойств представления текста в меню навигации. Если вы уже выбрали себе шаблон, наверняка, в нем есть навигационное меню страниц или рубрик.
Очень часто — это обычный текст, без всяких «украшательств». Часто, текст в навигационном меню выглядит так:

Главная Архив Контакты О сайте

А можно, например, сделать так, что ваш текст будет выглядеть вот так:

Главная Архив Контакты О сайте

Кто хорошо знает стили CSS, тот может дальше не читать. А кто хочет изменить свое меню и добавить тексту эффект тени — попробуйте найти див, который добавляет свойства вашему меню. Скорее всего, в файле header.php, у вас есть функция вывода меню и выглядит эта функция где так:

1	< ?php wp_list_pages('title_li=&depth=0'); ? >

Заключена эта функция в какойто див, например:

1	<div id="navigationmenu">здесь функция</div>

Найдите этот див в файле свойств стилей — style.css и попробуйте добавить в эти свойства одну строку:

1	text-shadow: #113e55 0.1em 0.05em;

Свойство — text-shadow — добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия. Как раз вы и видите эти параметры:
цвет тени — #113e55
смещение относительно надписи — 0.1em
радиус размытия — 0,05em
Хотите — попробуйте, поэкспериментируйте. Главное — не забудьте перед вашим экспериментом сохранить файл style.css.
Удачного дня!