 Blast 
{ Membre }
 Messages : 121
 | Décaler le contenu du profil dans les messagesInformations générales- Description :
- Bonjour !
Le but de ce tutoriel est de permettre de décaler le contenu du profil (message, âge, etc...), afin que ce contenu ne soit plus collé au cadre du forum.
- Démo :
- Avant : http://upload.cssactif.com/image/30tuto-avatar-blast1.png
Après : http://upload.cssactif.com/image/48tuto-avatar-blast2.png
- Testé sur :
- Non renseigné
- Crédits :
- Proposé par Blast le 25/11/2009 | Validé par Basil Hawkins
- Mise(s) à jour :
- Pamina - le 05/08/2012
Le tutoriel Comment faire ? 1. Au niveau des templates : Templates -> Général -> viewtopic_body Trouvez cette partie : - Code:
-
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --> et ajoutez les balises - Code:
-
<ul> ... </ul> de façon à ce que ça nous donne cela : - Code:
-
<!-- BEGIN profile_field --> <ul>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</ul> <!-- END profile_field --> Enregistrez puis publiez votre template. 2. Au niveau du CSS : Ajoutez le code suivant : - Code:
-
ul {
display: block; padding-left: 8px; padding-right: 10px;
} En modifiant la valeur padding-left, vous pouvez varier l'espacement. N'oubliez pas d'enregistrer votre CSS ! Et voilà ! J'espère que ce tuto servira =) | | |
|
Kaiji 
Blanche-Neige
Messages : 5578
| FAQ Il y a un saut de ligne, comment peut-on régler ça ? Vous pouvez tout simplement ajouter ce code pour régler l'espace entre les informations du profil : - Code:
-
line-height:3px; Bien sûr la valeur est modifiable. Y-a-il un autre moyen, plus facile, sans modifier le template ? Il y a en effet un moyen pour créer une marge entre le profil et les informations, c’est un petit code à placer dans la feuille CSS : - Code:
-
tr.post td {padding-left: 20px;} La valeur est modifiable. Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml | | |
|
Lun 03 Juin 2024, 17:20 par 
