[FORUM FERME]

Le premier Forum de Pub à l'effigie du célèbre manchot ! Rejoins nous et fais ta pub... librement bien sûr ! ;-)

AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

[Tuto] Personnaliser le BBCode sur Xooit

Voir le sujet précédent Voir le sujet suivant Aller en bas
Auteur Message
Ecrogal
Dans quel état j'erre ?
Admins
avatar

Age : 24
Date d'inscription : 14/12/2008 Nombre de messages : 486 Localisation : Créteil
Groupe : Admins

MessageSujet: [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 :
  • bbcode.tpl
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)
    Modifier l'en-tête

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>

    Modifier le cadre

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





AttributExplication(s)
font-familyIndique 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-sizeIndique la taille de la police.
Vous pouvez indiquer une valeur en px, en em ou en %.
colorIndique 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-colorIndique 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
    Modifier le cadre

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é ! :)
________________________

_________________
Plus ou moins là, plus ou moins absent...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.devoirdemaths.com
Liens sponsorisés

[Tuto] Personnaliser le BBCode sur Xooit

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum: Vous ne pouvez pas répondre aux sujets dans ce forum
[FORUM FERME] :: Espace Entraide :: À propos de vos forums... :: Tutoriels -
Créer un forum | © phpBB | Forum gratuit d'entraide | Contact | Signaler un abus | Forum gratuit