Изменение цвета гиперссылки

Автор Тема: Изменение цвета гиперссылки  (Прочитано 2464 раз)

Оффлайн RagnosАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 7
  • Сообщений: 322
  • Карма: 1

Оффлайн RagnosАвтор темы

  • Старожил
  • ****
Здравствуйте, помогите пожалуйста изменить цвет гипперссылки:

Вот сам текст с гиперссылками:

<br>
<p style="font-weight:bold;"><a href=http://rdtravel.ru/Kontakti target="_blank">
<p><p style="font-weight:bold;">Наш адрес: г. Владивосток, Краснознамённый переулок дом №5,</p></p> <p><p style="font-weight:bold;">3 этаж, офис 777.</p></p>
<p><p style="font-weight:bold;">e-mail: rdtravel@rambler.ru</p></p></a></p>

Я изменял цвет в dreamweaver, получалось вот так:

<style type="text/css">
<!--
a:link {
   color: #000000;
}
a:visited {
   color: #000000;
}
a:active {
   color: #000000;
}
-->
</style><br>
<p style="font-weight:bold;"><a href=http://rdtravel.ru/Kontakti target="_blank">
<p><p style="font-weight:bold;">Наш адрес: г. Владивосток, Краснознамённый переулок дом №5,</p></p> <p><p style="font-weight:bold;">3 этаж, офис 777.</p></p>
<p><p style="font-weight:bold;">e-mail: rdtravel@rambler.ru</p></p></a></p>


цвет действительно менялся, но при этом он менялся сразу во всех ссылках на сайте, а мне нужно было чтобы изменился в одном блоке. Как можно прописать цвет так чтобы он касался только этого текста ? Использую CMS Lilu.


Мне посоветовали изменить вот эту строчку:

<p style="font-weight:bold;"><a href=http://rdtravel.ru/Kontakti target="_blank">

заменить её на эту:

<p class="nocolor" style="font-weight:bold;"><a href=http://rdtravel.ru/Kontakti target="_blank">

И вместо этого:

<style type="text/css">
<!--
a:link {
   color: #000000;
}
a:visited {
   color: #000000;
}
a:active {
   color: #000000;
}
-->
</style>

Заменить этим:

<style type="text/css">
<!--
.nocolor a:link {
   color: #000000;
}
.nocolor a:visited {
   color: #000000;
}
.nocolor a:active {
   color: #000000;
}
-->
</style>


Результата это не принесло, цвет ссылок вернулся по умолчанию (синий) и всё.


Оффлайн surfer

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 191
  • Сообщений: 655
  • Карма: 21
  • Пол: Мужской
    • разработка сайтов и интернет-сервисов

Оффлайн surfer

  • Ветеран
  • *****
Re: Изменение цвета гиперссылки
« Ответ #1 : 22-08-2012, 16:42:10 »
присвой идентификатор блоку в котором ты хочешь иначе менять цвет и потом в файле стилей пропиши свойства

Оффлайн RagnosАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 7
  • Сообщений: 322
  • Карма: 1

Оффлайн RagnosАвтор темы

  • Старожил
  • ****
Re: Изменение цвета гиперссылки
« Ответ #2 : 22-08-2012, 18:08:32 »
Можете пример привести как это сделать, а то я во всём этом слабо разбираюсь

Оффлайн surfer

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 191
  • Сообщений: 655
  • Карма: 21
  • Пол: Мужской
    • разработка сайтов и интернет-сервисов

Оффлайн surfer

  • Ветеран
  • *****
Re: Изменение цвета гиперссылки
« Ответ #3 : 22-08-2012, 18:26:11 »
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.можно так:
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.а можно так:
Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.

Оффлайн RagnosАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 7
  • Сообщений: 322
  • Карма: 1

Оффлайн RagnosАвтор темы

  • Старожил
  • ****
Re: Изменение цвета гиперссылки
« Ответ #4 : 22-08-2012, 19:16:10 »
Спасибо большое сработало! Но сработало только с гиперссылкой такого вида  <a href="http://site.ru/">ссылка</a>

Я попробовал сделать так с другого вида ссылкой, вот такой :

<br>
<p style="font-weight:bold;"><a href=http://rdtravel.ru/Kontakti target="_blank">
<p><p style="font-weight:bold;">Наш адрес: г. Владивосток, Краснознамённый переулок дом №5,</p></p> <p><p style="font-weight:bold;">3 этаж, офис 777.</p></p>
<p><p style="font-weight:bold;">e-mail: rdtravel@rambler.ru</p></p></a></p>


Переделал её вот в такой вид:

<style type="text/css">
a.pag:link, a.pag:visited{
    color:black;
}
a.pag:hover{
    color:#000;
}
</style>
<div class="pag">
<br>
<p style="font-weight:bold;"><a href=http://rdtravel.ru/Kontakti target="_blank">
<p><p style="font-weight:bold;">Наш адрес: г. Владивосток, Краснознамённый переулок дом №5,</p></p> <p><p style="font-weight:bold;">3 этаж, офис 777.</p></p>
<p><p style="font-weight:bold;">e-mail: rdtravel@rambler.ru</p></p></a></p>
</div>

Эффекта ни какого не последовало, я чтото не так сделал ?


Оффлайн surfer

  • Бизнес оценка: (0)
  • Ветеран
  • *****
  • СПАСИБО: 191
  • Сообщений: 655
  • Карма: 21
  • Пол: Мужской
    • разработка сайтов и интернет-сервисов

Оффлайн surfer

  • Ветеран
  • *****
Re: Изменение цвета гиперссылки
« Ответ #5 : 22-08-2012, 19:59:13 »
да тебе надо матчасть учить надо, это что за изврат в виде style="font-weight:bold;"во вторых это что за ссылка? такая конструкция не будет работать по определению, плюс надо понимать наследование, предлагаю для начала пожить тут пару дней htmlbook.ru

Код:
Только зарегистрированные пользователи могут видеть код. Пожалуйста, войдите или зарегистрируйтесь.

Оффлайн ewdokimow

  • Бизнес оценка: (0)
  • Мастер
  • *****
  • СПАСИБО: 1485
  • Сообщений: 5850
  • Карма: 143
  • Пол: Мужской
  • Евдокимов
  • Награды Более одной тысячи спасибо КМС поисковой оптимизации
    • Книги

Оффлайн ewdokimow

  • Мастер
  • *****
  • Доп. информация
    • Бизнес оценка: (0)
    • СПАСИБО: 1485
    • Сообщений: 5850
    • Карма: 143
    • Пол: Мужской
    • Евдокимов
    • Награды Более одной тысячи спасибо КМС поисковой оптимизации
      • Книги
Re: Изменение цвета гиперссылки
« Ответ #6 : 22-08-2012, 20:03:24 »
Ragnos, поставьте себе плагин в Мозиллу и все станет просто.
(нажмите чтобы показать/скрыть)
Ручная ковка металлов в художественном исполнении   в Истре

Оффлайн RagnosАвтор темы

  • Бизнес оценка: (0)
  • Старожил
  • ****
  • СПАСИБО: 7
  • Сообщений: 322
  • Карма: 1

Оффлайн RagnosАвтор темы

  • Старожил
  • ****
Re: Изменение цвета гиперссылки
« Ответ #7 : 22-08-2012, 20:27:12 »
surfer я же говорил что в этих делах я не силён. С проблемой разобрался, просто переделал вторую ссылку как первую.


 

Похожие темы

  Тема / Автор Ответов Последний ответ
9 Ответов
5165 Просмотров
Последний ответ 13-04-2011, 19:14:12
от Lima
9 Ответов
3361 Просмотров
Последний ответ 12-03-2013, 22:26:25
от remind4me
0 Ответов
1382 Просмотров
Последний ответ 30-05-2013, 12:06:19
от EntuziAst
27 Ответов
12861 Просмотров
Последний ответ 30-03-2018, 20:32:33
от fominmen25
13 Ответов
4077 Просмотров
Последний ответ 07-05-2016, 13:47:38
от Clever