[FAQ] Signatures, avatars, balises de code

Loekit · 04/12/2001, 23h01

Sommaire

A) Généralités.

B) Liste des balises VB.

I) Balises concernant le texte.

1) Mise en forme basique.
2) Texte en couleur.
3) Viens faire toi-même le mélange de couleurs...
4) Utilisation des polices.

II) Balises concernant les images.

1) Précisions.
2) Les balises d'image.

III) Les autres balises importantes.

IV) Les balises que l'on n'utilise jamais (ou presque...).

V) Des petites bidouilles utiles (Passer des lignes...).

C) Combinaisons de balises.

D) La signature.

I) Où mettre sa signature.

II) Différents types de signature.

1) Signature composée de texte uniquement.
2) Signature composée d'une image uniquement.
3) Héberger votre propre image.
4) Signature plus complexe (texte et images combinés, plusieurs images, etc...).

III) Création d'une signature pas à pas.

IV) Avoir une signature en règle.

1) Les règles concernant les signatures.
2) Comment vérifier si ma signature est en règle ?

E) L'avatar.

I) Conditions requises.

II) Marche à suivre pour mettre son avatar.

III) Avoir un avatar "transparisé"

Faites vos tests sur le forum tests.

Loekit · 04/12/2001, 23h02

A) Généralités :

* Le code utilisé est le code VB.

* Chaque code VB est composé de 2 balises (enfin normalement !) :

Une balise de début de la forme [codeVB]
Une balise de fin de la forme [/codeVB] (Et si vous oubliez le / ça ne marchera pas !)

* Le code VB n'est pas sensible à la casse, ce qui signifie que vous pouvez indifféremment l'écrire en MAJUSCULES ou en minuscules sans que cela ne change quoi que ce soit.

* Il ne faut ABSOLUMENT PAS rajouter d'espaces à l'intérieur des balises !

B) Liste des balises VB :

I) Balises concernant le texte :

1) Mise en forme basique :

[b]texte[/b] : met le texte en gras : texte
[i]texte[/i] : met le texte en italique : texte
[u]texte[/u] : souligne le texte : texte
[s]texte[/s] : barre le texte : texte
[sub]texte[/sub] : met le texte en indice : _texte
[sup]texte[/sup] : met le texte en exposant : ^texte
[size=1]texte[/size] : met le texte en caractères taille 1 (petit) : texte
[size=2]texte[/size] : met le texte en caractères taille 2 (normal) : texte
[size=3]texte[/size] : met le texte en caractères taille 3 (plus gros) : texte
[size=4]texte[/size] : met le texte en caractères taille 4 (très gros) : texte
[center]texte[/center] : centre le texte dans la page :

texte

2) Texte en couleur :

[COLOR=chocolate]votre texte en chocolate[/color] -----> votre texte en chocolate
[COLOR=sandybrown]votre texte en sandybrown[/color] -----> votre texte en sandybrown
[COLOR=orange]votre texte en orange[/color] -----> votre texte en orange
[COLOR=coral]votre texte en coral[/color] -----> votre texte en coral
[COLOR=tomato]votre texte en tomato[/color] -----> votre texte en tomato
[COLOR=orangered]votre texte en orangered[/color] -----> votre texte en orangered
[COLOR=red]votre texte en red[/color] -----> votre texte en red
[COLOR=crimson]votre texte en crimson[/color] -----> votre texte en crimson
[COLOR=firebrick]votre texte en firebrick[/color] -----> votre texte en firebrick
[COLOR=darkred]votre texte en darkred[/color] -----> votre texte en darkred
[COLOR=sienna]votre texte en sienna[/color] -----> votre texte en sienna
[COLOR=green]votre texte en green[/color] -----> votre texte en green
[COLOR=limegreen]votre texte en limegreen[/color] -----> votre texte en limegreen
[COLOR=pink]votre texte en pink[/color] -----> votre texte en pink
[COLOR=deeppink]votre texte en deeppink[/color] -----> votre texte en deeppink
[COLOR=purple]votre texte en purple[/color] -----> votre texte en purple
[COLOR=indigo]votre texte en indigo[/color] -----> votre texte en indigo
[COLOR=darkblue]votre texte en darkblue[/color] -----> votre texte en darkblue
[COLOR=royalblue]votre texte en royalblue[/color] -----> votre texte en royalblue
[COLOR=blue]votre texte en blue[/color] -----> votre texte en blue
[COLOR=skyblue]votre texte en skyblue[/color] -----> votre texte en skyblue
[COLOR=silver]votre texte en silver[/color] -----> votre texte en silver
[COLOR=yellow]votre texte en yellow[/color] -----> votre texte en yellow
[COLOR=gold]votre texte en gold[/color] -----> votre texte en gold

Il y a d'autres couleurs reconnues par la plupart des navigateurs, je les inclurais plus tard.

3) Viens faire toi-même le mélange de couleurs...

Voici une astuce (qui m'a été transmise par THEKKEHT) qui vous permettra d'afficher beaucoup de couleurs (16 777 216 couleurs pour être plus précis... ça commence à faire pas mal !).

Les couleurs sont une combinaison de 3 valeurs hexadécimales allant de 00 à FF chacune (de 0 à 255 en décimal ; il faut connaître les chiffres en hexadécimal, c'est tout.).

La première représente le rouge.
La seconde le vert.
La troisième le bleu.

Il suffit de fixer une valeur de 00 à FF à chaque couleur pour obtenir la couleur désirée.

[COLOR=#XXXXXX]votre texte à mettre en couleur[/color] en remplaçant XXXXXX par la série de chiffre nécessaire.

Exemples :

[COLOR=#FF0000]votre texte à mettre en couleur[/color] -----> votre texte à mettre en couleur
[COLOR=#00FF00]votre texte à mettre en couleur[/color] -----> votre texte à mettre en couleur
[COLOR=#0000FF]votre texte à mettre en couleur[/color] -----> votre texte à mettre en couleur
[COLOR=#AC9D87]votre texte à mettre en couleur[/color] -----> votre texte à mettre en couleur

4) Utilisation des polices :

Les 4 polices de base, reconnues par tous les navigateurs internet :

[FONT=Arial]texte à mettre en Arial[/font] -----> texte à mettre en Arial
[FONT=Times New Roman]texte à mettre en Times New Roman[/font] -----> texte à mettre en Times New Roman
[FONT=Courrier New]texte à mettre en Courrier New[/font] -----> texte à mettre en Courrier New
[FONT=Century Gothic]texte à mettre en Century Gothic[/font] -----> texte à mettre en Century Gothic

A noter :
Vous pouvez aussi utiliser d'autres polices que celles données par défaut. Par exemple vous pouvez utilisez la police T4C Beaulieux, utilisée dans T4C. Pour cela, il suffit de mettre le nom exact de la police entre les balises font ([FONT=T4C Beaulieux]texte à mettre en police T4C Beaulieux[/font]). Cependant, pour qu'une personne puisse voir le texte dans la police que vous avez choisit, il faut que cette police soit installée sur son PC (Pour T4C Beaulieux, les joueurs de T4C ne devrait pas avoir de problème, mais les autres verront votre texte dans la police de base).

Ce texte apparaît donc en police T4C Beaulieux pour ceux qui ont installé cette police, pas pour les autres

II) Balises concernant les images :

1) Précisions :

* L'image que vous utilisez doit être disponible à l'ensemble de la communauté de Jeux-Online. Pour ce faire, il faut que celle-ci soit hébergée sur internet et que vous disposiez de son adresse, autrement dit son URL, pas sur votre disque dur ! Sinon, personne ne la verra, même pas vous !

* Il faut bien noter que l'adresse d'une image que l'on appelle URL est composée de plusieurs parties :

L'adresse elle-même
ET
L'extension (Le .jpg ou le .gif pour la plupart)

Attention : L'adresse correspond bien à une image (.jpg ou .gif) et non à une page html !!!

Beaucoup d'erreurs surviennent à cause d'un oubli de l'extension ou d'une erreur dans l'adresse. Soyez donc vigilant !
Exemple d'une adresse d'image : http://www.ifrance.com/loekit/images/loekit.jpg

2) Les balises d'images :

[img]urldevotreimage[/img] : affiche l'image à la suite du texte: comme ceci: . Ca suffit amplement pour insérer une image dans un message mais ça n'est pas très pratique au niveau de la mise en forme. Vous pouvez combiner cette balise avec les balises[left][img]urldevotreimage[/img][/left] pour forcer l'affichage à gauche de votre image. (pareil pour la droite, vous l'aurez compris...)
[floatleft][img]urldevotreobjet[/img][/floatleft] : affiche l'image en "flottant" à gauche de l'écran. "Flottant" signifie que le texte qui suivra votre image se fera sur la droite de l'image, et non à la suite. exemple:

J'écris à droite
de cette image! : )

[floatright][img]urldevotreimage[/img][/floatright] : affiche l'image en "flottant" à droite de l'écran. exemple:

J'écris à gauche
de cette image! : )

[center][img]urldevotreimage [/img][/center] : affiche l'image au centre de l'écran (d'où les balises [center] et [/center] ajoutées)

III) Les autres balises importantes :

[url]uneURL[/url] : crée un lien vers une page web (dans ce cas, les balises sont optionnelles car le programme reconnaît l'url et l'active automatiquement. Il suffit donc de taper l'url pour que le lien soit activé).
[url=http://votreURL.com]le nom que vous voulez donner à votre url[/url] : crée un lien vers http://votreURL.com mais affiche "le nom que vous voulez donner à votre url" (là, je crois que l'exemple s'impose vraiment !)
Donc en tapant [url=http://forums.jeuxonline.info]Accueil des forums[/url] on obtient : Accueil des forums (Plus joli et plus parlant que de voir une URL toute longue et toute moche).
[email]unEMAIL[/email] : crée un lien vers une adresse email. unEMAIL
[email=unEMAIL]votre texte[/email] : crée un texte qui renvoie à une adresse Email. Exemple : votre texte
[list]: Plusieurs types de liste possibles. Voyez les 3 cas ci dessous :

[list]
[*] premier point
[*] second point
[/list] : crée une liste (avec autant d'élément que vous voulez en principe), ce qui donne :

premier point
second point

Vous pouvez aussi changer les [list] par des lettres ordonnées ou par des nombres ordonnés en remplaçant la balise de départ par soit [list=A] (de A à Z maxi, c'est déjà pas mal non ? !) ou par [list=1]

Exemples :

[list=A]
[*] premier point
[*] second point
[/list]

donne :

premier point
second point

et

[list=1]
[*] premier point
[*] second point
[/list]

donne :

premier point
second point

[quote]texte[/quote] cite le texte, ce qui donne :

Citation:

texte

Notez que vous pouvez utiliser la balise [quote=Auteur]texte[/quote]préciser l'auteur du texte cité; ce qui donne:

Citation:

Envoyé par Auteur

texte

[spoiler]texte de votre spoiler[/spoiler] cache le texte cité dans une citation. Le texte se dévoile quand on le sélectionne (IE) ou quand on passe le curseur dessus (Mozilla/Firefox)

Spoiler :
Vous devez sélectionner le texte pour l'afficher.
texte de votre spoiler

Je précise pour ceux qui ne le savent pas, qu'un spoiler est le fait de révéler quelque chose qui est succeptible de casser l'intrigue d'un film ou d'un livre, par exemple lorsqu'on vous révèle la fin du roman que vous êtes en train de lire. Cette manipulation permet de cacher ce qui est important et donc de vous permettre de ne pas le lire (même si beaucoup ne résisteront pas à la tentation !!!

).

[indent]texte avec un alinéa[/indent] permet d'augmenter le retrait de votre texte

Sans retrait.

Avec retrait.

Avec double retrait (etc... vous l'aurez compris...)

IV) Les balises que l'on n'utilise jamais (ou presque...) :

[code]#!/usr/bin/perl
print "Content-type: text/html ";
print "Hello World!";[/code]

Permet de laisser le texte au format où vous l'avez mis (j'm'en suis jamais servi, je sais pas trop comment ça marche et de toutes façons, il y a peu de chance que vous vous en serviez !!!) et ça donne :

Code:

#!/usr/bin/perl 
         print "Content-type: text/html "; 
         print "Hello World!";

Du même acabit que les balises code, les balises php...

[php] $myvar = "Hello World!";
for ($i=0; $i<10; $i++) {
echo $myvar."\n";
}[/php]

Ce qui donne (encore plus joli !!! ) :

Code PHP:


			
 $myvar = "Hello World!";
         for ($i=0; $i<10; $i++) {
         echo $myvar."\n";
         }

V) Des petites bidouilles utiles (Passer des lignes etc...) :

Insérer des lignes :

Pour insérer 1 ligne ou 2 dans un texte, pas de problème ! On appuie sur la touche "Entrée" et ça marche.
Cependant, cette méthode ne marche pas toujours, surtout quand il faut passer un grand nombre de ligne et le code HTML ne marche pas donc pas de <BR> qui tienne.
On a dans ce cas recourt à une bidouille toute simple : on met des lignes en gras (une par une).
Il suffit donc pour insérer une ligne d'insérer ce qui suit autant de fois qu'il vous faut de lignes :

[b][/b]

Pour sauter 5 lignes, on répètera donc ce code 5 fois (en veillant bien à retourner à la ligne à chaque fois).

Loekit · 06/12/2001, 21h53

C) Combinaisons de balises :

[font=century gothic][color=green][b][u]texte[/u][/b][/color][/font] : met le texte en gras + souligné + vert + en Century Gothic (attention quand même au sens pour remettre les balises, il faut que la 1ère colle à la dernière, la deuxième à l'avant dernière, etc... ça fonctionne quand même si on on inverse, mais c'est toujours mieux pour ne pas en oublier) ce qui fait : texte

Pour ceux qui veulent mettre un cadre rouge autour de leur image ou mettre un lien sur leur image (quand on clique sur votre image, une fenêtre s'ouvre vers une page web), il faut faire comme suit : [url=http://votreURL.com][img]http://adressedevotreimage.jpg[/img][/url]

Il y a plein de combinaisons possibles, à vous de déterminer celles dont vous avez besoin. (avec les balises de texte, les balises d'images, etc...)

Note importante :

Les utilisateurs de Mozilla / Firefox peuvent télécharger l'extension BBCode qui permet par un clic droit d'afficher un menu contextuel facilitant grandement l'insertion des balises de code.
lien màj mars 2006: http://extensions.geckozone.org/BBCode

Loekit · 06/12/2001, 21h56

D) La signature :

I) Où mettre sa signature :

Cliquez sur le lien Profil :

Vous arrivez dans votre panneau de contrôle. Cliquez sur Votre Profil.

Là vous avez un cadre dans les informations optionelles où vous devez mettre le code pour votre signature :

Tout en bas de la page, vous devez cliquez sur le bouton "Soumettre les modifications" :

Voilà, votre signature est sauvegardée et vous n'avez qu'à cocher la case "Montrer la signature" lorsque vous rédigez un message pour que celle ci apparaisse en fin de ce même message.

II) Différents types de signatures :

1) Signature composée de texte uniquement :

On commence par le plus simple.
Tappez votre texte et mettez le en forme grâce aux balises.
Copiez le tout dans votre cadre signature et validez.
Vraiment trop simple ! Cependant, il ne faut pas se laisser entrainer, les normes sont les normes : http://forums.jeuxonline.info/showth...443#post509443

2) Signature composée d'une image uniquement :

Une seule image ? C'est cool, ça simplifie la vie

!
Alors, vous la voulez à gauche, centrée ou à droite votre image ?

A gauche :
On utilise soit les balises [img] soit les balises [floatleft] comme suit :
[img]urldevotreimage[/img]
ou
[floatleft][img]urldevotreimage[/img][/floatleft]

Centrée :
On combine les balises [img] et les balises [center] :
[center][img]urldevotreimage[/img][center]

A droite :
On utilise les balises [floatright] :
[floatright][img]urldevotreimage[/img][/floatright]

3) Héberger sa propre image

Vous avez une belle image sur votre disque dur et souhaitez l'utiliser comme signature?
Il vous faudra donc la faire héberger sur un site afin de pouvoir indiquer l'adresse URL dans votre signature, comme vu ci-dessus.

Beaucoup de fournisseurs d'accès Internet offrent un espace d'hébergement, cependant, pour les images, plusieurs sites gratuits et sans abonnement permettent à ce jour d'héberger un nombre illimité d'images. En voici une petite sélection non exhaustive:

http://www.imageshack.us - le plus populaire
www.imagevenue.com
www.hiboox.com - en français
www.mezimages.com - en français

Ces différents sites vous donneront une adresse URL à copier-coller entre les balises [img]urldevotreimage[/img].

4) Signature plus complexe (texte et images combinés, plusieurs images, etc...) :

Dans ce cas, je ne peux pas tout détailler ! Il y a trop de possibilités. Je vais me contenter de faire un exemple bien détaillé (juste en dessous).

Loekit · 07/12/2001, 14h20

III) Création d'une signature pas à pas :

Tout d'abord, choisir le texte que l'on veut et avoir une idée assez précise de sa mise en forme (mais on peut modifier facilement par la suite).
Avoir son image et vérifier qu'elle est conforme aux règles.
Avoir mis son image sur le web et avoir l'URL qui lui correspond.

J'ai choisi une ancienne signature de Camelie Layn (#149).

Voici le texte brut :

Citation:

Camelie Layn, Archère Pure, Capitaine de la Garde Royale
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
Membre Des 4PBFG

Voici l'URL de l'image : http://www.ifrance.com/loekit/guide/images/camelie.jpg
Voicil'image :

Nous avons tous les éléments pour faire notre signature.
Nous allons procéder par étapes. Tout ce qu'on rajoute est mis en rouge.

ETAPE 1 : On commence par mettre l'image à gauche (Balises [floatleft] et [img] ):

[floatleft]

[/floatleft]

ETAPE 2 : Ensuite on met le texte :

[floatleft]

[/floatleft]
Camelie Layn, Archère Pure, Capitaine de la Garde Royale
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
Membre Des 4PBFG

ETAPE 3 : On se dit que ça ferait mieux si " Camelie Layn, Archère Pure " était en gras :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[b]Camelie Layn, Archère Pure[/b], Capitaine de la Garde Royale
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
Membre Des 4PBFG

ETAPE 4 : On veut aussi mettre le reste du texte en italique :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[b]Camelie Layn, Archère Pure[/b][i], Capitaine de la Garde Royale
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
Membre Des 4PBFG[/i]

ETAPE 5 : La Garde Royale c'est pas ce qu'il y a de plus minable (enfin...) on va le souligner :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[b]Camelie Layn, Archère Pure[/b][i], [u]Capitaine de la Garde Royale[/u]
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
Membre Des 4PBFG[/i]

ETAPE 6 : On centre la totalité du texte :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[center][b]Camelie Layn, Archère Pure[/b][i], [u]Capitaine de la Garde Royale[/u]
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
Membre Des 4PBFG[/i][/center]

ETAPE 7 : Les 4PBFG c'est la honte, on le met en tout petit :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[center][b]Camelie Layn, Archère Pure[/b][i], [u]Capitaine de la Garde Royale[/u]
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
[size=1]Membre Des 4PBFG[/size][/i][/center]

ETAPE 8 : On fait ressortir la classe du personnage en la mettant en orange :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[center][b]Camelie Layn, [color=orange]Archère Pure[/color][/b][i], [u]Capitaine de la Garde Royale[/u]
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
[size=1]Membre Des 4PBFG[/size][/i][/center]

ETAPE 9 : On change la police du nom du personnage :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[center][b][font=Times New Roman]Camelie Layn, [/font][color=orange]Archère Pure[/color][/b][i], [u]Capitaine de la Garde Royale[/u]
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
[size=1]Membre Des 4PBFG[/size][/i][/center]

ETAPE 10 : On agrandit la taille du nom du personnage :

[floatleft][img]http://www.ifrance.com/loekit/guide/images/camelie.jpg[/img][/floatleft]
[center][b][font=Times New Roman][size=3]Camelie Layn, [/size] [/font][color=orange]Archère Pure[/color][/b][i], [u]Capitaine de la Garde Royale[/u]
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
[size=1]Membre Des 4PBFG[/size][/i][/center]

ETAPE 11 : Un petit test :

Camelie Layn, Archère Pure, Capitaine de la Garde Royale
Mariée au plus beau des archers, Fricotin-AP
Mère d'une petite archère pleine de promesses, Nazca
Membre Des 4PBFG

Voila, c'est fini !!! Voila une signature qui mine de rien est très facile à réaliser (faut pas avoir peur, si on procède comme ici par étapes ordonnées, on peut pas se planter !!! ) et qui rend pas mal du tout.

Loekit · 07/12/2001, 14h21

IV) Avoir une signature en règle :

1) Les règles concernant les signatures :

Depuis peu, il existe cet outil pour vous permettre de vérifier la taille de votre signature : http://forums.jeuxonline.info/jol/ou...de/details.php
Si votre signature dépasse des lignes à 100 pixels de haut ou 500 pixels de large, elle est hors normes.
N'oubliez pas de vérifier le poids total de votre signature.

Afin d'améliorer la lisibilité et de réduire les temps de chargement des forums, votre signature (Textes et images combinées) ne doit pas prendre plus de :
500 pixels de large

100 pixels de haut

50 kilo-octets

Toute signature ne se conformant pas à cette règle sera passible d'effacement.

2) Comment vérifier si ma signature est en règle ?

a) Vous n'avez qu'une image :

Vous faites un clic droit sur votre image lorsqu'elle s'affiche. Un menu apparaît, cliquez alors sur propriétés. Vous voyez apparaître différentes indications à propos de votre image. Celles qui nous intéressent sont la taille et les dimensions.
La taille de votre image ne doit pas dépasser les 50Ko.
Les dimensions : Le premier nombre correspond à la largeur de l'image et doit donc être inférieur ou égal à 500. Le second nombre correspond à la hauteur de votre image et ne doit pas dépasser les 100.

Si vous avez plusieurs images, ils faut additionner leurs poids et comparer le résultat aux 50 ko autorisés.

b) Vous n'avez que du texte :

En taille 1 (size=1) vous avez droit à 8 lignes de texte.
En taille 2 (size=2) c'est à dire la taille normale, vous avez droit à 6 lignes de texte.
En taille 3 (size=3) vous avez droit à 5 lignes de texte.
En taille 4 (size=4) vous avez droit à 4 lignes de texte.
Il est inutile et incorrect de monter au dessus de la taille 4.

ATTENTION !!! Les indications ci dessus ne sont valables que si aucune de vos lignes de texte de dépasse 500 pixels de large. Dans le cas contraire, demandez à un modérateur qu'il vous confirme la taille de votre signature

Je parle là de texte normal, c'est à dire ni en gras, ni en italique, ni souligné etc... Si vous modifiez le format du texte, c'est à vous de vérifier que votre signature reste dans les normes. De même que si vous alternez différentes tailles (C'est pas vraiment très compliqué).

Exemple de vérification :

Titre en taille 4 gras
texte en taille normale.
(ligne vide)
texte en taille 1 et en italique
Texte en taille 3
texte en taille normale.

Le texte ne dépasse pas en bas de l'image de 100 pixels de haut donc c'est OK.

c) Vous avez image(s) et texte :

Soit votre image fait 100 pixels de haut et le texte est à coté... dans ce cas, c'est vraiment très simple, il vous suffit de voir si le texte dépasse ou non de l'image.

Soit, votre image ne fait pas 100 pixels de haut et là c'est plus embêtant... C'est du cas par cas et vous devriez tout d'abord vérifier si le texte rentre bien comme il faut (en utilisant une image de 100 pixels de haut) puis rajouter les images là où vous le voulez (tout en vous assurant que le tout reste dans les normes).

Si vous avez plusieurs images, ils faut additionner leurs poids et comparer le résultat aux 50 ko autorisés.

Dans les deux cas, il faudra encore vérifier que votre signature n'est pas trop large.

Loekit · 13/05/2002, 20h45

E) L'avatar :

Mais qu'est ce donc un avatar ?
C'est cette petite image affichée sous le nom de nombreux posteurs. L'avatar sert à vous faire reconnaître rapidement et rend l'utilisation de la signature moins fréquente. En effet, dans bien des cas, l'avatar seul suffit à vous faire reconnaître, la signature étant un petit plus pour les post RP (la signature est à consommer avec modération dirons nous).

I) Conditions requises :

Conditions nécessaires à son obtention :

Avoir un compte sur les forums Jeux Online (Ce qui signifie que les guest [=invités] ne peuvent avoir un avatar sous leur nom à coté de leurs messages).
Avoir trouvé une image qui vous convient. Cette image ne doit pas excéder 16k octets ni avoir une taille supérieure à 128 pixels sur 128 pixels.

II) Marche à suivre pour mettre son avatar :

Votre image doit être soit sur votre disque dur, soit sur internet (il va de soit que vous devez dans ce cas en connaître l'URL).
Cliquez sur le lien Profil :

Vous arrivez dans votre panneau de contrôle. Cliquez sur Vos Options :

Tout en bas, appuyez sur le bouton "Changez votre avatar" :

Vous voilà enfin dans les propriétés de l'avatar :

Cochez le bouton "Oui".
Si votre image est sur internet, entrez son URL dans la case prévue à cet effet.
Sinon, cliquez sur parcourir et allez chercher votre image sur votre disque dur.
Validez en cliquant sur le bouton "soumettre les modifications" :

Voila, votre avatar s'affichera automatiquement à partir de maintenant.

III) Avoir un avatar "transparisé" :

Vous aurez pu constater que certains utilisateurs utilisent un avatar non-rectangulaire qui se fond dans le décor du cadre alloué à l'avatar.
Exemple:

(cet avatar est moche mais c'est juste un exemple)

Ce genre d'avatar se construit avec des logiciels de graphisme tels que Photoshop ou The Gimp (freeware), et en les enregistrant aux formats .gif ou .png .
Un sujet d'entraide a été créé sur le forum tests pour vous aider dans votre démarche de "transparisation" d'avatar.

Loekit · 29/05/2002, 11h09

Voici de quoi vous aider à trouver des images pour votre signature et aussi pour votre avatar :

http://eallais.free.fr/galerie/
http://www.fantasya.net
http://www.archangelcastle.com/membr...ars_libres.php
http://www.jonathonart.com/
http://elfwood.lysator.liu.se/elfwood.html
http://home.arcor.de/gifworld/
http://www.animiertegifs.de/
http://www.hebus.com/
http://www.ifrance.com/123icones/
http://www.animfactory.com/
http://creaturesimaginaires.free.fr
http://www.chez.com/tavernedebaldurien/
http://landfantasy.free.fr/
http://www.larryelmore.com/
http://www.dragonsart.com/
http://mapage.noos.fr/ricolin/smiley2.htm
http://www.gute-guete.de/smileylegend.htm
http://maisondusoleil.free.fr/gifs/index.htm
http://eolindel.free.fr/_avatars/Pag...ilavatars.html
http://www.angelwerks.com
http://www.egs-avatars.com
http://www.liensutiles.org/webimages.htm
http://bdawn.free.fr/index.htm
http://cmf.t4c.free.fr/Page/galerie%...0portraits.htm
http://www.web3d-fr.com/Avatars/avatars.php

Un outil de création automatique de signatures :
Sign Machine (par Booba §kaya)

Et aussi on peut essayer avec Google images.

Et il y a aussi plein de gens qui ont fait des sites pour vous aider, ou même vous faire vos signatures :

http://www.graphisme4u.net
http://www.caolie-screens.ca.tc
http://www.graph-academy.com
http://www.aidoforum.com/forum

Loekit · 30/09/2003, 10h32

N'oubliez pas, faites vos tests sur le forum tests.
Merci.