Всем доброго времени суток!
Решил написать небольшую шпаргалку по настройке свойств представления текста в меню навигации. Если вы уже выбрали себе шаблон, наверняка, в нем есть навигационное меню страниц или рубрик.
Очень часто — это обычный текст, без всяких «украшательств». Часто, текст в навигационном меню выглядит так:
А можно, например, сделать так, что ваш текст будет выглядеть вот так:
Кто хорошо знает стили 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.
Удачного дня!
Вариант украшения текста меню
Олег Власов Олег Власов ovlasov49@gmail.com Коллекция бесплатных тем WordPress с авторским переводом WordPress Collection советы,ШпаргалкиВсем доброго времени суток!
Решил написать небольшую шпаргалку по настройке свойств представления текста в меню навигации. Если вы уже выбрали себе шаблон, наверняка, в нем есть навигационное меню страниц или рубрик.
Очень часто — это обычный текст, без всяких «украшательств». Часто, текст в навигационном меню выглядит так:
А можно, например, сделать так, что ваш текст будет выглядеть вот так:
Кто хорошо знает стили 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.
Удачного дня!
Понравилась статья? Поделись с друзьями!