Avec ce tuto je souhaite vous aider a créer une signature pour le forum qui puisse a la fois vous convenir et correspondre aux exigences du forum.
En effet les signature doivent rester esthetique sans devenir genante pour la lecture du forum
Pour cela la taille des images utilisées est limitée en largeur et en hauteur
elle seront redimensionnées automatiquement pour ne pas excéder 800 pixels de large et 100 pixels de haut.
Alors autant mettre directement vos images a la bonne taille ;)
si la taille est limitée en hauteur il est donc recommander de ne pas en mettre plusieurs les unes au dessus des autres, puisque le but est d'éviter que la signature ne devienne plus important que le message lui même....
donc pour plusieurs images et du texte il faut que cela soit positionné cote à cote
Entrons dans les détails
Vous allez vite comprendre qu'il est important de faire des économies de caractères puisque leur nombre est limité a 300 pour la signature, balises comprises....
Donc si vous utiliser des images n'hésitez pas à les renommer avec une seule lettre ou chiffre ce sera toujours ça de gagné ;)
pour mettre en page votre signature vous allez utiliser les mêmes balises que pour vos messages mais il faudra les taper vous même.
L'astuce que je peux vous donner c'est de créer le texte de votre signature dans un message afin de pouvoir utiliser les balises automatiques et ensuite vous ferez un "copier coller"
dans les exemples suivant je vais remplacer les crochets [] par des parenthèses () afin que vous puissiez voir la syntaxe
Les images :
pour mettre une image seule pas de probleme vous connaissez la procédure * adresse de l'image, plus les balises ce qui donne :Citation(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img)
* la même centrée avec la balise en plusCitation
(center)(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img)(/center)
pour mettre deux images il suffit de doubler l'opération avec éventuellement des espaces entre les deux images mais surtout pas de retour à la ligne* comme ça c'est bon Citation(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img) espace espace
(img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)
* comme ça c'est bon aussiCitation(center)(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img)espace espace (img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)(/center)
* Mais ça ce n'est pas bon :Citation(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img) interligne
(img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)
* et ça non plusCitation(center)(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img) interligne
(img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)(/center)
Le texte :
je ne penses pas que vous ayez besoin d'aide particulière :-D
il peut être positionner a droite , gauche , ou centré.....
il peut être de plusieurs lignes tant que la taille totale ne dépasse pas la hauteur d'une image de 100 pixels de haut ;)
donc attention a ne pas choisir une taille de caractère trop importante :sifflet:
Le texte plus la ou les images :
C'est là que cela devient un poil plus compliqué.... :'(
je vais donner les explications pour l'utilisation de deux images et de deux lignes de texte pour les autres situations je suis sur que vous saurez adapter le tuto...
Ce qu'il ne faut pas faireCitation(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img)
c'est ma moto la plus rapide
c'est normal elle est bleue :biggrin:
(img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)
Citation
c'est ma moto la plus rapide
c'est normal elle est bleue :biggrin:
même en position centrée cela ne va pas non plus...
Citation(center)(img)http://img207.imageshack.us/img207/599/73318321.jpg(/img)
c'est ma moto la plus rapide
c'est normal elle est bleue :biggrin:
(img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)(/center)
Citationc'est ma moto la plus rapide
c'est normal elle est bleue :biggrin:
Non, La meilleur solution c'est d'utiliser la balise tableau avec les sous balises colonnes
(table)(tr)(td](/td) (td)(/td) (td)(/td)(/tr)(/table)
"table" crée la fonction tableau
"tr" crée une ligne
"td" crée une colonne
donc il va nous suffire de mettre entre les balises "td" les images ou le texte que l'on veut voir apparaitre dans la signature
et une fois fini on peut completer en rajouter les balises "centrer"
exemple :* 2 photos evec tu texte sur deux lignes entre les deux et centrer sur la page(center)(table)(tr)(td](img)http://img207.imageshack.us/img207/599/73318321.jpg(/img)(/td) (td)
interligne
interligne
c'est entre pins et chataigniers interligne
que ce font les plus belles balades(/td)(td)(img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)(/td)(/tr)(/table)
(/center)
Citation |
c'est entre pins et chataigniers que ce font les plus belles balades | |
* Trois photos dont celle du milieu plus fine centrée en hauteur
(center)(table)(tr)(td)(img]http://img207.imageshack.us/img207/599/73318321.jpg(/img)(/td)(td)
interligne
interligne
(mg)http://img251.imageshack.us/img251/4047/60819012.png(/img)(/td](td)(img)http://img194.imageshack.us/img194/5325/46547693.jpg(/img)(/td)(/tr)(/table)(/center)
Citation
Voila vous aurez compris que l'on peut mettre ce qu'on veut dans les balises "TD" texte ou image,
le tout c'est de ne pas repasser la hauteur d'une image de 100 pixels de haut pour la hauteur totale de votre signature....
Si vous avez besoin d'aide complémentaire n'hésitez pas à me contacter par MP si vous souhaitez un coup de main
c'est dommage que les balises [spoiler] [/spoiler] ne fonctionnent pas sur le forum, elles permettent de caché une image ou autre sur une seul ligne avec un bouton a cliquer pour faire apparaitre le contenu...
et les chiffres ils servent a quoi ?
(https://forum.planete-kawasaki.com/index.php/topic,5495.0.html) |
10 9 8 7 6 5 4 3 2 1 0 | |
Je ne me rappelle plus de la taille de ma jolie signature que j'ai fait moi même tout seul comme un grand !! :biggrin:
Faut il que je la change grand chef ? :sifflet:
le but c'est d'afficher une signature eb etant le moins enant possible ...apres c'est chacun qui voit si il doit la changer ou pas
J'avoue que Martin est le seul qui a une signature de 300 pixel ... :sifflet:
Citation de: mickey le 04 Novembre 2010 à 21:02:11
Je ne me rappelle plus de la taille de ma jolie signature que j'ai fait moi même tout seul comme un grand !! :biggrin:
Faut il que je la change grand chef ? :sifflet:
pas forcement la changer ...mais si tu disposes texte et image comme ça ..elle sera moins haute...
(http://mickevasion.e-monsite.com/) |
Mickey Découvrez les richesses de la Drôme: http://mickevasion.boostersite.com (http://mickevasion.boostersite.com) | |
Citation de: cpg le 06 Novembre 2010 à 12:29:50
Citation de: mickey le 04 Novembre 2010 à 21:02:11
Je ne me rappelle plus de la taille de ma jolie signature que j'ai fait moi même tout seul comme un grand !! :biggrin:
Faut il que je la change grand chef ? :sifflet:
pas forcement la changer ...mais si tu disposes texte et image comme ça ..elle sera moins haute...
(http://mickevasion.e-monsite.com/) |
Mickey Découvrez les richesses de la Drôme: http://mickevasion.boostersite.com (http://mickevasion.boostersite.com) | |
Super et un grand merci cpg !! :) ..... mais comment je fais pour que je le valide dans mon profil? ???
@cpg
J'ai fais un copier/coller du texte html mais j'ai apparemment trop de caractères (+ de 300)... grr :?:
(http://mickevasion.e-monsite.com/) |
Mickey Découvrez les richesses de la Drôme: http://mickevasion.boostersite.com (http://mickevasion.boostersite.com) | |
comme ça ça devrait marcher
|
Mickey Découvrez les richesses de la Drôme: http://mickevasion.boostersite.com (http://mickevasion.boostersite.com) | |
si tu à fait un copié collé c'est normal car l'adresse de ton site se met deux fois..il suffit que tu vérifies que le texte soit egal à l'image que j'ai mise dans le message...
la preuve je l'ai mise dans mon profil et ça marche...