Affichage :
EDForum Index du Forum

EDForum

Forum généraliste spécialisé dans les séries TV
[Tuto] Bien optimiser sa sign !

Poster un nouveau sujet Répondre au sujet

Rechercher dans ce sujet :
Messages
Darathor Sexe : Masculin
Mage-Administrateur
Archangemage
Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27740
Points : 21 Concours jeux - 30e place 170 Concours graphiques - 8e place
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
MessagePosté le : 19 Nov 2004 15:05
Masquer ce messageAfficher ce message
Répondre en citantAjouter à liste des messages à citerRetirer de la liste des messages à citer
À force de faire un tour dans les codes des signs des gens (depuis que le prévisualiseur est là, c'est facile :p), 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 :
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]
Et le code :
Code :
[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]
Auront tous deux pour résultat :
Citation :
Gunnm c'est un manga génialissime !

Si si, puisque j'vous l'dis :o
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.


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 :
[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]
Donnera :
Citation :
"Ouhlaaa ! c'est du bon çui-là..."
Edward Wong Hau Pepelu Tivrusky 4th, Session 17, Mushroom Samba.

Maaaaaaarchiiii Mya
Alors que :
Code :
[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]
Donnera :
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 !
Enfin, on ne le rappellera jamais assez : évitez les espaces, accents et autres symboles exotiques dans les noms de fichiers destinés au net y compris les images de signature (risques de bugs, noms pleins de % lors des enregistrement sur disque, etc) ! Limittez-vous à des lettres, chiffres, points, - et _.
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Revenir en haut Aller en bas
Hors ligne | Profil | MP | E-mail | Site web
Darathor Sexe : Masculin
Mage-Administrateur
Archangemage
Mage-Administrateur
Archangemage

Inscrit le : 28 Oct 2001
Messages : 27740
Points : 21 Concours jeux - 30e place 170 Concours graphiques - 8e place
Localisation : Strasbourg
Séries favorites : Last Exile, Gunslinger Girl, Noir, Monster, Buffy/Angel, Stargate, Battlestar Galactica, Rome, Monster...
MessagePosté le : 20 Nov 2004 14:07
Masquer ce messageAfficher ce message
Répondre en citantAjouter à liste des messages à citerRetirer de la liste des messages à citer
Dans ma grande bonté, je colle ici le code la sign de Yffub que je viens d'effacer, comme exemple à ne pas suivre :
Code :
[center] Pour embellir ton ecran [url=http://www.eurobarre.com/index_fr.php?p=782528709361]cliques ici[/url][/center]
[center][url=http://www.yffub.host-php.org/][img]http://www.yffub.host-php.org/signsmg.jpg[/img][/url]
 :ack: [i]Buffy à Giles : Quoi ? J'ai du [color=#44aaFF]bleu[/color] sur la figure ?! [/i] :ack: [b]>
<((((°<[/b][i]Willow : Non Non, jveux plus de [color=green]tétards[/color] ![/i] >°))))><[/center]

->
Citation :
Pour embellir ton ecran cliques ici


:ack: Buffy à Giles : Quoi ? J'ai du bleu sur la figure ?! :ack: >
<((((°<
Willow : Non Non, jveux plus de tétards ! >°))))><

Balises de centrage mal utilisées qui aboutissent à un saut de ligne qui fait dépasser la taille autorisée...
_________________

Je fais appel à la puissance des éthers | Soyez le bras armé de ma colère | Que le Cataclysme se déchaine !
Revenir en haut Aller en bas
Hors ligne | Profil | MP | E-mail | Site web
Poster un nouveau sujet Répondre au sujet
  Vous ne pouvez pas poster de nouveaux sujets dans ce forum
Vous ne pouvez pas répondre aux sujets dans ce forum
Vous ne pouvez pas éditer vos messages dans ce forum
Vous ne pouvez pas supprimer vos messages dans ce forum
Vous ne pouvez pas voter dans les sondages de ce forum