Изменить вид ссылок


krilovsky68
714

маленький вопрос:

по поводу ссылок по тексту:

в файле style.css есть строка:

{color:#000000;text-decoration:none;}

на сайте есть текст, двух видов:

1. <a title=»кто лучше всего моет рамы»>мама мыла раму</a>

2. <a title=»кому мыть рамы дома» href=»https://searchengines.guru/ссылка/»>мама дома моет рамы </a>

встал вопрос: как сделать так, что бы текст указанный в 1 пункте, не выделялся, а активная ссылка выделялась.

такое возможно?

пример:

мама мыла раму, мама дома моет рамы, при наведении на ссылку: мама дома моет рамы

заранее спасибо!

ps. если вдруг не в той ветке задал вопрос, прошу указать где можно такой вопрос задать.


SeVlad

krilovsky68:
: как сделать так, что бы текст указанный в 1 пункте, не выделялся, а активная ссылка выделялась.
такое возможно?

Правильнее — изменить a на span например.

Но можно смотреть по наследованию.


Sitealert

a{color:#000000;text-decoration:none;}
a[href]:hover{text-decoration: underline;}


SeVlad

Sitealert:
Присвоить активной ссылке класс active,

Насколько я понял ТСа интересует разница с href.


Sitealert

SeVlad:
Насколько я понял ТСа интересует разница с href.

Да, исправил. Меня сбило с толку слово «активная», это немного другое.


krilovsky68

Sitealert:

a{color:#000000;text-decoration:none;}
a[href]:hover{text-decoration: underline;}

попробовал не получилось.

возможно будет правильнее показать:

страница: https://krilovsky.ru/dlya-fizicheskih-lits/

на ней есть текст двух видов.

там есть предложение:

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

в нем как раз не хотелось бы что бы текст выделялся другим цветом.

далее:

В разделе «Для физических лиц» мной освещены следующие вопросы:

— административные дела

— военные споры (военный адвокат)

а тут хотелось бы что бы было видно что это ссылка)

ссылки с переходами выделялись синим цветом, а просто текст с комментариями не выделялся.

(чувствую что не совсем верно объясняю…)

попробовал в файл style.css написать:

a {color:#000000;text-decoration:none;}

a[href]{color:#00b2ec;text-decoration:none;}

a[href]:hover{color:#00b2ec; text-decoration: underline;}

в принципе получилось как хотел)

но на 90% уверен, что не правильно


ivan-lev

krilovsky68:
в нем как раз не хотелось бы что бы текст выделялся другим цветом.

А зачем в таком случае вставлять ссылку вообще?

И да, вторая ссылка при клике на неё не реагирует.. т.е. она, как бы тоже «без перехода» )

Можно прямо в стиль элемента прописать <a style=»color:#..; text-decoration:none;»

a[href=""], a[href="https://searchengines.guru/ru/forum/#"] {
color:#..;
text-decoration:none;
}


krilovsky68

ivan-lev:
Можно прямо в стиль элемента прописать <a style=»color:#..; text-decoration:none;»

a[href=""], a[href="https://searchengines.guru/ru/forum/#"] {

color:#..;
text-decoration:none;
}

я не совсем понимаю, как это сделать — я не программист.

1. ссылка <a title=»адвокат по административным делам в Тамбове» href=»https://searchengines.guru/dlya-fizicheskih-lits/administrativnye-dela/»>административные дела</a>

2. ссылка <a title=»адвокат по военным делам в Тамбове» href=»https://searchengines.guru/dlya-fizicheskih-lits/»>военные споры (военный адвокат)</a>

текст без ссылки:

Раздел сайта «Для физических лиц» ориентирован на граждан, которым требуется <a title=»юридическая помощь адвоката»>«Для физических лиц»</a> — помощь адвоката.

хотелось бы что бы при наведении на текст без ссылки <a title=»юридическая помощь адвоката»>«Для физических лиц»</a> только отображался скрытый текст (цвет не менялся).

в вот ссылки:

адвокат по административным делам в Тамбове

адвокат по военным делам в Тамбове

были активными и выделялись как положено (по тексту синим цветом, а при наведении подчеркивание)

так можно сделать? или очень сложно?

огромное спасибо за внимание к моему вопросу.


ivan-lev

ivan-lev:
a[href=»»], a[href=»https://searchengines.guru/ru/forum/#»] {
color:#000;
text-decoration:none;
}

Добавить этот код в файл .css и нажать CTRL+F5 на сайте.

krilovsky68:
хотелось бы что бы при наведении на текст без ссылки <a title=»юридическая помощь адвоката»>«Для физических лиц»</a> только отображался скрытый текст (цвет не менялся).


krilovsky68

ivan-lev:
Добавить этот код в файл .css и нажать CTRL+F5 на сайте.

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

со второй строки:

a {color:#000000;text-decoration:none;}

a:hover {text-decoration:none;font-weight:normal;color:#00aeef;}

a[href=»»], a[href=»https://searchengines.guru/ru/forum/#»] {color:#000;text-decoration:none;}

попробовал вместо трех строчек оставить только одну:

a[href=»»], a[href=»https://searchengines.guru/ru/forum/#»] {color:#000;text-decoration:none;}

получилось, текст с ссылками выделен синим цветом и с подчеркиванием.

вопрос: можно сделать, что бы цвет текста с ссылками был: 00b2ec ?

вопрос:: если удалить

a {color:#000000;text-decoration:none;}

a:hover {text-decoration:none;font-weight:normal;color:#00aeef;}

это еще ни на чем не отобразится?


Sitealert

krilovsky68:
хотелось бы что бы при наведении на текст без ссылки <a title=»юридическая помощь адвоката»>«Для физических лиц»</a> только отображался скрытый текст (цвет не менялся).

Ну так же и сделайте:

a {color:#000000;text-decoration:none;}
a[href]:hover {font-weight:normal;color:#00aeef;}

Но вообще-то ссылку без href обычно используют во всяких навигационных элементах, там это бывает удобно в определённых случаях. А в свободном тексте можно и span использовать, как SeVlad выше заметил; title можно к любому элементу прицепить, если дело только в нём.

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

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