Changer la position par défaut de la signature Bouton_activeChanger la position par défaut de la signature Bouton_hoverChanger la position par défaut de la signature Fb-hoverChanger la position par défaut de la signature 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
Changer la position par défaut de la signature EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Changer la position par défaut de la signature EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Changer la position par défaut de la signature EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Changer la position par défaut de la signature EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Changer la position par défaut de la signature EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Changer la position par défaut de la signature EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Changer la position par défaut de la signature EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Changer la position par défaut de la signature EmptySam 11 Fév 2023, 06:04 par Krager

Le Deal du moment : -14%
Lave-linge hublot HOOVER HWP 10 kg (Induction, 1600 ...
Voir le deal
299.99 €

Partagez
 

Changer la position par défaut de la signature

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://kiss-university.forumactif.org/
Ikø'
Ikø'
Pika'Ghøst~ Maîtresse des pelles ~
Pika'Ghøst
~ Maîtresse des pelles ~

Féminin Messages : 3193



Changer la position par défaut de la signature Empty

[PHPBB2] Changer la position par défaut de la signature


Informations générales

Description :
Vous souhaitez que la signature de vos membres soit centrée par défaut ? Qu'elle soit placée à droite plutôt qu'à gauche pour des raisons de design ? C'est ici que ça se passe.

Démo :
Alignement centré et Alignement à droite

Testé sur :
Firefox, Chrome, Safari, Opera, Internet Explorer

Crédits :
Proposé par Ikø' le 19/02/2010 | Espeon

Mise(s) à jour :
Le 10/05/2012 par Espeon

Le tutoriel


Repérer la signature


Pour modifier la position de la signature, il va nous falloir faire un peu de CSS. Mais avant tout, il faut repérer l'emplacement de la signature dans le code de Forumactif.

Observons le le template viewtopic_body (Panneau d'Administration, onglet Affichage puis menu Templates » Général, cliquez sur viewtopic_body)

Vous devez être le fondateur pour accèder aux templates.

Trouvez à présent le code suivant :
Code:
<div class="signature_div">
    {postrow.displayed.SIGNATURE}
</div>
La fonction Ctrl+F vous aidera à trouver cette portion du code plus facilement.


Nous voyons donc à présent que la signature des membres est contenue dans une div ayant pour classe .signature_div. A nous de jouer.

Modifier le CSS


Rendez-vous à présent dans le Panneau d'Administration, onglet Affichage puis menu Images et couleurs » Couleurs en enfin Feuille de style CSS.
Vous allez ici pouvoir ajouter votre CSS personnalisé à votre forum. C'est la propriété text-align qui va nous permettre de faire cela en jouant sur l'alignement du contenu du bloc de la signature.

Cette propriété comporte pour principales valeurs :
  • left : le contenu est aligné à gauche (par défaut).
  • right : le contenu est aligné à droite.
  • center : le contenu est centré.
  • justify : le contenu est justifié (aligné à droite et à gauche).

Positionner la signature au centre
Vous souhaitez que la signature de vos membres soit centrée par défaut ? Après ce que nous venons de voir, c'est assez facile.

Ajoutez-ceci à votre CSS :
Code:
.signature_div {
   text-align: center;
}

Positionner la signature à droite
De la même manière, mais cette fois-ci à droite :
Code:
.signature_div {
   text-align: right;
}

Notez que vous pouvez appliquer l'ensemble des propriétés que vous souhaitez à vos signatures ainsi. Nous avons vu dans ce tutoriel comment, rapidement, centrer ou placer à droite leur contenu.
Libre à vous d'être créatif par la suite Smile

MessageSujet: Changer la position par défaut de la signature   Changer la position par défaut de la signature EmptyVen 19 Fév 2010, 20:40
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Changer la position par défaut de la signature Empty
FAQ


Q
//

R
//


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: Changer la position par défaut de la signature   Changer la position par défaut de la signature EmptyMer 03 Aoû 2011, 08:53
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Changer la position par défaut de la signature Empty
21-05-2012 : Tutoriel revu et mis à jour
MessageSujet: Re: Changer la position par défaut de la signature   Changer la position par défaut de la signature EmptyLun 21 Mai 2012, 05:22
Revenir en haut Aller en bas
http://tvd-rpg.forumgratuit.be/
ptit lu
ptit lu
{ Membre }
{ Membre }

Féminin Messages : 40



Changer la position par défaut de la signature Empty
Merci pour le code
MessageSujet: Re: Changer la position par défaut de la signature   Changer la position par défaut de la signature EmptySam 14 Juil 2012, 05:36
Revenir en haut Aller en bas
http://temptationisland.forum.st/
CryingToYourHeart
CryingToYourHeart
{ Membre }
{ Membre }

Féminin Messages : 21



Changer la position par défaut de la signature Empty
Merci pour le code Very Happy
MessageSujet: Re: Changer la position par défaut de la signature   Changer la position par défaut de la signature EmptySam 04 Aoû 2012, 07:59
Revenir en haut Aller en bas
Contenu sponsorisé




Changer la position par défaut de la signature Empty
MessageSujet: Re: Changer la position par défaut de la signature   Changer la position par défaut de la signature Empty
Revenir en haut Aller en bas
 

Changer la position par défaut de la signature

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

 Sujets similaires

-
» Changer la position par défaut de la signature (messages)
» Signature centrée par défaut
» <Template : phpBB2> Changer l'hébergeur d'image par défaut
» Qui a dit que la curiosité est un vilain défaut ?
» Modifier une couleur par défaut

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

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