Выделяем раздел при наведении на него курсором

Выделяем раздел при наведении на него курсором

Выделяем раздел при наведении на него курсором.

baltun

Администратор
Сообщения
10.905
Реакции
2.596
Баллы
2.003
Пользователь xsasha разместил новый ресурс:

Выделяем раздел при наведении на него курсором - Выделяем раздел при наведении на него курсором.

Итак все действия как всегда делаем в EXTRA.CSS, все разобью на три фрагмента для главной странице, для разделов и менеджера ресурсов в конце соединим весь наш код в одно целое.

Для главной страницы:
Код:
.node .nodeInfo.primaryContent:hover {
 border-bottom: 1px solid green;
}
.node .nodeInfo.primaryContent:hover:after {
    background-color: green;
    border-radius: 3px;
    color: white;
    content: "Активный";
    font-size: 10px;
    margin-left: 50%;
    padding: 1px 4px;...

Узнать больше об этом ресурсе...
 
Спс все работает
А как сделать что бы в Расширенной статистике выделяло, как тут сделано?
 
Ты про выделение ссылок там ?
Код:
/*Расширенная статистика ссылки*/
.VietXfAdvStats_SectionItemBlock.VietXfAdvStats_SectionItemTitle.VietXfAdvStats_ThreadTitle a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    
}
.VietXfAdvStats_SectionItemBlock.VietXfAdvStats_SectionItemTitle.VietXfAdvStats_ThreadTitle a::after {
    background-color: #eb5055;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
.VietXfAdvStats_SectionItemBlock.VietXfAdvStats_SectionItemTitle.VietXfAdvStats_ThreadTitle a:hover::after {
    transform: scaleX(1);
    visibility: visible;
}
 
Есть некоторый уникальный материал, который я не выкладывают тут, но по просьбе пользователей выкладываю любой CSS.
 
отличная штука, воспользуюсь для главной страници и ресурсов. А можно 1 кодом для главной и ресурсов и обьявлений?
 
Назад
Верх Низ