[Tuto] Aide à la création d'une signature

Démarré par cpg, 04 Novembre 2010 à 15:54:14

« précédent - suivant »

0 Membres et 1 Invité sur ce sujet

cpg

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


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

   

* 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






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
<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

KFS-1

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...
Avant j'étais bon en math... mais ca, c'était avant...  :-D :-D :-D
ZX-6RR 04

timstripes

C'est un peu trop tuning pour nous ton histoire de spoiler, Kféfesses !!


Joli tuto CPG :incline:

cpg

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
<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

timstripes

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 !!

cpg

et les chiffres ils servent a quoi ?








10 9 8 7 6 5 4 3 2 1 0


<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

timstripes


mickey

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:

cpg

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
<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

Mamykawa

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

cpg

<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

nErur

J'avoue que Martin est le seul qui a une signature de 300 pixel  ...  :sifflet:

HotCmel

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
Vous êtes satisfait de notre forum? Conseillez le à vos amis et connaissances<br /><br />Règles du forum<br /><br />Comment inserer une photo<br /><br />Sortie de dernières minutes du Sud-Est , c'est ICI -> https://forum.planete-kawasaki.com/index.php/topic,4801.0

cpg

#13
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...





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



<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

mickey

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...





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






Super et un grand merci cpg !!  :) ..... mais comment je fais pour que je le valide dans mon profil?  ???

mickey

@cpg

J'ai fais un copier/coller du texte html mais j'ai apparemment trop de caractères (+ de 300)... grr  :?:




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


cpg

comme ça ça devrait marcher




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

<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

mickey

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





dsl mais toujours trop long ..... :marteau: :o

cpg

#18
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...
<br />[move]en Abstinence tabagique depuis Fevrier 2008[/move]

mickey

Ben voilà, comme tu le vois cela fonctionne parfaitement!
Merci pour ta patience, vraiment c'est cool.  ;)


Sujets Similaires (5)