EDForum (v3)

F.A.Q. et conseils

Avant de poster une question sur le fonctionnement du forum, merci de regarder dans la FAQ si la réponse à votre question ne s'y trouve pas déjà.
Si ce n'est pas le cas, faites un topic sur la question dans ce forum (Test).
Si vous avez une suggestion, une correction a proposer, MPez moi.

Le forum :

• Le titre en dessous de mon nom ? GO
  
• Le bouton Edit ? GO
  
• À quoi correspond le nombre de requêtes ? Utilisation de la touche F5 et du bouton "actualiser" de IE. GO

Mise en page, codes disponibles :

• Les Bbcodes ? GO
  
• Les codes HTML ? GO
  
• Comment faire une mise en page sur plusieurs colones ? GO
  
• Comment mettre en page tout un morceau de texte ? GO

Les avatars :

• Les avatars ? (Qu'est-ce qu'un avatar ? Ou trouver un avatar ?) GO
  
• Comment mettre un avatar ? GO

Divers :

• Les codes de caractères ? GO
  

Le titre en dessous de mon nom ?

Il désigne votre rang. Celui-ci est désigné en fonction de votre nombre de posts depuis votre inscription comme suit :

Rang	Nombre de posts	Image associée
Nouvel arrivant	0
Apprenti	25
Etudiant	50
Confirmé	100
Diplômé	200
Illusioniste	250
Mage mineur	500
Mage supérieur	750
Magicien	1000
Sorcier	1500
Enchanteur	2000
Sorcier de guerre	3000
Champion-mage	4000
Maître-élmentaliste	5000
Maître des arcanes	7500
Archimage	10000
Magiprince	12500
Roi-sorcier	15000
Angemage	20000
Magedieu	30000

Rangs spéciaux :

Rang		Image associée
Mage-Administrateur	Darathor
Co-Administratrice	queen
Déesse des fans	Nine
Modératrice
Modérateur

Les bbcodes ?

Les bbcodes sont des codes entre crochets [...] qui font partie intégrante du forum. Ils permettent une mise en page minimale et simple. Pour utiliser un bbcode, il faut ouvrir une balise en mettant le mot correspondant entre crochets (ex : [ex]) et à la fin, refermer votre balise en ajoutant un / (ex: [/ex]), entre les deux, placez le texte auquel vous voulez appliquer la mise en page (ex: [ex]ceci n'est qu'un exemple car cette balise n'existe pas[/ex]).

1. b : cette balise met le texte en gars (exemple)
   
   
2. i : cette balise met le texte en italique (exemple)
   
   
3. u : cette balise souligne le texte (exemple)
   
   
4. img : cette balise affiche une image dont vous devez spécifier l'adresse entre la balise d'ouverture et celle de fermeture. (Attention, l'image ne peux s'afficher que si elle est stockée sur un espace web, elle ne s'affichera pas si vous la stockez sur votre propre disque dur)
   Exemple de code d'image :
   Code :

   [img]http://www.edforum.darathor.com/phpBB2/templates/subSilver/images/icon_mini_faq.gif[/img]

   Affichera :
   
   
5. quote : cette balise met le texte sur fond de couleur différent pour le faire ressortir en tant que citation par exemple. Exmple :
   Citation :

   Citation d'exemple

   
   
   
6. code : cette balise sert à ne pas interprèter le texte pour citer des morceaux de code (php, htlm,bbcode, ou autre) sans que ceux-ci interfèrent dans l'affichage du forum ou soient rendu illisible par une mauvaise interprétation (smiley par exemple). Exemple :
   Code :

   <?php
   $titre = stripslashes ($titre) ;
   $comment = stripslashes ($comment) ;
   ?>
   /*exemple de code php*/
   [b]exemple de bbcode[/b]
   ;) /* exemple de smiley */

   
   
   
7. color : cette balise permet de donner une couleur particulière à votre texte, pour ce faire, inscrivez la couleur que vous désirez après un = dans la balise d'ouverture : soit le nom (parmi celle disponible sur le forum dans le menu déroulant "couleur" lors d'un post) ou avec le code e la couleur (du type : #FF0000).
   Exemple de couleur :
   Code :

   [color=red]texte[/color][color=#FF0000]texte[/color]

   Affichera : texte texte
   
   
8. size : cette balise permet de donner une taille spécifique à votre texte, pour ce faire, inscrivez un nombre (de 1 à 24 NOTE : en dessous de la taille 7, le texte devient illisible...) coresspondant à la taille que vous désirez après un = dans la balise d'ouverture. (La taille par défaut est 12)
   Exemple de couleur :
   Code :

   [size=1]size 1[/size]
   [size=7]size 7[/size]
   [size=15]size 15[/size]
   [size=24]size 24[/size]

   Affichera : size 1 size 7 size 15 size 24
   
   
9. list : cette balise sert à présenter des éléments sous forme de liste. Pour ce faire, ouvrez la balise list et mettez avant chacun de vos éléments la balise * puis fermez la balise /list
   Exemple de liste :
   Code :

   [list][*]élément1[*]élément2[/list]

   Affichera :
   • élément1
   • élément2
   
   Si vous voulez ordonnez votre liste avec des indices devant, mettez dans la balise d'ouverture 1 pour des chiffres : list=1, ou a pour des lettres : list=a.
   Exemple de liste :
   Code :

   [list=1][*]élément1[*]élément2[/list]

   Affichera :
   1. élément1
   2. élément2
   
   
   
10. url : cette balise sert à mettre un lien clicable. Il existe plusieurs manières de mettre un lien sur le forum :
    
    1. Mettre l'url de votre lien tel quel dans votre post, le forum l'interprétera comme un lien et le rendra clicable si vous pensez à mettre http:// au début de l'url ou mettre une adresse entre les balises url
       Exemple de lien :
       Code :

       [url]http://www.edforum.darathor.com/phpBB2/[/url]

       Affichera : ~lien~
       
       
    2. Spécifier un mot aux quel associé le lien en mettant le lien dans la balise d'ouverture url=monlien.com et entre les balises de début et de fin, le mot qui sera rendu clicable.
       Exemple de lien :
       Code :

       [url=http://www.edforum.darathor.com/phpBB2/]Le forum[/url]

       Affichera : Le forum
       
       
    3. Mettre un lien vers une adresse e-mail à l'aide des balise email (soit en mettant directement votre e-mail).
       Exemple d'e-mail :
       Code :

       [email]dara@darathor.com[/email]

       Affichera : dara@darathor.com
       
       
    4. Mettre un lien sur une image en procédant comme au deuxième point mais en mettant le code correspondant à une image au lieu d'un simple mot entre les balises.
       Exemple de lien :
       Code :

       [url=http://www.edforum.darathor.com/phpBB2/][img]http://www.edforum.darathor.com/phpBB2/templates/subSilver/images/logo_phpBB.gif[/img][/url]

       Affichera :
       

Les codes HTML ?

L'HTML est le langage de programation des pages web telles que celles du forum. Pour perturber au minimun l'affichage du forum, la plupart sont interdites, mais certaines sont néanmoins autorisées. Pour utiliser un code htlm, il faut ouvrir une balise en mettant le mot correspondant entre <> (ex : <ex>) et à la fin, refermer votre balise en ajoutant un / (ex: </ex>), entre les deux, placez le texte auquel vous voulez appliquer la mise en page (ex: <ex>ceci n'est qu'un exemple car cette balise n'existe pas</ex>).

Une balise se présente de la façon suivante :
<code de la balise nom de l'atribut="valeur de l'attribut">[Morceau de texte, image ou cellule du tableau]</code de la balise>
(Remplacez les partie en violet par des balise ou attributs ci-dessous. Attention, pas d'espace autour des signes d'égalité "=" !)

• center : permet de centrer le texte.
  Exemple :
  Code :

  <center>texte centrer</center>

  Affichera :
  texte centrer
  
• sup : permet de mettre un texte en exposant.
  Exemple :
  Code :

   a^a

  Affichera : a^a
  
  
• sub : permet de mettre un texte en indice.
  Exemple :
  Code :

   a_a

  Affichera : a_a
  
  
• strike : permet de barrer du texte.
  Exemple :
  Code :

   <strike>abc</strike>

  Affichera : abc
  
  
• div : permet de mettre en page un extrait de texte (pour plus de détails, voir à venir)
  
  
• table : permet de faire un tableau (pour plus de détails, voir ici)

Note : Un bon site d'html : All HTML

Comment faire une mise en page sur plusieurs colones ?

Pour ce faire, vous devez utiliser les balises html correspondantes.

Liste des balises et explication :
Note : Les titres lettrés (a,b,c) vous indiquent le type de balises qui va être décrit. Les titres chiffrés vous donnent le code de la balise à inserrer entre crochets ( <> ). Les puces indiquent tout d'abord les attributs disponibles pour la balise dont il est question, et s'il y en a une deuxième série, les valeurs possibles de l'attribut.

1. Tableau :
   
   1. table : annonce le début d'un tableau
      attributs disponibles:
      
      • border="X" : annonce si l'on veut qu'il y ai une bordure (si vous n'en voulez pas X=0) X est en pixel donc au dessus de 3 ou 4 c'est énorme !!
        
      • cellpadding="X" : définit l'espacement entre le contenu de la cellule et le bord de la cellule (en pixels)
        
      • cellspacing="X" : définit l'espacement entre les cellules (en pixels)
        
      • width="X" : la largeur du tableau en pixels (500 pixels max )
        
      • width="X%" : définit la largeur du tableau en pourcentage de la largeur disponible
        
      • bgcolor="XXX*" : définit la couleur de fond du tableau ENTIER
        
      • bordercolor="XXX(*)" : définit la couleur de la bordure si il y en a une
        (*)XXX est le code de la couleur.
      
      
   2. /table : annonce la fin du tableau
   
   
2. Ligne :
   
   1. tr : annonce le début d'une ligne
      
   2. /tr : annonce la fin d'une ligne
   
   
3. Colone :
   
   1. td : annonce le début d'une colonne
      attributs disponibles:
      
      • colspan="X" : fait fusionner les colonnes ou X =le nombre de colonne que l'on veut faire fusionner
        
      • rowspan="X" : fait fusionner les lignes ou X =le nombre de lignes que l'on veut faire fusionner
        
      • valign="middle/top/bottom" : définit la position verticale du contenu de la cellule
        
        • top pour mettre le contenu en haut de la cellule
          
        • middle pour mettre le contenu au milieu de la cellule (valeur par défaut)
          
        • bottom pour mettre le contenu en bas de la cellule
      • align="center/left/right" : définit la position horizontale du contenu de la cellule
        • left pour mettre le contenu à gauche de la cellule (valeur par défaut)
          
        • center pour mettre le contenu au centre de la cellule
          
        • right pour mettre le contenu à droite de la cellule
      • width="X" : défini la largeur de la colonne en pixels
        
      • width="X%" : défini la largeur de la colonne en pourcentage
        
      • height="X" : défini la hauteur de la colonne en pixels
      
      
   2. /td : annonce la fin d'une colonne

ATTENTION !!
Vous ne devez pas aller à la ligne après les balises, mettez tout sous forme d'un seul paragraphe comme dans l'exemple ci dessous (dans le cas contraire, le forum affichera autant de ligne blanche que de fois où vous êtes aller à la ligne avant votre tabeleau.

Taille des caractères dans les tableaux :
C'est fréquent que la taille des caractères dans les tableaux soit supérieure à celle utilisée dans les forums pour cela pensez le bbcode size (voir ici pour le bbcode)

Petit conseil :
Servez vous du bloc note, au moins, il y aura pas de complications pour taper le code (et vous pourrez bien organiser vos balises avant de supprimer les mises à la ligne) parce que la case pour taper le code est vraiment petite.

Exemple de tableau :
Affichera :

1ere ligne : colonne de gauche

1ere ligne : colonne de droite

2eme ligne : colonne de gauche

2eme ligne : colonne de droite

Pour en savoir plus :
Vous pouvez aller sur cette page dont je me suis beaucoup inspirée, qui présente en plus beaucoup d'exemples de tableaux avec explications.

Les avatars ?

Qu'est-ce qu'un avatar ?

C'est la petite image qui se trouve en dessous du pseudo de beaucoup de membres des forums.


Ou trouver un avatar ?

Un site d'avatar, le site d'avatar de Shaolan


Restriction sur les avatars ?

Les avatars sont limités à une taille de 60*60 pixels, veillez à limiter aussi au maximum le poids de votre image.

Mise en page de tout un morceau de texte

La balise HTML div applique une même mise en page à tout le(s) paragraphe(s) compris entre les balises d'ouverture et de fermeture. Elle s'accompagne d'attributs (sans spécification d'attributs, elle n'a aucun effet).

Liste des attributs disponibles et de leurs possibles valeurs :

1. align : Positionne horizontalement le texte à l'intérieur des balises.
   • left : aligne le texte à gauche.
     
   • right : aligne le texte à droite.
     
   • center : centre le texte. (voir aussi center)
     
   • justify : adapte la taille des espaces dans chaque ligne de manière à ce que les lignes aient toutes la même longeur (exépté celles finies par un retour à la ligne).
   
   
   
2. style: Définit feuille de style pour le passage, permet entre autre de spécifier une police de caractère.
   Pour spécifier une police, prcéder comme suit :
   style="font-family: nom de la police" (remplacer le morceau en violet)

Exemple :
Affichera:


Affichera:


Au lieu de :
C'est l'été. La petite fille est assise dans l'herbe verte et tendre du jardin. Ses cheveux blonds sont ramenés en tresses sur les côtés et des mèches rebelles frissonnent dans la brise alentours. Elle tient sa poupée dans ses bras, pour elle c'est la plus belle poupée du monde ! Elle lui vient d'un oncle ou d'une tante, de ses parents ou peut-être du papa de sa maman, qu'importe. Pour le moment, elle le sait, mais très vite ce détail s'effacera, laissant place à d'autres choses toutes aussi importantes dans sa tête de petite fille, comme la couleur des petits cailloux qu'elle ramènera de sa prochaine promenade, la forme des coquillages qu'elle trouvera quand elle ira bientôt à la mer, la beauté du bouquet qu'elle fera dans quelques heures pour sa maman.

Comment mettre un avatar ?

Allez dans Profil (dans le menu en haut à droite de chaque page), tout en bas vous trouverez le Panneau de contrôle des avatars.
Vos avez ensuite quatre choix :

1. Soit vous avez l'image que vous voulez sur votre disque dur, dans ce cas cliquez sur Parcourir à côté de Envoyer l'Avatar depuis votre ordinateur ou entrez directement le lien local si vous l'avez.
   
   
2. Soit vous voulez utiliser une image que vous avez trouver sur un autre espace web, dans ce cas entrez l'url de l'image dans la case à côté de Envoyer l'Avatar à partir d'une URL. L'image sera stoquée sur l'espace web du forum, même si l'image est supprimé à l'endroit où vous l'avez trouvée, elle continuera de s'afficher sur le forum.
   
   
3. Vous pouvez aussi Lier l'Avatar à partir d'un autre site, l'image ne sera pas stoquée sur l'espace du forum, celui-ci l'appellera à partir de l'URL que vous les indiquerez, si cette image est supprimée à cet emplacement, elle ne sera plus affichable par le forum.
   
   
4. Dernier choix : Sélectionner un Avatar à partir de la Galerie. Le forum propose un certain nombre d'Avatars. Cependant, veillez à utiliser le moins possible des avatars déjà pris par un autre membre du forum
   ATTENTION : Si vous cliquez sur Montrer la Galerie alors que vous avez, au paravant, stoqué un avatar sur l'espace du forum (dans les choix 1 et 2) votre avatar sera supprimé par le forum. Je vous conseille donc d'enregistrer votre avatar sur votre disque avant de regarder la galerie, pour le cas où vous ne trouveriez pas votre bonheur et décideriez de revenir à votre ancien avatar, il faudra alors que vous le remettiez (avec le choix 1).

Les codes de caratcères ?

Chaque caractère est codé par une valeur numérique entre 0 et 255 (car les caractères sont codés sur un octet, soit 8 bits, soit 2⁸ = 256 valeurs...).

Votre clavier ne comportant qu'assez peu de touches, (sans compter qu'elles ne représentent pas toutes un caractère, comme les touches shift, tab, impr écran...), certains caractères ne sont pas disponibles directement (la liste des caractères non disponibles sur le clavier varie d'une langue à l'autre, par exemple, les clavier américains n'ont pas de caractères accentués).

Mais vous pouvez utiliser quand même ces caractères, en utilisant la touche Alt (entre la touche windows et la barre espace à gauche). Il suffit de maintenir enfoncée la touche "Alt" et de tapper le code du caractère (il faut utiliser le pavé numérique pour ça), comme indiqué dans le tableau ci-dessous.

Exemple : Alt + 184 donne : ©


Remarques complémentaires :

1- Quand le code caractère est interprêté, il est d'abord ramené entre 0 et 255 par un modulo (ce qui correspond au reste de la division euclidienne par 256), donc vous pouvez ajouter nx256 aux codes indiqués.

Exemple : 8888 = 184 + 34x256 et donnera donc aussi : ©

Cette propriété est intéressante, puisque certains codes sont plus faciles à retenir que d'autres

2- Tout cela fonctionne bien sous windows, mais il me semble que sous Linux, on peut avoir des problèmes...


Liste des codes :

------------------------- 7 : • 13 : saut de ligne 15 : ¤ 20 : ¶ 21 : § 33 : ! 34 : " 35 : # 36 : $ 37 : % 38 : & 39 : ' 40 : ( 41 : ) 42 : * 43 : + 44 : , 45 : - 46 : . 47 : / 48-57 : Chiffres 58 : : 59 : ; 60 : < 61 : = 62 : > 63 : ?

----------------------------------- 64 : @ 65-90 : Lettres minuscules 91 : [ 92 : \ 93 : ] 94 : ^ 95 : _ 96 : ` 97-122 : Lettres majuscules 123 : { 124 : | 125 : } 126 : ~ 128 : Ç 129 : ü 130 : é 131 : â 132 : ä 133 : à 134 : å 135 : ç 136 : ê 137 : ë 138 : è 139 : ï 140 : î 141 : ì 142 : Ä

--------------- 143 : Å 145 : æ 146 : Æ 147 : ô 148 : ö 149 : ò 150 : û 151 : ù 152 : ÿ 153 : Ö 154 : Ü 155 : ø 156 : £ 157 : Ø 158 : × 159 : ƒ 160 : á 161 : í 162 : ó 163 : ú 164 : ñ 165 : Ñ 166 : ª 167 : º 168 : ¿ 169 : ®

--------------- 170 : ¬ 171 : ½ 172 : ¼ 173 : ¡ 174 : « 175 : » 181 : Á 182 : Â 183 : À 184 : © 189 : ¢ 190 : ¥ 198 : ã 199 : Ã 204 : ¦ 207 : ¤ 208 : ð 209 : Ð 210 : Ê 211 : Ë 212 : È

--------------- 213 : i 214 : Í 215 : Î 216 : Ï 221 : ¦ 222 : Ì 224 : Ó 225 : ß 226 : Ô 227 : Ò 228 : õ 229 : Õ 230 : µ 231 : þ 232 : Þ 233 : Ú

--------------- 234 : Û 235 : Ù 236 : ý 237 : Ý 238 : ¯ 239 : ´ 241 : ± 243 : ¾ 244 : ¶ 245 : § 246 : ÷ 247 : ¸ 248 : ° 249 : ¨ 250 : · 251 : ¹ 252 : ³ 253 : ²

--------
Merci à Darathor pour cette explication et ce tableau de codes

Le bouton Edit ?

N'oubliez pas que le bouton

Quand s'en servir ?
Dans deux cas principaux :
- Je me rends comtpe que j'ai écris une bétise ou que j'ai fait une faute énoôOÔOôorme ou que j'ai oublié quelque chose, j'hésite pas =>
- Je veux répondre à nouveau à un topic au quel j'ai répondu, mais personne n'a répondu après mon dernier post, j'utilise le bouton plutôt que de me répondre à moi même

Quand est-ce que le forum note que j'ai édité ?

Après quelques tests, ça semble fonctionner comme ça :

- Quand on édite un message qui n'a pas de réponse, le forum ne l'indique pas.
- Quand un modo édite un message qui n'est pas de lui, le forum ne l'indique pas.
- Quand on édite un message posté par soi-même auquel quelqu'un a déjà répondu, il l'indique.
_________________

À quoi correspond le nombre de requêtes ? Utilisation de la touche F5 et du bouton "actualiser" de IE.

Les requêtes :

L'hébergeur qui est utilisé pour EDForum limite le nombre de "requêtes". A chaque fois que vous affichez une page ou une image sur votre ordi, ça compte une "réquête".

Utilisation de la touche F5 et du bouton "actualiser" de IE :

À chaque "actualisation" de page (avec la touche F5 ou le bouton "actualiser" de votre navigateur) tous les éléments de celle-ci (images etc...) sont rechargés et donc une requête est envoyée au serveur pour chacun d'eux.
Il semble qu'en utilisant les liens des pages, comme le bouton EDForum en haut de la page d'index ou les titres des forum et topics en haut de ceux-ci, pour les "actualiser" cela entraine moins de requêtes (parce que ça ne recharge pas les images). Utilisez donc de préférence ces liens, sans quoi notre admin serait obligé de prendre des mesures pour ne pas dépasser le nombre autorisé de requêtes (comme par exemple les images de menu en bas de chaque posts qu'il a supprimées...). Merci.
_________________