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
» Système d'onglets simple et personnalisable
Lun 17 Sep 2018, 05:44 par heresy.

» Effet pour vos catégories
Sam 15 Sep 2018, 06:41 par Dynaste

» [RPG] Fiche personnage avec bannière latérale
Mar 11 Sep 2018, 15:29 par Rosalie Hale

» Signature codée avec onglets
Sam 01 Sep 2018, 16:11 par Plumeplume

» Mettre votre © Copyright dans le footer de votre forum
Mar 28 Aoû 2018, 12:13 par kaiton

» Sous-forums en retour à la ligne
Lun 27 Aoû 2018, 13:26 par sergiomarquina

» Effet pour vos sous-forums
Lun 27 Aoû 2018, 13:23 par sergiomarquina

» Trois colonnes avec effet Zoom
Lun 27 Aoû 2018, 08:40 par sergiomarquina


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 : 5576



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 : 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 la position par défaut de la signature
» Je voudrez s'avoir comment changer l'avatar par défaut.
» Forerunner 405 - affichage position
» symbol waypoint par défaut sur le 62
» Changer curseur (pointeur de position) sur un 62s

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