# Re: А почему иконка персональных настроек - самолёт?
MRD (lenina,6) → 51t – 18:17:17 2014-08-07
Да даже шаблон менять не обязательно, можно просто в таблицу стилей добавить:
a[href*="reply"]:after {
opacity: 0;
transition: opacity linear 1s;
}
a[href*="reply"]:hover:after {
content:"\f112";
color: Black;
font-family:FontAwesome;
position: absolute;
font-size: 20pt;
top: 3.5em;
left: 3.7em;
opacity: 1;
}
Хотя для уменьшения костыльности лучше ентим ссылкам класс присвоить, конечно. В принципе, и то, что сейчас прилепили, сойдёт (если его оставить без изменений шаблона, то нужно ещё в селекторы :first-of-type добавить, чтобы всплывающая стрелочка только к картинке приделывалась). Анимация у псевдоэлементов пока не во всех браузерах работает, ну да и фиг с ней, собственно.
MRD (lenina,6) → 51t – 18:17:17 2014-08-07
Да даже шаблон менять не обязательно, можно просто в таблицу стилей добавить:
a[href*="reply"]:after {
opacity: 0;
transition: opacity linear 1s;
}
a[href*="reply"]:hover:after {
content:"\f112";
color: Black;
font-family:FontAwesome;
position: absolute;
font-size: 20pt;
top: 3.5em;
left: 3.7em;
opacity: 1;
}
Хотя для уменьшения костыльности лучше ентим ссылкам класс присвоить, конечно. В принципе, и то, что сейчас прилепили, сойдёт (если его оставить без изменений шаблона, то нужно ещё в селекторы :first-of-type добавить, чтобы всплывающая стрелочка только к картинке приделывалась). Анимация у псевдоэлементов пока не во всех браузерах работает, ну да и фиг с ней, собственно.