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
  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 ;)
     
  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
     
  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:
     
  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 ^^
     
  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>
     
  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 ;)
     
  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 :)
     

Partager cette page

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