Flector

Как выделить цветом отдельные символы в ссылках меню?

Пример раскраски ссылок в меню

Если вы хотите как-нибудь украсить ссылки в меню (например, выделить один из символов цветом - как на скриншоте), то вам вовсе не обязательно использовать какие-либо замысловатые css3-техники. На самом деле, меню в WordPress позволяет использовать html-теги, поэтому раскраска отдельных символов делается так:

Главна<span style="color:red;">я</span>
Рубрик<span style="color:red;">и</span>
Страниц<span style="color:red;">ы</span>
Ссылк<span style="color:red;">и</span>

Примитивно? Да. Но зато превосходно работает и не требует правки css-стилей.


Комментарии (4 комментария)
  1. Сергей:

    А не подскажете, как можно в шапке, в названии сайта первые 3 буквы покрасить в другой цвет, нежели цвет текста? например, название типа webtraf, надо буквы web сделать оранжевого цвета, а траф черным.

    • Flector:

      аналогичным образом.
      только в коде header.php

  2. Спасибо за помощь!

  3. Флектор вы куда пропали? Спасибо за подсказки очень круто и просто ! Я сделал на своём сайте.

Написать комментарий

Для вставки кода воспользуйтесь кнопкой "Код". Используйте предпросмотр!