Введите часть искомого слова, названия или фразы...
↑ ↓
  1. Новые темы озаглавленные с маленькой буквы - удаляются без предупреждения!
  2. Вопрос без рабочей ссылки на проблему считается риторическим. Без ссылки и скриншота - провокацией!

Решено Использование hover для обычного текста

Тема в разделе "Вопросы, советы и доработки.", создана пользователем Moonlight31, 18 авг 2016.

  1. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    Доброго времени суток!

    Необходимо изменить цвет текста при наведении на ссылку. Знаю, что это делается при помощи псевдокласса hover

    На форуме уже подсказывали, как это сделать для какого-либо элемента

    Сейчас необходимо сделать это просто для текста, например для данной записи:

    Код:
    <p style="text-align: center;"><span style="color: #1b3f88;"><a style="color: #1b3f88;" href="http://santechpost.ru/product-category/complect/for-installations/?filtering=1&amp;filter_fabricator=vitra">Запчасти для инсталляции</a></span></p>
    помогите, пожалуйста!


    upload_2016-8-18_19-17-41.png
    ссылка: http://santechpost.ru/vitra/
     
  2. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    Добавил следующий код в style.css темы
    Код:
    a:link {color:#1b3f88}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* unvisited link */
          a:visited {color:#c72424}&nbsp; /* visited link */
          a:hover {color:#81A3E6}&nbsp; /* mouse over link */
          a:active {color:#0000FF}&nbsp; /* selected link */
    Изменилось только для некоторых ссылок
    upload_2016-8-19_9-21-12.png
     
  3. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    из режима инкогнито 2 нижние строки также остаются выделенными.
    upload_2016-8-19_9-24-54.png
     
  4. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    Разобрался, почему не работал hover

    Вместо
    Код:
    </p><p style="text-align: center;"><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #1b3f88;"><a href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a></span></p>
    у меня было:

    Код:
    <a style="color: #1b3f88;" href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a>
     
  5. Moonlight31

    Moonlight31

    Сообщения:
    62
    Симпатии:
    6
    Баллы:
    8
    В итоге сделал так:
    В style.css темы добавил

    Код:
    a.sp:link {
        color: #356AD4;
    }
    
    a.sp:visited {
        color: #1b3f88;
    }
    
    a.sp:active {
        color: #c72424;
    }
    
    a.sp:hover {
        text-decoration: none;
        color: #81A3E6;
        background-color: none;
    }
    
    А для текста на страницах: добавил название класса

    <p style="text-align: center;"><span style="font-family: helvetica, arial, sans-serif; font-size: 14pt; color: #1b3f88;"><a class="sp" href="http://santechpost.ru/product-category/complect/for-toilet/?filtering=1&amp;filter_fabricator=vitra">Запчасти для унитазов</a></span></p>
     
    • Победитель Победитель x 3
    • Нравится Нравится x 1