Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

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

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

Previous topic - Next topic


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

.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: