Avatar au-dessus du pseudo et du profil Bouton_activeAvatar au-dessus du pseudo et du profil Bouton_hoverAvatar au-dessus du pseudo et du profil Fb-hoverAvatar au-dessus du pseudo et du profil Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Avatar au-dessus du pseudo et du profil EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Avatar au-dessus du pseudo et du profil EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Avatar au-dessus du pseudo et du profil EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Avatar au-dessus du pseudo et du profil EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Avatar au-dessus du pseudo et du profil EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Avatar au-dessus du pseudo et du profil EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Avatar au-dessus du pseudo et du profil EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Avatar au-dessus du pseudo et du profil EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Avatar au-dessus du pseudo et du profil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://captain-pullip.forumgratuit.org/
Nashii
Nashii
{ Membre actif }
{ Membre actif }

Féminin Messages : 516



Avatar au-dessus du pseudo et du profil Empty

Avatar au-dessus du pseudo et du profil


Informations générales

Description :
Voici un tutoriel simple, essentiellement pour les novices, pour afficher l'avatar au-dessus du reste du profil.

Démo :
http://upload.cssactif.com/image/54avatar-au-dessus-profil.png

Testé sur :
Non renseigné

Crédits :
Proposé par Nashii le 02/10/2009 | Validé par Pitbull

Mise(s) à jour :
Pamina - le 05/08/2012

Le tutoriel


• Vous devez être fondateur de votre forum pour éditer les templates
• Ce tutoriel ne s'applique qu'aux forums ForumActif en version phpbb2


Il vous suffit d'aller dans Template > Général > viewtopic_body

Trouvez :
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>


Déplacez ceci :
Code:
 {postrow.displayed.POSTER_AVATAR}


Au-dessus de :
Code:
{postrow.displayed.POSTER_NAME}


Cela donnera :
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_AVATAR}{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span>

MessageSujet: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil EmptyVen 02 Oct 2009, 16:52
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Avatar au-dessus du pseudo et du profil Empty
FAQ


Q
Comment centrer le pseudo des membres ?

R
Il suffit de mettre la balise center comme ceci :

Code:
 <center>{postrow.displayed.POSTER_NAME}</center>


Q
Le code a produit un grand espace entre le pseudo et le nombre de messages, comment y remédier ?

R
Entre ce code (qui correspond au pseudo),
Code:
 {postrow.displayed.POSTER_NAME}

et ces codes (qui correspondent au infos du profil),
Code:
 {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}

vous trouverez des balise br/, qui correspondent à des retours à la ligne ; il suffit d'enlever celles qui vous gênent.


Pour toute question sur ce tutoriel, merci de poster une demande d'aide ici :
http://www.css-actif.com/f17-aide-css-xhtml
MessageSujet: Re: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil EmptyJeu 21 Juil 2011, 20:19
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Ptite_Perle
Ptite_Perle
{ Membre }
{ Membre }

Féminin Messages : 241



Avatar au-dessus du pseudo et du profil Empty
Merci pour ce tuto, que j'ai mit sur mon forum

Amicalement
MessageSujet: Re: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil EmptyMer 02 Mai 2012, 16:59
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



Avatar au-dessus du pseudo et du profil Empty
Merci pour le tutoriel.
J'ignore si c'est mon PC qui à un soucis, mais chez moi, l'aperçu ne fonctionne pas.


Dernière édition par Kaileen le Ven 04 Mai 2012, 08:36, édité 1 fois
MessageSujet: Re: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil EmptyVen 04 Mai 2012, 03:31
Revenir en haut Aller en bas
http://www.creaillusionfantasy.com/
Ptite_Perle
Ptite_Perle
{ Membre }
{ Membre }

Féminin Messages : 241



Avatar au-dessus du pseudo et du profil Empty
Coucou Kaileen

Je confirme l'aperçu ne fonctionne pas

Amicalement
MessageSujet: Re: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil EmptyVen 04 Mai 2012, 08:30
Revenir en haut Aller en bas
http://sugary.forumactif.org/
.Hunter
.Hunter
{ Membre }
{ Membre }

Féminin Messages : 137



Avatar au-dessus du pseudo et du profil Empty
Merci pour ce tutoriel. Smile
MessageSujet: Re: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil EmptyVen 10 Mai 2013, 06:23
Revenir en haut Aller en bas
http://london-bridge.biz
cupidon
{ Membre }
{ Membre }

Féminin Messages : 18



Avatar au-dessus du pseudo et du profil Empty
bonsoir, j'ai une question comment on peux augmenter la taille déjà ?? en tout cas merci pour le tuto
MessageSujet: Re: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil EmptyJeu 06 Juin 2013, 20:07
Revenir en haut Aller en bas
Contenu sponsorisé




Avatar au-dessus du pseudo et du profil Empty
MessageSujet: Re: Avatar au-dessus du pseudo et du profil   Avatar au-dessus du pseudo et du profil Empty
Revenir en haut Aller en bas
 

Avatar au-dessus du pseudo et du profil

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Avatar au-dessus du pseudo et du reste du profil (messages)
» [En Cours ~ Tech] Soucis avec l'avatar au dessus du pseudo :S
» Mettre le pseudo sous l'avatar mais garder le rang au-dessus.
» Un mot bien dérangeant au dessus de l'avatar...
» Mettre le pseudo sous l'avatar

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Tutoriels de CSSActif :: ForumActif Pas à pas :: Le Profil-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit