Changer la police des pseudonymes

Voir le sujet précédent Voir le sujet suivant Aller en bas

En cours Changer la police des pseudonymes

Message par April the seven le Dim 23 Sep 2012 - 13:07

Bonjour,

Alors voilà, j'aimerais changer la police et la taille des pseudos de mes membres lorsqu'ils postent et que leur profil s'affiche. Un peu comme ça : http://www.filetdudiable.com/t1181-creation-d-expressions-sorcieres
Comment m'y prendre ?

Merci d'avance !

April the seven
**

Messages : 60
Inscrit(e) le : 12/08/2012

http://girlsblabla.bbfr.net/
April the seven a été remercié(e) par l'auteur de ce sujet.

En cours Re: Changer la police des pseudonymes

Message par Ea le Dim 23 Sep 2012 - 14:31

Bonjour,


Sur phpbb3, la structure html pour un nom invité est comme ceci : http://i.imgur.com/Q8kin.png

Donc on peut le styliser avec le sélecteur :

Code:
.postprofile dt strong

Pour un nom d'utilisateur sans couleur de groupe, on a alors : http://i.imgur.com/Sn309.png

Donc le sélecteur précédent reste bon, mais si on voulait juste styliser ces utilisateurs non invités on pourrait faire :

Code:
.postprofile dt strong a

Puis pour un membre avec une couleur de groupe, on a : http://i.imgur.com/JkUE2.png

Donc les 2 sélecteurs précédents fonctionnent encore, mais on peut faire également :

Code:
.postprofile dt strong a span strong
Enfin donc par exemple on pourrait faire :

Code:
/* pseudos d'invités */
.postprofile dt strong {
  color: red; /* en rouge */
  font-weight: normal; /* pas en gras */
  font-family:"comic sans ms", serif; /*  de police comic sans ms */
  display: block; /* affichage de type bloc pour pouvoir aligner le texte où on veut */
  text-align: right; /* texte aligné à droite */
}
/* pseudo de membre sans couleur de groupe */
.postprofile dt strong a {
  font-family: "trebuchet ms", serif;
  font-size: 200%; /* taille d'écriture multiplié par 200% */
  border: 2px dashed red; /* bord en tiret rouge de 2 pixels d'épaisseur */
  background: #fcc; /* fond  couleur #fcc */
  padding: 5px; /* bordure avec le bord de 5 pixels */
  display: block; /* affichage de type bloc */
  text-align: center; /* centrer le texte dans le bloc*/
  line-height: 100%; /* hauteur de ligne à 100% */
}
/* pseudo de membre avec couleur de groupe */
.postprofile dt strong a span strong {
  font-family: inherit; /* hériter la police des éléments précédents */
  color: inherit; /* hériter la couleur des éléments précédents */
  display: block;
  font-weight: bold; /* texte en gras */
  text-align: left; /* aligner à gauche *
}
Par exemple, enfin c'est à vous de voir et faire ce que vous souhaitez avec le css ( il y a plein de tutoriels ).

Le plus simple j'imagine que ce serait de toucher qu'au .postprofile dt strong a et tant pis pour les invités.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

En cours Re: Changer la police des pseudonymes

Message par April the seven le Dim 23 Sep 2012 - 15:17

Bonjour & déjà merci de m'avoir répondu.
Je suis très novice en la matière, et je n'ai pour ainsi dire pas tout compris.

En fait j'aimerais que les pseudos s'affichent avec la police "KG Eyes Wide Open". Même si ça ne le fait pas pour les invités ce n'est pas grave (de toute façon ils ne peuvent pas poster s'ils ne sont pas inscris.

April the seven
**

Messages : 60
Inscrit(e) le : 12/08/2012

http://girlsblabla.bbfr.net/
April the seven a été remercié(e) par l'auteur de ce sujet.

En cours Re: Changer la police des pseudonymes

Message par Ea le Dim 23 Sep 2012 - 15:41

Pour une police non installée, il faut l'importer, j'ai trouvé ce code ( je ne sais pas si c'est parfait et si ça marche du tonerre ) :

Code:
@font-face{
            font-family: "KGEyesWideOpen";
            src: url('http://fontsforweb.com/public/fonts/1240/KGEyesWideOpen.eot');
            src: local("KG Eyes Wide Open"), url('http://fontsforweb.com/public/fonts/1240/KGEyesWideOpen.ttf') format("truetype");
}
Il faut mettre ça dans le css donc, et ensuite mettre quelque chose du style :

Code:
.postprofile dt strong,.postprofile dt strong a {
  font-family: "KGEyesWideOpen", serif;
  font-size: 20px;
  line-height: 20px;
}
Pour la police qu'on a importé, et que ça fasse 20 pixels de haut.

Si vous n'y comprenez pas quelque chose, apprenez ( par exemple en cherchant "font-face + css" sur google ).

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum