Résolu Je ne trouve pas de symboles pour les préfixes

AskaL

AskaL

Premium
Inscription
14 Janvier 2015
Messages
1 531
Réactions
136
Points
9 836
Salut, donc je voudrai les symbole de realitygaming celui du magnétophone pour les annonces par exemple. J'ai chercher mais pas moyens de les trouver.. Merci de votre aide.
 
Trier par date Trier par votes
1899

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
V3RNOME a dit:
A mon site
Cliquez pour agrandir...
Si tu ne connais pas les notions d'HTML et de CSS ça va être compliqué :xD:
Il faut que dans le HTML tu ajoute la class et que tu ajoutes dans le CSS :before juste après.
Ensuite, le CSS doit contenir ce code :
Code: 
taClass:before {
font-family: "FontAwesome";
content: "\code";
margin-right: 5px;
}

content = le code unicode de ta class font awesome (donc f0a1 pour le bullhorn)
 
Voter positivement 0 Voter négativement
1899

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
V3RNOME a dit:
Je veut l'intégrer a mon site pour pouvoir crée les préfixes avec les logo, et mettre des logo a coter des pseudo des membre du staff.
Cliquez pour agrandir...
Oui bah c'est bien ce que j'ai dis si tu ne connais même pas la base d'un site (HTML et CSS) ça va être compliqué.

Tu as déjà installé FontAwesome ou pas ?

Va sur ce site :
Vous devez être inscrit pour voir les liens ! Inscrivez-vous ou connectez-vous ici.
et tu mets ton email. Tu vas recevoir un mail de FontAwesome avec un lien et ce lien tu vas le mettre dans une template de ton forum
Tu te rends dans PAGE_CONTAINER et tu ajoutes le lien en dessous de la balise <head>
 
Voter positivement 0 Voter négativement
AskaL

AskaL

Premium
Inscription
14 Janvier 2015
Messages
1 531
Réactions
136
Points
9 836
Je le met en dessous de celui la comme <head> ?
1470226608-screenshot-1.png
 
Voter positivement 0 Voter négativement
1899

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Tu dois créer une class sur l'endroit où tu veux ajouter ton icône. Ensuite tu vas dans EXTRA.CSS et tu fais ce code :
Code: 
taClass:before {
font-family: "FontAwesome";
content: "\code";
margin-righ: bold;
}

Content = content = le code unicode de ta class font awesome (donc f0a1 pour le bullhorn)

Pour l'ajouter à un grade :

Dans EXTRA.CSS tu ajoutes ce code :
Code: 
.username .style3:before {
font-family: "FontAwesome";
content: "code";
color: red;
padding-right: 4px;
display: inline-block;
}

style3 = le grade admin de base, tu dois remplacer le 3 par l'ID du groupe sur lequel tu veux ajouter l'icône
 
Voter positivement 0 Voter négativement
1899

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
V3RNOME a dit:
OK j'ai tous compris sauf la class.. Et a content le code davant il y a un / ou \ ou rien ?
Cliquez pour agrandir...
La class se défini dans une balise <div> ; <h3> ; <p> par exemple. Tu dois faire <h3 class="nomDeTaClass"> (par exemple) et ensuite dans ton CSS tu met le noms de ta class + :before après et tu mets le code que je t'ai donné.
A quel endroit tu veux ajouter ton icône ? C'est quelle balise ?

Il doit y avoir un "\code" à content (avec le \ ;))
 
Voter positivement 0 Voter négativement
AskaL

AskaL

Premium
Inscription
14 Janvier 2015
Messages
1 531
Réactions
136
Points
9 836
Je veut l'ajouter par exemple au préfixe annonce, donc si je comprent bien sa devrait faire sa: <h3 class="Annonce"> ? Enfin je pense pas mdr, pourrais tu me montrais un exemple ? Désoler d'être assez tétu ^^
 
Voter positivement 0 Voter négativement
1899

1899

Ancien staff
Inscription
10 Août 2012
Messages
9 798
Réactions
4 482
Points
29 037
Tu dois créer ton propre préfixe. Dans l'endroit où tu choisis la couleur du préfixe tu coches autre et tu défini ta class (par exemple ceci : prefix prefixTuto)

Ensuite dans EXTRA.CSS tu ajoutes ceci :
Code: 
.titleBar .prefix.prefixTuto {
  font-size: 14pt;
}
.prefixTuto:before {
  content: "\f1cd";
  font-family: FontAwesome;
  margin-right: 4px;
}
.prefix.prefixTuto {
  background: none repeat scroll 0 0 #4A843C;
  color: #FAFAFA !important;
  font-weight: normal;
  border: double !important;
  font-size: 10pt;
}
.prefix.prefixTuto:hover {
  background: none repeat scroll 0 0 #4A4E51 !important;
  color: #fafafa !important;
}
.alertsPopup .prefix.prefixTuto {
  font-size: 8pt;
}
.alerts .alertText .prefix.prefixTuto {
  font-size: 8pt;
}

N'oublies pas de remplacer Tuto par le nom de ta class et d'éditer les content par le code de ton choix
 
Voter positivement 0 Voter négativement
Haut