Mya
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 :
Explications:
Pour texte avec images en bordure :
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:
Donnera:
_________________
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 :
EDF-Trombino -- EDF-N'anif -- Arka's Story
Mes signs -- Mes fonds -- Mes smileys
_________________