Darathor
Mage-Administrateur
Archangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
Archangemage
Inscrit le : 28 Oct 2001
Messages : 27741
Points : 21 170
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
À force de faire un tour dans les codes des signs des gens (depuis que le prévisualiseur est là, c'est facile ), je constate pas mal de choses facilement améliorables ^^
1) Les balises.
Les balises de formatage du texte (size, align, b, i, etc) prennent effet sur tout la section de code contenue, y compris si cette section s'étalle sur plusieurs ligne et/ou contient des images ! Ainsi le code :
2) Taille du texte.
Comme les signs sont limitées en taille, il est pratique de réduire leur taille. Notez cependant que si vous avez plusieurs lignes, le caractère de retour à la ligne que vous ajoutez en fin s'affichera plus ou moins comme un espace. Ainsi, si vous fermez la balise size puis ajoutez une autre ligne ou une image, cet aspace aura la hauteur d'une ligne normale. Par exemple :
3) Balise de centrage.
La balise [center] [/center] est gérée pour le cas du centrage des tableaux html, mais dans le cas où vous n'en utilisez pas, utilisez plutôt [align=center] [/align], c'est mieux. Et là encore, si vous centrez l'intégralité de votre sign, mettez la balise ouvrante au début et la fermante à la fin. Ne remettez pas les balises pour chaque ligne !
4) Mise en page.
Une sign, ça s'afiche sous chacun de vos posts, donc ça occupe de la place. La limite est actuellement à 200 pixels de haut, mais ne vous sentez pas obligés de l'atteindre à tout prix ! Ne sautez donc jamais de lignes dans une sign ! Certes, on peut imaginer que peut-être, c'est vaguement plus joli (même si je n'ai pas personnellement constaté de cas où ça l'est), mais ça gaspille de la place pour vraiment pas grand chose... Une sign, c'est pas un post, il est important d'en minimiser la taille pour ne pas encombrer la page inutilement.
5) Les images.
La limite de poids étant de 60ko pour l'ensemble des images, il est important d'optimiser leur poids.
_________________
1) Les balises.
Les balises de formatage du texte (size, align, b, i, etc) prennent effet sur tout la section de code contenue, y compris si cette section s'étalle sur plusieurs ligne et/ou contient des images ! Ainsi le code :
Code :
Et le code :[align=center][size=9]Gunnm c'est un manga génialissime !
[img]http://darathor.free.fr/divers/Signatures/Sets/Set_Gally_sign01.jpg[/img]
Si si, puisque j'vous l'dis :o[/size][/align]
Code :
Auront tous deux pour résultat :[align=center][size=9]Gunnm c'est un manga génialissime ![/size][/align]
[align=center][img]http://darathor.free.fr/divers/Signatures/Sets/Set_Gally_sign01.jpg[/img][/align]
[align=center][size=9]Si si, puisque j'vous l'dis :o[/size][/align]
Citation :
Il n'est donc pas du tout nécéssaire de les fermer à la fin de chaque ligne pour les rouvrir au début de la suivante ! Cela a pour seul effet de rallonger votre sign inutilement ce qui génère pas mal d'inconvénients : perte de lisibilité du code quand vous l'éditez, gaspillage inutile de place dans la base de données, gaspillage de ressource lors de la traductions de bbcodes, etc.
Gunnm c'est un manga génialissime !
Si si, puisque j'vous l'dis
2) Taille du texte.
Comme les signs sont limitées en taille, il est pratique de réduire leur taille. Notez cependant que si vous avez plusieurs lignes, le caractère de retour à la ligne que vous ajoutez en fin s'affichera plus ou moins comme un espace. Ainsi, si vous fermez la balise size puis ajoutez une autre ligne ou une image, cet aspace aura la hauteur d'une ligne normale. Par exemple :
Code :
Donnera :
[size=5]"Ouhlaaa ! c'est du bon çui-là..."[/size]
[size=5]Edward Wong Hau Pepelu Tivrusky 4th, [i]Session 17, Mushroom Samba.[/i][/size]
[center][img]http://arkania.edforum.net/Signs/Divers/SignNeo01.jpg[/img]
[size=5]Maaaaaaarchiiii Mya[/size][/center]
Citation :
Alors que :"Ouhlaaa ! c'est du bon çui-là..."
Edward Wong Hau Pepelu Tivrusky 4th, Session 17, Mushroom Samba.
Maaaaaaarchiiii Mya
Code :
Donnera :
[size=5]"Ouhlaaa ! c'est du bon çui-là..."
Edward Wong Hau Pepelu Tivrusky 4th, [i]Session 17, Mushroom Samba.[/i]
[center][img]http://arkania.edforum.net/Signs/Divers/SignNeo01.jpg[/img]
Maaaaaaarchiiii Mya[/size][/center]
Citation :
"Ouhlaaa ! c'est du bon çui-là..."
Edward Wong Hau Pepelu Tivrusky 4th, Session 17, Mushroom Samba.
Maaaaaaarchiiii Mya
3) Balise de centrage.
La balise [center] [/center] est gérée pour le cas du centrage des tableaux html, mais dans le cas où vous n'en utilisez pas, utilisez plutôt [align=center] [/align], c'est mieux. Et là encore, si vous centrez l'intégralité de votre sign, mettez la balise ouvrante au début et la fermante à la fin. Ne remettez pas les balises pour chaque ligne !
4) Mise en page.
Une sign, ça s'afiche sous chacun de vos posts, donc ça occupe de la place. La limite est actuellement à 200 pixels de haut, mais ne vous sentez pas obligés de l'atteindre à tout prix ! Ne sautez donc jamais de lignes dans une sign ! Certes, on peut imaginer que peut-être, c'est vaguement plus joli (même si je n'ai pas personnellement constaté de cas où ça l'est), mais ça gaspille de la place pour vraiment pas grand chose... Une sign, c'est pas un post, il est important d'en minimiser la taille pour ne pas encombrer la page inutilement.
5) Les images.
La limite de poids étant de 60ko pour l'ensemble des images, il est important d'optimiser leur poids.
- - Dans le cas d'images fixes sans transparence, privilégiez le format jpg et si la taille limite est dépassée, augmentez leur compression (option à l'enregistrement de l'image).
- Dans le cas d'image animées et/ou comprenant de la transparence, utilisez du gif. Attention, une sign animée dépasse très vite la taille autorisée à moins de réduire drastiquement le nombre de couleurs, ne comptez pas mettre des photos animées sur une sign...
- N'utilisez JAMAIS de bmp sur le net. Ce format préhistorique prend une place folle pour rien du tout !
_________________