Forum Kawasaki

Site et Forum => Problèmes, suggestions, améliorations sur le site et le forum => Discussion démarrée par: cpg le 04 Novembre 2010 à 15:54:14

Titre: [Tuto] Aide à la création d'une signature
Posté par: cpg le 04 Novembre 2010 à 15:54:14
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 plus
Citation
(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 aussi


Citation
(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 plus

Citation
(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 faire

Citation(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)


Citation


c'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
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: KFS-1 le 04 Novembre 2010 à 17:03:10
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...
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: timstripes le 04 Novembre 2010 à 19:39:19
C'est un peu trop tuning pour nous ton histoire de spoiler, Kféfesses !!


Joli tuto CPG :incline:
Titre: Re : Re : [Tuto] Aide à la création d'une signature
Posté par: cpg le 04 Novembre 2010 à 19:59:45
Citation de: timstripes le 04 Novembre 2010 à 19:39:19
C'est un peu trop tuning pour nous ton histoire de spoiler, Kféfesses !!


Joli tuto CPG :incline:

donc tu vas l'utiliser.... :sifflet: :sifflet: :sifflet:




:-D
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: timstripes le 04 Novembre 2010 à 20:01:15
Pourquoi, elle n'est pas bonne ??

sache que le point bleu, c'est POUR le forum, au cas où certains s'égareraient, ils reviennent grâce à moi, sur le droit chemin !!
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: cpg le 04 Novembre 2010 à 20:47:27
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


Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: timstripes le 04 Novembre 2010 à 21:00:33
C'est une énigme !
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: 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:
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: cpg le 04 Novembre 2010 à 21:26:29
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
Titre: Re : Re : [Tuto] Aide à la création d'une signature
Posté par: Mamykawa le 04 Novembre 2010 à 21:28:31
Citation de: cpg le 04 Novembre 2010 à 21:26:29
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

T'as un truc dans la bouche CPG  :-D :-D :-D :-D
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: cpg le 04 Novembre 2010 à 21:37:44


:-D
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: nErur le 04 Novembre 2010 à 21:41:10
J'avoue que Martin est le seul qui a une signature de 300 pixel  ...  :sifflet:
Titre: Re : Re : Re : [Tuto] Aide à la création d'une signature
Posté par: HotCmel le 04 Novembre 2010 à 22:33:30
Merci CPG pour le tuto :incline:

Citation de: Mamykawa le 04 Novembre 2010 à 21:28:31
Citation de: cpg le 04 Novembre 2010 à 21:26:29
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

T'as un truc dans la bouche CPG  :-D :-D :-D :-D
<D <D
Titre: Re : Re : [Tuto] Aide à la création d'une signature
Posté par: 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)



Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: mickey le 07 Novembre 2010 à 15:04:06
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?  ???
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: mickey le 07 Novembre 2010 à 15:55:14
@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)

Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: cpg le 07 Novembre 2010 à 16:27:35
comme ça ça devrait marcher




Mickey
Découvrez les richesses de la Drôme:
http://mickevasion.boostersite.com (http://mickevasion.boostersite.com)

Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: mickey le 07 Novembre 2010 à 19:27:02
Citation de: cpg le 07 Novembre 2010 à 16:27:35
comme ça ça devrait marcher




Mickey
Découvrez les richesses de la Drôme:
http://mickevasion.boostersite.com (http://mickevasion.boostersite.com)





dsl mais toujours trop long ..... :marteau: :o
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: cpg le 07 Novembre 2010 à 19:33:48
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...
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: mickey le 07 Novembre 2010 à 19:42:43
Ben voilà, comme tu le vois cela fonctionne parfaitement!
Merci pour ta patience, vraiment c'est cool.  ;)
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: cpg le 07 Novembre 2010 à 19:48:16
 :excellent:
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: Kamares le 04 Décembre 2011 à 15:08:24
j ai fait ce que j ai pu, j espère que ça s affiche bien chez vous!
Titre: Re : [Tuto] Aide à la création d'une signature
Posté par: rafale le 04 Décembre 2011 à 15:19:22
ça s'affiche bien ;)