• Hoşgeldin ziyaretçi ÜYE OLARAK Özgün Haber ve Makalelerinizi kaynak göstererek uygun olan katogoriye ekleyebilirsiniz.

ActionBar için Fareyle Üzerine Gelince hover efekti

ActionBar yani mesajların üzerinde bulunan( cevap yaz,beğen,rapor et...vs) butonları için hover efekti

AC >extra_Less şablonu ve en alta ekle

CSS:
//*Action Bar*//
.message-actionBar {
    .actionBar-action {
        font-size: 0;
        transition: .5s;
  
        &:hover {
            font-size: 100%;
            text-decoration:none;
            color: @xf-paletteColor3;
        }
        &:before {
            font-size: 15px;
            margin-left: 2px;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            margin-right: 5px;
        }
        &--inlineMod {
            font-size: 100%;
        }
        &--menuTrigger {
            font-size: 100%;
        }
        &--report:before {
            content: "\f071";
        }
        &--edit:before {
            content: "\f040";
        }
        &--delete:before {
            content: "\f00d";
        }
        &--ip:before {
            content: "\f002";
        }
        &--like:before {
            content: "\f087";
        }
        &--warn:before {
            content: "\f12a";
        }
        &--history:before {
            content: "\f1da";
        }
        &--reaction i {
            display: none;
        }
        &--reaction:before {
            content: "\f164";
        }
        &--spam:before {
            content: "\f024";
        }
            @media(max-width:910px) {
            &:hover {
            font-size: 0;
            text-decoration:none;
            color: @xf-paletteColor3;
            }
        }
    }
}
//*****//
 
Üst