Как изменить цвет ссылки?

Дата публикации: 28.12.2009 | Рубрики: wordpress, Новичкам | Теги: ,
Автор: Радкевич С.

Изменить цвет ссылкиЗнаете, что самое трудное, когда делаешь новый блог? Лично для меня это поиски подходящего шаблона. На днях, уломали меня сделать еще один блог для одной из церквей. На выбор и покупку домена ушло не более часа, заявка на хостинг — минут десять, установка вордпресс — еще полчаса. Дальше сложнее, пару часов было потрачено на поиск и скачивание более-менее подходящих шаблонов из которых меня не устроил ни один. В одном была неплохая структура, в другом красивая шапка в третьем цветовое оформление. И начались мои мытарства в результате которых, от каждого было взято по чуть-чуть и слеплен один.

Самое забавное, что так как мои навыки в PHP мягко говоря совсем слабые, но все удалось сделать методом научного тыка, кстати отличный метод — рекомендую :) . Ну разве что раскодирование шаблона я уже знал как делать, ох и любят буржуи кодировать шаблоны всякими «eval(gzinflate» адабакадабра»). Вот только цвет ссылок в шаблоне сливался с цветом текста. Имхо — что хорошо для сателитов, то не хорошо для СДЛ, а я в последнее время делаю только СДЛ. И встал передо мной вопрос «как изменить цвет ссылок?». И вновь поиски и метод научного тыка :)

Как изменить цвет ссылок

Если вам нужно лишь только изменить цвет одной ссылки в статье, то тут нет ничего проще, я например выделил приглашение подписаться на RSS внизу статьи красным цветом. Это будет выглядеть примерно вот так:

<а href=»адрес ссылки»><span style=»color: #ff0000;»>текст ссылки</a></span>
Ничего сложного в изменении цвета одной ссылки нет, вам нужно лишь подобрать цвет, ну и стиль. А вот для того, чтобы поменять цвет ссылки во всем шаблоне, нам нужно будет кое-что подредактировать.
Для этого в шаблоне вашей темы найдите файл style.css, хотя могут быть и другие файлики с расширением css, в основном я видел их составляют для пользователей internet explorer. Итак ставите в админке права 666 позводяющие редактировать файл и поехали.

Ищем в файле следующий код:
a:link {
color: #000000;
}

Теперь все что нам потребуется, это просто изменить указанный цвет на нужный и вуаля, ссылочка поменялась. Только не спешите радоваться, ведь можно еще кое-что поменять. Дело в том, что атрабут «а» может идти в различных вариациях.

a:link — собственно цвет ссылки ;
a:hover — цвет будет меняться на установленный при наведении курсором;
a:active — цвет активной ссылки, т.е той на которую нажали;
a:visited — цвет посещенных ссылок.
Как видите изменить цвет ссылок не так уж и сложно. Только копаясь в файле style.css, будьте внимательны, ведь там могут быть заданы цвета отдельно для ссылок в текст, сайдбаре, подвале и т.д. Просто выберете те ссылки, цвет которых хотите изменить и наслаждайтесь результатом :)

Остается только поздравить всех вас с наступающим Новым годом и пожелать всего-всего-всего! Я так пока еще в праздничную волну не вошел, так сказать рядовые будни блоггера, пишем, что-то настраиваем, что-то меняем. Сегодня заказал себе подключение IPTV, то бишь цифрового телевидения, а то жена уже достала просьбами скачать фильм, то тот, то этот. А сами понимаете, какой кайф качать фильм 10 часов. А на цифру решил подрубиться — потому что канал мне просто обязаны будут расширить, чтобы TV работало, а значит за лишние 8 баксов в месяц я получу многократное увеличение своего анлима. :)

Вы знаете, что на оформлении празничного стола можно заработать? Автор замечательного блога 9Seo проводит Новогодний конкурс, где все что требуется, это сфотографировать  свой праздничный стол и прислать фото автору. За первое место обещано 2010 RUR, согласитесь — приятное дополнение к празнованию Нового года.

Похожие записи

Спасибо за добавление этой статьи в
Если Вам понравилась статья, то вы можете подписаться на RSS (что это такое?). А также бесплатно подписаться по E-mail и получать актуальную информацию в числе первых.

8 комментариев: Как изменить цвет ссылки?

  1. Крупки говорит:

    Эх, как многое нам приходится узнавать выше изложенным методом «научного тыка», а с другой стороны ведь и нельзя всего знать, вот и приходится вот так тыкать. Я не исключение, тоже пришлось на днях повозиться с цветовым оформлением к блогу, тыкал, тыкал. Короче когда еще не знаешь как все точно делать то это естественный атрибут.

  2. Апокалиптик говорит:

    Это хорошо если шаблон нормальный. У меня есть один сайт, я к нему диз на артистире сделанный. Так он вообще какой-то невменяемый, прописываю цвет ссылке и другие фишки а ничего не меняется. Или css корявый или что там, никак не пойму.

  3. Bodan говорит:

    Ээээххххх, достаточно дочитать учебник по HTML, до 6 страницы хотя бы, там уже идет про оформление ссылок, лично для меня это новостью не было=)))))

  4. Рид говорит:

    Не для каждого шаблона такой код будет
    Встречаются такие извращения, что…
    p.S. Чаще всего в премиум щаблонах

  5. avtoroute говорит:

    Ничего не получается…. цвет не меняется ни самой, ни посещенной ссылки. В чем проблема?

  6. Ret говорит:

    Цвет ссылки можно легко поменять в такой замечательной программе как dreamweaver, там все делается на раз.

  7. А у вас интересный бложик! Спасибо за вот эту интересную информацию! Я особо в html и php не шарю так что мне было очень полезно почитать!

  8. у меня тож с выбором темы оформления всегда напряги — все никак не могу избавится от перфекционизма. а насчет ссылком правильно говорят, изучить какой-нибудь курс по HTML или CSS. есть и обучающие видео в сети. например у Евгения Попова. Он мастер в этом деле

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">