Bölüm başlıklarına animasyonlu hover verme

[bolubeyi]

https://s29.postimg.org/z31ysw9mv/aaa.png (https://smfdestek.com/index.php?topic=1058.0)
Modifikasyon kullandığınız temanın index.css dosyasında edit gerektirir.
Bul:
Kod:

.table_list tbody.content td.info a.subject
{
font-weight: bold;
font-size: 110%;
color: #d97b33;
}


Değiştir:
Kod:

.table_list tbody.content a.subject{font-weight: bold;font-size: 110%;color: #d97b33;}
.info a:link {color: #d97b33;}
.info a:visited {color: #d97b33;}
.info a:hover {color: #ff0000 !important; text-decoration: none;}
.info a::before, .info a::after { display: inline-block; opacity: 0; -webkit-transition: -webkit-transform 0.3s, opacity 0.2s; -moz-transition: -moz-transform 0.3s, opacity 0.2s; transition: transform 0.3s, opacity 0.2s;}
.info a::before { margin-right: 3px; content: '['; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); transform: translateX(20px);}
.info a::after { margin-left: 3px; content: ']'; -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); transform: translateX(-20px);}
.info a:hover::before, .info a:hover::after, .info a:focus::before, .info a:focus::after { opacity: 1; -webkit-transform: translateX(0px); -moz-transform: translateX(0px); transform: translateX(0px);}


Orjinal konu: B (https://smfdestek.com/index.php?topic=1058.0)

Kaynak: Bölüm başlıklarına animasyonlu hover verme (https://www.webmasterlord.net/3097-bolum-basliklarina-animasyonlu-hover-verme-konusu.html)