Limitation de la taille des signatures Bouton_activeLimitation de la taille des signatures Bouton_hoverLimitation de la taille des signatures Fb-hoverLimitation de la taille des signatures 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
Limitation de la taille des signatures EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Limitation de la taille des signatures EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Limitation de la taille des signatures EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Limitation de la taille des signatures EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Limitation de la taille des signatures EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Limitation de la taille des signatures EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Limitation de la taille des signatures EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Limitation de la taille des signatures 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
 

Limitation de la taille des signatures

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://www.css-actif.com
Orange
Orange
RocketMan
RocketMan

Masculin Messages : 3086



Limitation de la taille des signatures Empty

Limitation de la taille des signatures


Informations générales

Description :
Ce tutoriel vous permettra d’imposer des limites strictes à la taille des signatures que peuvent porter vos membres. Les limites que vous avez choisies seront réellement respectées, même une signature faite selon le tutoriel : Anti-votre signature est trop longue d’Emery ne pourra pas y échapper.

Démo :
Cliquer ici pour voir l'aperçu

Testé sur :
Firefox, Chrome, Internet Explorer

Crédits :
Proposé par Orange le 20/05/2010 | Orange

Mise(s) à jour :
Mise à jour le 02/07/2012 par 'Christa Lostmindy

Le tutoriel


Préambule


Nous, administrateurs, choisissons parfois de ne pas imposer de limites strictes quant à la taille des signatures tant que celles-ci ne déforment pas le forum, nos membres peuvent choisir les dimensions qu’ils préfèrent. Vous aurez peut-être remarqué que certains abusent de ce manque de précision pour porter des signatures très larges qui déforment notre forum. D’autres se contentent de ne pas suivre le règlement en ne respectant pas les limites imposées. Dans les deux cas, les conséquences sont les mêmes : notre forum s’élargit intempestivement.
Ce tutoriel vous permettra d’imposer des limites strictes à la taille des signatures que peuvent porter vos membres. Les limites que vous avez choisies seront réellement respectées, même une signature faite selon le tutoriel : Anti-votre signature est trop longue d’Emery ne pourra pas y échapper.


Principe


Par défaut, dans les templates, les signatures sont placées dans une boîte (div) pour être affichées dans les messages. Ici, nous utiliserons le CSS pour donner une taille bien précise à cette boîte. Ainsi, si la signature dépasse les dimensions de la boîte, elle sera coupée à la bonne grandeur et ne vous causera plus de problème de mise en page.

Mise en place du code


Rendez-vous dans le CSS de votre forum (Dans le Panneau d’administration, onglet Affichage, menu Images et couleurs » Couleurs puis Feuille de style CSS). Et collez le code suivant :
Code:

.signature_div {
  overflow: hidden;
  width: 600px;
  height: 400px;
}
La propriété CSS overflow gère l'affichage quand on dépasse les dimensions fixées par height et width. Assez simple n’est-ce pas ? Il ne vous reste plus qu’à modifier les dimensions à la taille désirée sachant que :
weight représente la largeur de la signature
height sa hauteur.
• Il vous est aussi possible de remplacer la valeur hidden (tout ce qui dépasse est caché) par auto ce qui affichera des barres de défilement pour visualiser l’ensemble de la signature si elle est trop grande.

C'était Orange pour CSSActif Paix


Dernière édition par Orange le Mar 08 Juin 2010, 16:51, édité 2 fois
MessageSujet: Limitation de la taille des signatures   Limitation de la taille des signatures EmptyJeu 20 Mai 2010, 08:18
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Limitation de la taille des signatures 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: Limitation de la taille des signatures   Limitation de la taille des signatures EmptyMer 03 Aoû 2011, 09:05
Revenir en haut Aller en bas
http://www.pma.com/
SvenO
{ Membre }
{ Membre }

Masculin Messages : 7



Limitation de la taille des signatures Empty
*_* oh merci, plus de déformation moche.
MessageSujet: Re: Limitation de la taille des signatures   Limitation de la taille des signatures EmptyLun 24 Fév 2014, 12:02
Revenir en haut Aller en bas
Contenu sponsorisé




Limitation de la taille des signatures Empty
MessageSujet: Re: Limitation de la taille des signatures   Limitation de la taille des signatures Empty
Revenir en haut Aller en bas
 

Limitation de la taille des signatures

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

 Sujets similaires

-
» Limitation de la taille des signatures (messages)
» Limitation de la signature
» Limitation de la signature
» Limitation de la signature (messages)
» Limitation d'avatar (messages)

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