C'est la fin du projet CSSActif, vous trouverez les explications ici : Fin de CSSActif, ouverture du forum. Le forum reste cependant ouvert à tous et ses ressources sont entièrement disponibles. Merci à tous !
Derniers sujets
» Effet de volet glissant sur un bloc
Ven 15 Fév 2019, 10:43 par Kanala

» Barre(s) Hitskinienne
Lun 11 Fév 2019, 23:00 par wildheart.

» Fond de message
Ven 08 Fév 2019, 19:55 par Scratpub

» [PA] Message d'Accueil Simple
Ven 08 Fév 2019, 16:34 par Scratpub

» [Plugin] Effet rollover sur une image
Dim 03 Fév 2019, 07:48 par .lysaivin

» Justifier le contenu de votre forum
Lun 28 Jan 2019, 14:21 par Cookie-Coyote

» Rapporter un bug
Lun 28 Jan 2019, 04:41 par 'Christa

» Système d'onglets simple et personnalisable
Lun 21 Jan 2019, 17:23 par AnieZ


Partagez | 
 

Changer la position par défaut de la signature

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

Féminin Messages : 3193



[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   Ven 19 Fév 2010, 20:40
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.i-love-harvard.com/
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5577



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


Le forum n'est désormais plus géré par le staff, laissé seulement ouvert pour que les ressources et l'entraide restent accessibles. Vous pouvez néanmoins m'envoyer un MP pour supprimer un message, signaler un plagiat ou autre, je m'en occuperai à ma prochaine connexion.
MessageSujet: Re: Changer la position par défaut de la signature   Mer 03 Aoû 2011, 08:53
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



21-05-2012 : Tutoriel revu et mis à jour


MessageSujet: Re: Changer la position par défaut de la signature   Lun 21 Mai 2012, 05:22
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://tvd-rpg.forumgratuit.be/
ptit lu
{ Membre }
{ Membre }

Féminin Messages : 40



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

Féminin Messages : 21



Merci pour le code Very Happy



❝Who can make my life complete❞
Show you off, tonight i wanna show you off. What you got, a billion could’ve never bought, we gonna party like it’s 3012 tonight. I want to show you all the finer things in life, so just forget about the world, be young tonight Cause all.. In time, ink lines, b-bitches couldn't get on my incline
World tour, it's mine, ten little letters, on a big sign
MessageSujet: Re: Changer la position par défaut de la signature   Sam 04 Aoû 2012, 07:59
Revenir en haut Aller en bas
Contenu sponsorisé




MessageSujet: Re: Changer la position par défaut de la signature   
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 curseur (pointeur de position) sur un 62s
» Changer les couleurs de la palette de défaut pour phpBB2
» Changer les couleurs de la palette de défaut pour phpBB3
» Changer la couleur d'une police d'écriture par défaut
» Comment changer la langue dans le NUVI 3790T

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 | Contact | Signaler un abus | Forum gratuit