Comment changer le design du système de like de WoltLab

Bonjour cher visiteur,


Je n'ai malheureusement plus beaucoup le temps de m'occuper du site en ce moment, si le projet de l'animer t'intéresse, n'hésite pas à me contacter ! :)

Ici sur WoltBase.com, nous avons décidé de ne plus utiliser le petit pouce bleu pour le système de "Likes", mais un petit coeur rouge, ce qui permet de se différencier un peu des autres site WoltLab, nous sommes donc passés de ceci :




A ceci :



Alors comment arriver à ce résultat ? Tout va se passer au niveau du CSS :)


Avant tout, vous devez récupérer le code "Unicode" de la nouvelle icône, par exemple en allant sur l'icône de coeur de FontAwesome (WoltLab utilise FontAwesome pour toutes les icônes), rendez-vous à l'adresse suivante et vous verrez que le code "Unicode" est "f004" : http://fontawesome.io/icon/heart/


Nous allons utiliser ce code dans notre bloc de CSS à ajouter dans votre administration WoltLab => Customization => Styles => Votre thème => Advanced settings => Individual CSS and SCSS :



Sauvegardez votre thème et allez admirer le résultat ! :)

    Partager

    Commentaires