Affichage :
EDForum Index du Forum

EDForum

Forum généraliste spécialisé dans les séries TV
[Tuto]Tableau pour sign de largeur fixe

Poster un nouveau sujet Répondre au sujet

Rechercher dans ce sujet :
Messages
Mya Sexe : Féminin
Responsable Concours
Reine-Sorcière
Reine-Sorcière

Inscrit le : 31 Oct 2001
Messages : 15972
Points : 10 Concours jeux - 34e place 239 Concours graphiques - 5e place
Localisation : Strasbourg
Séries favorites : plop.
MessagePosté le : 28 Nov 2003 20:10
Masquer ce messageAfficher ce message
Répondre en citantAjouter à liste des messages à citerRetirer de la liste des messages à citer
BUT: Placer un texte et une ou deux petites images en dessous de l'image principale de la sign sans qu'il change d'aspect sur une résolution différente de la votre.

Comment faire ? L'idée est de mettre toute la sign dans un tableau invisible de taille fixée à la largeur de l'image principale de votre sign.
Si vous voulez mettre une image de chaque côté d'un texte, il faudra mettre trois colonnes à votre tableau, de manière à ce que le texte puisse passer sur deux lignes sans que les images qui le bordent se retrouver l'une en dessous de l'autre.

Pour texte seul :
Code :
<center>[img]URL de votre image principale[/img]<table border="0" cellpadding="0" cellspacing="0" width="450"><tr><td align="center" valign="center">[size=9]Votre texte[/size]</td></table></center>

Explications:
  • <center> : sert à centrer votre sign. Ne mettez pas plusieurs balises <center>, une au début, et la balise </center> fermante à la fin.
  • [img]URL de votre image principale[/img] : affichage de votre image principale : mettez l'URL entre les deux balises, SANS ESPACE.
  • <table border="0" cellpadding="0" cellspacing="0" width="450"> : ouverture du tableau qui contiendra votre texte, cette balise est couplée avec </table> qui fermera le tableau à la fin. ** width="450" : c'est la taille du tableau, de préférence la taille de l'image principale, MAXIMUM 500.
  • <tr> : Début d'une ligne de tableau
  • <td align="center" valign="center"> : début d'une case de tableau :
    • align="center" : signifie que le contenu de la case sera centrer en largeur (variantes : "left" à gauche, "right" à droite)
    • valign="center" : signifie que le contenu de la case sera centrer en hauteur (variantes : "top" en haut, "bottom" en bas)
  • [size=9]Votre texte[/size] : lorsque vous utilisez un tableau, il faut TOUJOURS mettre une balise [size] pour spécifier la taille de votre texte ! La taille standard est 12, dans l'exemple, j'ai pris 9.
  • </td> : marque la fin de la case.
  • </tr> : marque la fin de la ligne.
  • </table> : marque la fin du tableau.


Pour texte avec images en bordure :
Code :
<center>[img]URL de votre image principale[/img]<table border="0" cellpadding="0" cellspacing="0" width="450"><tr><td align="center" valign="center">[img]URL d'une image[/img]</td><td align="center" valign="center">[size=9]Votre texte[/size]</td><td align="center" valign="center">[img]URL d'une image[/img]</td></tr></table></center>

Explications:
<td align="center" valign="center">[img]URL d'une image[/img]</td> : pour ajouter une image en bordure de texte, il faut ajouter une case avant le texte. Si vous voulez en mettre une de chanque côté, il faut en ajouter une avant et une après et mettre vos images dedans ^^ Penser à vérifier que la hauteur de l'image principale + la hauteur de la plus haute des images de bordures NE DÉPASSE PAS 200 pixels !


Exemple:
Code :
<center>[img]http://arkania.edforum.net/Signs/Divers/SignArk17.jpg[/img]<table border="0" cellpadding="0" cellspacing="0" width="450"><tr><td align="center" valign="center">[img]http://www.edforum.firstream.net/imagesUtiles/sm/images/vba6a83f623.gif[/img]</td><td align="center" valign="center">[color=#C0C0C0][size=9]EDF-Trombino -- [url=http://www.version4.darathor.com/viewtopic.php?t=228]EDF-N'anif[/url] -- [url=http://www.version4.darathor.com/viewtopic.php?t=59]Arka's Story[/url]
[url=http://arkania.edforum.net/Signs/sign.htm]Mes signs[/url] -- [url=http://arkania.free.fr/01images/Fonds/fond.htm]Mes fonds[/url] -- [URL=http://arkania.free.fr/03sm/]Mes smileys[/URL][/size][/color]</td><td align="center" valign="center">[img]http://www.edforum.firstream.net/imagesUtiles/sm/images/vba6a83f623.gif[/img]</td></tr></table></center>

Donnera:
Citation :

_________________
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