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 pour vos catégories
Hier à 20:09 par vaaléeriiee

» Qui Est En Ligne - Utopia
Ven 06 Juil 2018, 23:20 par Vincent

» [RPG] Fiche personnage avec bannière latérale
Ven 29 Juin 2018, 06:27 par Tink

» [phpBB2] Sauvegarde des posts en cours d'écriture
Mar 26 Juin 2018, 02:30 par Laluna

» Apparition progressive du corps du forum
Dim 24 Juin 2018, 10:05 par Jimmy

» Formulaire de connexion rapide amélioré
Dim 24 Juin 2018, 10:03 par Jimmy

» Previsualiser le premier message d'un sujet
Dim 24 Juin 2018, 09:57 par Jimmy

» Trois colonnes avec effet Zoom
Mer 20 Juin 2018, 06:58 par Backflip


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/
avatar
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/
avatar
Blanche-Neige
Blanche-Neige

Féminin Messages : 5575



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
avatar
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/
avatar
{ 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/
avatar
{ Membre }
{ Membre }

Féminin Messages : 19



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 la position par défaut de la signature
» Forerunner 405 - affichage position
» symbol waypoint par défaut sur le 62
» Changer curseur (pointeur de position) sur un 62s
» Protection Wifi Clé WEP: comment la changer?

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