Главная - Без рубрики - Вариант украшения текста меню

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

Всем доброго времени суток!

Решил написать небольшую шпаргалку по настройке свойств представления текста в меню навигации. Если вы уже выбрали себе шаблон, наверняка, в нем есть навигационное меню страниц или рубрик.

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

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

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

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

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

< ?php wp_list_pages(‘title_li=&depth=0’); ? >

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

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

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

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

Свойство — text-shadow — добавляет тень к тексту, а также устанавливает её параметры: цвет тени, смещение относительно надписи и радиус размытия. Как раз вы и видите эти параметры:
цвет тени — #113e55
смещение относительно надписи — 0.1em
радиус размытия — 0,05em

Хотите — попробуйте, поэкспериментируйте. Главное — не забудьте перед вашим экспериментом сохранить файл style.css.

Удачного дня!


 

 аренда сервера

О admin

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

Ваш email нигде не будет показанОбязательные для заполнения поля помечены *

*