Décoration du Profil Bouton_activeDécoration du Profil Bouton_hoverDécoration du Profil Fb-hoverDécoration 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
Décoration du Profil EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Décoration du Profil EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Décoration du Profil EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Décoration du Profil EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Décoration du Profil EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Décoration du Profil EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Décoration du Profil EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Décoration du Profil EmptySam 11 Fév 2023, 06:04 par Krager

-17%
Le deal à ne pas rater :
(Black Friday) Apple watch Apple SE GPS + Cellular 44mm (plusieurs ...
249 € 299 €
Voir le deal

Partagez
 

Décoration du Profil

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Luna Arcana
Luna Arcana
{ Membre }
{ Membre }

Féminin Messages : 194



Décoration du Profil Empty

Décoration du profil


Informations générales

Description :
Coucou !
Me voici de retour pour un nouveau tutoriel sur le profil. Il vous servira à décorer votre profil comme vous le souhaitez. =3

Démo :
Avant - Après

Testé sur :
Non renseigné

Crédits :
Proposé par Luna Arcana le 25/07/2010 | Validé par Hαrιcoow

Mise(s) à jour :
Pamina - 06/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


Templates :
Dans le panneau d'administration, cliquez sur l'onglet Affichage puis dans le menu Templates » Général et cliquez sur viewtopic_body pour l'éditer.

Cherchez cette partie :
Code:
<!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->

Encadrez-la avec une div class que vous nommerez comme vous voulez (ici, "test"), du moment que vous vous en souvenez Very Happy , ce qui vous donnera :
Code:
<div class="test"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></div>

Validez et publiez votre template.

CSS :
Dans le panneau d'administration, cliquez sur l'onglet Affichage, puis dans le menu Images et couleurs » Couleurs et cliquez sur l'onglet Feuille de styles CSS.

Placez-y votre balise CSS avec le nom choisi précédemment.
Ce qui donne :
Code:
.test { valeurs;
}

Complétez votre balise avec les valeurs correspondant aux effets que vous souhaitez. ^^
(Dans l'aperçu donné ci-dessus, j'ai choisi une bordure de 2px noire.)

MessageSujet: Décoration du Profil   Décoration du Profil EmptySam 24 Juil 2010, 15:19
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Décoration du Profil Empty
FAQ


Q
Comment faire pour que la décoration s’applique aussi à la feuille de personnage ?

R
Si vous voulez que les modifications touchent aussi à la feuille de personnage, il faut fermer la div après

Code:
 {postrow.displayed.POSTER_RPG}


Q
Je veux bien changer les couleurs et l’agencement des informations dans le profil mais je trouve pas comment faire ?

R
C’est très simple il suffit d’aller dans votre P.A - Utilisateurs et groupes - profils - Options générales - profil avancé "non"


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: Décoration du Profil   Décoration du Profil EmptyJeu 21 Juil 2011, 20:15
Revenir en haut Aller en bas
http://hollywood-ramdam.lebonforum.com/
Kaileen
Kaileen
{ Membre }
{ Membre }

Féminin Messages : 103



Décoration du Profil Empty
Merci pour cette astuce !
MessageSujet: Re: Décoration du Profil   Décoration du Profil EmptySam 05 Mai 2012, 05:08
Revenir en haut Aller en bas
Niten
Niten
{ Membre }
{ Membre }

Masculin Messages : 128



Décoration du Profil Empty
Merci Luna Arcana et Kaiji Au secours !
MessageSujet: Re: Décoration du Profil   Décoration du Profil EmptyVen 24 Mai 2013, 12:06
Revenir en haut Aller en bas
http://scratpub.kanak.fr/
Scratpub
Scratpub
{ Membre }
{ Membre }

Féminin Messages : 15



Décoration du Profil Empty
merci

ps par contre quand je souhaite modifier mon profil , il ne mais pas de cadre sur mon avatar est ce normal?
MessageSujet: Re: Décoration du Profil   Décoration du Profil EmptyDim 14 Juil 2013, 10:14
Revenir en haut Aller en bas
http://silencio.forums-rpg.com/
Aurore13
Aurore13
{ Membre }
{ Membre }

Féminin Messages : 13



Décoration du Profil Empty
Merci pour le truc ^^
MessageSujet: Re: Décoration du Profil   Décoration du Profil EmptyMar 08 Avr 2014, 06:52
Revenir en haut Aller en bas
http://nomore.forumactif.org/
Le Docteur
Le Docteur
{ Membre }
{ Membre }

Féminin Messages : 7



Décoration du Profil Empty
Merci pour cette petite astuce Smile
MessageSujet: Re: Décoration du Profil   Décoration du Profil EmptySam 07 Juin 2014, 08:50
Revenir en haut Aller en bas
http://scratpub.kanak.fr/
Scratpub
Scratpub
{ Membre }
{ Membre }

Féminin Messages : 15



Décoration du Profil Empty
Super merci
MessageSujet: Re: Décoration du Profil   Décoration du Profil EmptyMer 03 Aoû 2016, 09:59
Revenir en haut Aller en bas
Contenu sponsorisé




Décoration du Profil Empty
MessageSujet: Re: Décoration du Profil   Décoration du Profil Empty
Revenir en haut Aller en bas
 

Décoration du Profil

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

 Sujets similaires

-
» Décoration du profil (messages)
» [résolu] Décoration sur les champs du profil
» Profil sous forme de phrase > Profil des membres (ANNULE)
» Personnalisation du profil : « profil personnalisé » & « champs de contact »
» Décoration autour des liens.

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