Matthieu A.

Insérer un espace sous le pseudo et centrer

Matthieu A. à 16h21
29
Dec
2013
Bonjour à tous:

j'aimerais insérer un espace entre le pseudo et le rang et centrer le tout, sur le profil qui apparaît sur les messages car (pour mon forum) les 2 sont très serrés...

Existe il un moyen de le faire ? :)avec un un code peut etre ? j'ai aucune idée

merci d'avance , je suis sur phpbb3

voici une page test de mon forum http://medecine.forum-pro.fr/t80-boite-a-idees

cc
1 Matthieu A., le 29/12/2013 à 16h48
PS: je ne veux pas centrer l'avatar, juste le pseudo et le rang Smile

merci
2 Matthieu A., le 30/12/2013 à 18h19
bonsoir

petit up Smile

cc
3 Invité, le 30/12/2013 à 19h49
Bonsoir,

Vous avez désactivé le clic droit donc c'est assez génant pour quitter votre page sur IE 10 ou IE 11 sur Windows 8 (ou 8.1).

Pouvez-vous le désactivé le temps que je regarde s'il vous plait ?

Merci
4 Matthieu A., le 30/12/2013 à 20h31
bonsoir,

voilà, c'est désactivé Smile merci de votre aide
5 Invité, le 30/12/2013 à 20h33
Bonsoir,

Merci, rajoutez ceci dans votre CSS :
Code:
.postprofile {
text-align: center;
}


merci
6 Matthieu A., le 30/12/2013 à 20h42
il y a t'il un moyen pour que ce soit juste le pseudo qui soit centré avec un code css particulier ?

et que ce code permette d'insérer un espace entre le pseudo et le rang ,

merci Smile
7 Matthieu A., le 31/12/2013 à 17h56
bon réveillon à tous Smile

petit up

cc
8 Matthieu A., le 01/01/2014 à 23h45
bonsoir

up Smile

cc
9 Milouze14, le 03/01/2014 à 09h30
Salut Matthieu A. ,
tu veux dire un saut de ligne et non un espace ?

Dans ce cas dans ta feuille de style:
ajoute un margin-top:5px; à cette class:

Code:

div.postprofile dl dd
{
display: none;
}


Comme ceci:

Code:

div.postprofile dl dd
{
 display: none;
margin-top:5px;
}


Tu auras un décalage sur toutes les cellules.
on peut peut être jouer avec un attribut pour ne concerner que la
partie concernée :

Dans ce cas, il faudra simplement ajouter ceci dans ta C.S.S.
Code:

div.postprofile dl dd:nth-child(2)
{
margin-top:5px;
}



a++
10 Matthieu A., le 03/01/2014 à 13h42
Merci de ton aide !!

Ces codes apportent un plus mais ne donnent pas exactement l'effet que j'aimerais Smile

Si tu regardes, j'ai mis un effet sur le profil des messages: http://medecine.forum-pro.fr/t80-boite-a-idees
qui se modifie lorsque le curseur de la souris passe dessus.

Moi j'aimerais modifier à l'état ou la souris n'est pas dessus: je trouve que le pseudo est trop bas par rapport au cadre, donc serait il possible d'insérer un saut de ligne juste sous le pseudo de manière à agrandir le bas du cadre ?

merci beaucoup Smile
11 Milouze14, le 04/01/2014 à 06h13
Salut Matthieu A. ,

il faut ajouter ceci dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

.postprofile dt
{
padding: 0 0 10px 0;
}

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Augmentes si besoin la valeur 10px  Wink  .

a++
12 Matthieu A., le 04/01/2014 à 09h54
C'est exactement ce que je recherchais !!

le code fonctionne, MERCI à toi  :thanks: 

cc bonne journée Smile
Sujets similaires
Bonjour, J'ai plusieurs questions concernant le design de mon forum, je profite donc du meme message pour tout grouper, en esperant que cela soit pratique pour vous comme pour moi! (resolu)1/(resolu)Est il possible de supprimer l'espace vide (ou le
Bonsoir, j'ai une question pour vous, si vous allez voir ici et que vous regarder les pseudo en dessous de l'avatar j'aimerais pouvoir être capable de le centrer. Est-ce que je dois mettre un code css ou jouer dans les template ? Merci de votre réponse.
Bonjour à vous, puis-je savoir svp comment peut on centrer dans la colonne de gauche, Le pseudo Le rang L'avatar Merci beaucoup à vous. PS: pas de sujet similaire à ma question ou alors j'ai zapper...
À voir aussi
more_less
Informations

12 Réponses pour le sujet :
"Insérer un espace sous le pseudo et centrer"

Ce sujet a été vu 1030 fois.

Dernier message écrit :
29/12/2013 à 16h21 par "Matthieu A."