Résolu Problème préfixes xenforo

Falkio ?

Falkio ?

Ancien staff
Inscription
29 Décembre 2016
Messages
1 612
Réactions
1 125
Points
10 656
Bonjour,Bonsoir,
Quand je met ce code dans EXTRA.css :
Code: 
.prefix.prefixAcceptée:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixAcceptée {
  background: none repeat scroll 0 0 #088A08;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixRefusée:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixRefusée {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixEnAttente:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixEnAttente {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixImportant:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixImportant {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;

Et que dans l'option de chaque préfixe je met:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Voilà ce que cela me fait:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Mais sur le premier code qui est Acceptée cela fonctionne:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Merci d'avance
 
Trier par date Trier par votes
W

Wims

Premium
Inscription
27 Août 2014
Messages
1 805
Réactions
418
Points
15 911
FalkioGMR a dit:
Bonjour,Bonsoir,
Quand je met ce code dans EXTRA.css :
Code: 
.prefix.prefixAcceptée:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixAcceptée {
  background: none repeat scroll 0 0 #088A08;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixRefusée:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixRefusée {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixEnAttente:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixEnAttente {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixImportant:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixImportant {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;

Et que dans l'option de chaque préfixe je met:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.

Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Voilà ce que cela me fait:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Mais sur le premier code qui est Acceptée cela fonctionne:
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.


Merci d'avance
Cliquez pour agrandir...
Logique, tu ne ferme pas l'accolade à la fin de ".prefix.prefixAcceptée", essai ceci plutôt :

Code: 
.prefix.prefixAcceptée:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixAcceptée {
  background: none repeat scroll 0 0 #088A08;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 }
.prefix.prefixRefusée:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixRefusée {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixEnAttente:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixEnAttente {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
 
.prefix.prefixImportant:before {
  content: "\f1e1";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixImportant {
  background: none repeat scroll 0 0 #FF0000;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
}
 
Cette réponse a aidé l'auteur de cette discussion !
Voter positivement 0 Voter négativement
SyTry'

SyTry'

Premium
Inscription
22 Mai 2015
Messages
2 608
Réactions
814
Points
13 171
Salut,

Pourquoi tu mets tout ce code dans ton template EXTRA.CSS ? Si c'est seulement pour l'icône Font Awesome tu peux faire un prefixe plus rapidement.

Ajoute ce code dans la template EXTRA.CSS :
Code: 
/*fa icone prefixe*/
.fa:before {
    font-family: FontAwesome;
    margin-right: 3px;
}

Dans les préfixes mets une classe "Autre" comme ceci :
Code: 
prefix prefixRoyalBlue fa fa-graduation-cap

Tu as juste à modifier la couleur, et l'icône FA : RoyalBlue / fa-graduation-cap

SyTry,
 
Voter positivement 0 Voter négativement
Haut