NodeBB like buton degistirme

NodeBB
  • Merhaba,
    Nodebb forumda bulunan like butonunu nasil degistirebiliriz?

    2552debb-21cb-4aa6-90af-ef5195018536-image.png

  • @phi harici CSS bölümüne ekleyin.

    .fa-chevron-up:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        font-size: 17px;
        content: '\f118';
        margin-right: 4px;
        vertical-align: -1px;
        color: #91C483;
    }
    
    .fa-chevron-down:before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 600;
        font-size: 17px;
        content: '\f119';
        margin-right: 4px;
        vertical-align: -1px;
        color: #D22779;
    }
    

    '\f118' ve '\f119' yerine kendi Font Awesome ikonlarınızın kodunu koyabilirsiniz.

  • bazen kullanilan icon degisecegi icin “font-weight” degisebiliyor… onu da soyle degistirmek gerekiyor:

    span.votes {
        .fa-chevron-up:before {
            content: "\f164";
            font-weight: 400;
        }
        .upvoted .fa-chevron-up:before {
            content: "\f164";
            font-weight: 900;
        }
        
        .fa-chevron-down:before {
            content: "\f165";
            font-weight: 400;
        }
        .downvoted .fa-chevron-down:before {
            content: "\f165";
            font-weight: 900;
        }
    }
    
    

    Screen Shot 2022-02-28 at 1.33.39 PM.png

  • @crazycells Evet bu daha sağlıklı bir kod. Teşekkürler hocam.


Benzer konular