• Welcome to Simple Machines Community Forum. Please login or sign up.

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

Started by bolubeyi61, June 24, 2014, 06:41:19 AM

Previous topic - Next topic

bolubeyi61


Modifikasyon kullandığınız temanın index.css dosyasında edit gerektirir.
Bul:
.table_list tbody.content td.info a.subject
{
    font-weight: bold;
    font-size: 110%;
    color: #d97b33;
}


Değiştir:
.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: http://smfdestek.com/index.php?topic=1058.0

Advertisement: