Advertisement:

Author Topic: Bölüm başlıklarına animasyonlu hover verme  (Read 7803 times)

Offline bolubeyi61

  • Sr. Member
  • ****
  • Posts: 755
  • Gender: Male
    • Spina Bifida Turkey
Bölüm başlıklarına animasyonlu hover verme
« on: June 24, 2014, 06:41:19 AM »

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

Değiştir:
Code: [Select]
.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