|
Alpha & Oméga
|
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. |
04/12/2001, 22h01
|
[FAQ] Signatures, avatars, balises de code
| Suivre |
|
|
Partager | Rechercher |
|
Alpha & Oméga
|
A) Généralités :
* Le code utilisé est le code VB. * Chaque code VB est composé de 2 balises (enfin normalement !) :
* 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 :
texte 2) Texte en couleur :
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.).
Les 4 polices de base, reconnues par tous les navigateurs internet :
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 :
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 :
 de cette image! : )
J'écris à gauche de cette image! : )
[*] premier point [*] second point [/list] : crée une liste (avec autant d'élément que vous voulez en principe), ce qui donne :
Exemples : [list=A] [*] premier point [*] second point [/list] donne :
[list=1] [*] premier point [*] second point [/list] donne :
Citation :
Citation :
Cliquez ce bouton ou survolez le contenu pour afficher le spoiler
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 !!!  ).
Avec retrait.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:
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). |
|
04/12/2001, 22h02
|
|
Alpha & Oméga
|
C) Combinaisons de balises :
 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 |
|
06/12/2001, 20h53
|
|
Alpha & Oméga
|
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://www.imageshack.us - le plus populaire[*]www.imagevenue.com[*]www.hiboox.com - en français[*]www.mezimages.com - en français [/list]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). |
|
06/12/2001, 20h56
|
|
Alpha & Oméga
|
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 :
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 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. |
|
07/12/2001, 13h20
|
|
Alpha & Oméga
|
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 : https://forums.jeuxonline.info/jol/o...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 :
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 :  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. |
|
07/12/2001, 13h21
|
|
Alpha & Oméga
|
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 :
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. |
|
13/05/2002, 19h45
|
|
Alpha & Oméga
|
N'oubliez pas, faites vos tests sur le forum tests.
Merci. |
|
30/09/2003, 09h32
|
| Suivre |
Connectés sur ce fil1 connecté (0 membre et 1 invité)
Afficher la liste détaillée des connectés
|