Résolu Comment modifier la couleur des icônes FA sur "Member User Info"

Discussion dans 'Résolu' créé par The Phantom, 31 Juillet 2016.

  1. The Phantom

    The Phantom VIP

    Inscrit:
    11 Juin 2016
    Messages:
    145
    J'aime reçus:
    3 592
    Points:
    1 423
    Dernière édition par un modérateur: 16 Novembre 2021
    The Phantom, 31 Juillet 2016
    #1
  2. The Phantom

    The Phantom VIP

    Inscrit:
    11 Juin 2016
    Messages:
    145
    J'aime reçus:
    3 592
    Points:
    1 423
    Déjà essayer, sa ne marche pas ;)
     
    The Phantom, 31 Juillet 2016
    #2
  3. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 591
    Points:
    13 043
    Dans le template EXTRA.CSS ajoute sa :

    Code:
    .messageUserBlock .fa {
color: rgb(255, 0, 0);
}
.messageUserBlock .fa:hover {
color: rgb(255, 0, 0);
}
    Ceci va remplacer la couleur en ROUGE.
    Modifie la couleur à ton gout ;)

    Avant :

    upload_2016-7-31_19-30-32.png

    Apres :

    upload_2016-7-31_19-29-9.png
     
    Sι∂яα∂ι, 31 Juillet 2016
    #3
  4. The Phantom

    The Phantom VIP

    Inscrit:
    11 Juin 2016
    Messages:
    145
    J'aime reçus:
    3 592
    Points:
    1 423
    Sa n'a pas changez quoi que se soit.. :sorry:
     
    The Phantom, 31 Juillet 2016
    #4
  5. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 591
    Points:
    13 043
    D'accord, dans le template : conversationbutton_postbit_username_icon.css
    Cherche :
    Code:
    .messageUserBlock .fa {
        color: rgb(70, 70, 70);

        padding-left: 2px;
    }
    .messageUserBlock .fa:hover {
        color: rgb(88, 88, 88);

    }
    Et tu remplace les couleurs en RGB ^^
     
    Sι∂яα∂ι, 31 Juillet 2016
    #5
  6. The Phantom

    The Phantom VIP

    Inscrit:
    11 Juin 2016
    Messages:
    145
    J'aime reçus:
    3 592
    Points:
    1 423
    Je n'ai pas cette ligne, j'ai cela :
    Code:
    /* Styling for icon beside username in postbit */
<xen:if is="@cbuaShowOverlay">
    .convButtonUI {
        float: right;
    }
    .messageUserBlock .fa {
        @property "cbuaui";
        color: @primaryMedium;
        @property "/cbuaui";
        padding-left: 2px;
    }
    .messageUserBlock .fa:hover {
        @property "cbuauihover";
        color: @primaryLightish;
        @property "/cbuauihover";
    }
<xen:else />
    .convButtonUI {
        float: right;
    }
    .messageUserBlock .fa {
        @property "cbuaui";
        color: @primaryMedium;
        @property "/cbuaui";
        padding-left: 2px;
    }
    .messageUserBlock .fa:hover {
        @property "cbuauihover";
        color: @primaryLightish;
        @property "/cbuauihover";
    }
</xen:if>
     
    The Phantom, 31 Juillet 2016
    #6
  7. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 879
    J'aime reçus:
    121 591
    Points:
    13 043
    Code:
    .messageUserBlock .fa {
        @property "cbuaui";
        color: @primaryMedium;
        @property "/cbuaui";
        padding-left: 2px;
    }
    .messageUserBlock .fa:hover {
        @property "cbuauihover";
        color: @primaryLightish;
        @property "/cbuauihover";
    }
    Alors il suffit de remplacer :
    color: @primaryMedium; ou color: @primaryLightish;
    Par exemple pour rouge :
    color : #FF0000;

    @primaryMedium fait référence aux palettes de couleurs ;)
     
    Sι∂яα∂ι, 31 Juillet 2016
    #7
  8. The Phantom

    The Phantom VIP

    Inscrit:
    11 Juin 2016
    Messages:
    145
    J'aime reçus:
    3 592
    Points:
    1 423
    Sa marche ^^
    Merci bien :)
     
    The Phantom, 31 Juillet 2016
    #8

Partager cette page

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Accept En savoir plus.
    Rejeter la notice