Ecrogal Dans quel état j'erre ?
Age : 31
Date d'inscription : 14/12/2008
Nombre de messages : 486
Localisation : Créteil
Groupe : Admins
|
Sujet: [Tuto] Personnaliser le BBCode sur Xooit Mar 30 Déc - 13:42 |
|
|
Personnaliser le BBCode sur Xooit.com
Informations concernant le tutoriel |
---|
Auteur : | Ecrogal |
Description : | Ce tutoriel vous permettra d'effectuer diverses personnalisations du BBCode, sur un forum !xooit! |
Exemple : | Aucun. |
Défaut(s) : | Aucun. |
Difficulté : | - Installation : novice
- Compréhension : novice
|
Templates à modifier : | |
Fonctionne sur : | - Forumactif : non (les modifications ne semblent pas prises en compte)
- Xooit.com : oui
|
Notes : | Tutoriel également disponible sur Forum de Pub |
________________________ [erreur]Avant toute modification, pensez à sauvegarder le contenu de vos templates (Ctrl + V dans un éditeur de texte classique). Une bonne alternative est également de faire les modifications dans le thème de test. Tux-Pub ne pourra être tenu de quelconques dégradations de votre forum suite à l'utilisation de ces tutoriels.[/erreur] Nous allons aujourd'hui devenir des maîtres concernant le BBCode, rien que ça !
> Panneau d'administration > Thème > Modifier les templates > bbcode.tpl
I. La balise quote (citation)
Si vous désirez afficher "Citation: ..." au lieu de "... a écrit", voici comment faire:
Cherchez: - Code:
-
<td><span class="genmed"><b>{USERNAME} {L_WROTE}:</b></span></td> Remplacez par: - Code:
-
<td><span class="genmed"><b>Citation: {USERNAME}</b></span></td>
> Panneau d'administration > Thème > Modifier les templates > theme.css (ex: prosilver.css)
Cherchez: - Code:
-
.quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%; background-color: #FAFAFA; border: #D1D7DC; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } NOTE: Il est fort probable que le code entre les accolades soit différent dans votre template. Voici maintenant les explications concernant les attributs les plus importants:
Attribut | Explication(s) |
---|
font-family | Indique la police dans laquelle sera écrite le texte cité. L'ordre des polices indique les préfèrences d'affichages. Dans notre exemple, la police affichée en priorité sera Verdana. Si l'utilisateur ne possède pas cette police, alors le texte sera affiché en Arial, etc. Si une police contient plusieurs mots, vous devrez la mettre entre guillemets. NOTE: Veillez à toujours mettre "sans-serif" ou "serif", sinon votre code CSS ne sera pas valide. |
font-size | Indique la taille de la police. Vous pouvez indiquer une valeur en px, en em ou en %. |
color | Indique la couleur dans laquelle sera écrite le texte. Vous pouvez y mettre le nom d'une couleur en anglais (ex: red, green, blue...), en rgb ou en héxadécimal (comme dans notre exemple). |
background-color | Indique la couleur de fond de la boîte. Vous pouvez y mettre le nom d'une couleur en anglais (ex: red, green, blue...), en rgb ou en héxadécimal (comme dans notre exemple). |
II. La balise code
Nous ne nous attarderons pas sur cela, puisqu'il s'agit de faire exactement les mêmes manipulations qu'avec la balise quote.
III. La balise url (lien)
Eviter que les liens ne s'ouvrent dans une nouvelle fenêtre Si vous souhaitez éviter que les liens de vos messages s'ouvrent dans une nouvelle fenêtre, voici la méthode à suivre...
Cherchez: - Code:
-
<a href="{URL}" target="_blank" class="postlink">{DEscriptION}</a> Remplacez par: - Code:
-
<a href="{URL}" class="postlink">{DEscriptION}</a>
Afficher une image cliquable à la place des liens Il est possible que vous décidiez d'afficher une image à la place de vos liens:
Cherchez: - Code:
-
<a href="{URL}" target="_blank" class="postlink">{DEscriptION}</a> Remplacez par: - Code:
-
<a href="{URL}" target="_blank" class="postlink"><img src="lien de l'image" alt="" /></a>
Un cas particulier: les e-mails Si, pour des raisons de spam, vous désirez ne pas afficher les adresses e-mail sur votre forum:
Cherchez: - Code:
-
<a href="mailto:{EMAIL}">{EMAIL}</A> Remplacez par: - Code:
-
<a href="mailto:{EMAIL}">Me contacter</A> NOTE: Remplacez "Me contacter" par ce que vous souhaitez. Enregistrez et fermez: c'est terminé ! ________________________ |
|