• Résolu Présentation de la barre du haut (changer icônes)


    Jeudi 6 Mai 2021 à 10:45
    Lewis.

    Bonjour bonjour !

    J'ai déjà vu sur plusieurs blogs une présentation comme ceci :

    Je voulais savoir comment on peut changer les icônes "commentaire", "aide", ou "ajouter le blog aux favoris", mais je ne connais aucun code pour le faire.

    Est ce que quelqu'un pourrait m'aider ? :v

    Jeudi 6 Mai 2021 à 10:59
    [étoile de gerfaut]

    Je crois qu'il y a un code CSS ou qu'il faut un abonnement prenium. Je sais pas sinon :/ (et je ne connais pas le code CSS en question)

    Jeudi 6 Mai 2021 à 11:23
    Lewis.

    je crois pas qu'il faut être prenium, je l'ai vu sur plusieurs blogs du coup c'est louche ewe

    Jeudi 6 Mai 2021 à 18:30
    Rioko Sakura

    Hello à vous deux,

    Il existe un code CSS pour cela, rien à voir avec un compte premium. Déjà, il faut avoir des icons de dimension 16x16.

    Voici le code pour changer celui de la section aide.

    #menubar_section_help > div {
        background-image: url(URL de l'image que tu veux pour la section aide );
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px!important;}
    #menubar_section_help > div > img {
        display: none;}

    Pour les autres, on reprend le même schéma, mais on change le sélecteur. À noter que pour les favoris, il y a deux types d'image puisqu'il y a le cœur gris et le cœur rouge.

    #menubar_nofavorites_btn > div {
        background-image: url(URL de l'image que tu veux pour la section favori );
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px!important;}
    #menubar_nofavorites_btn > div > img {
        display: none;}

    #menubar_nofavorites_btn:hover > div {
        background-image: url(URL de l'image que tu veux pour la section favori );
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px!important;}
    #menubar_nofavorites_btn:hover > div > img {
        display: none;}

    Et enfin pour les notifications.

    #menubar_notifications .icon > div {
        background-image: url(URL de l'image que tu veux pour la section notification );
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 20px!important;}
    #menubar_notifications .icon > div > img {
        display: none;}

     

    Je crois que c'est bon. Dites-moi si vous avez un problème avec les codes :)

     

     

     

     

    Jeudi 6 Mai 2021 à 18:47
    Lewis.

    Ooooh merci beaucoup !! ;u;

    Oui je te dirais, et si oui je te créditerais, merci beaucoup de m'avoir répondu en tout cas !




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.