It is currently Sun 25 Sep 2016 - 00:35 - créer un forum

[TUTO] Modifier la Citation et le Code

Skip to content

Post new topic Reply to topic

[TUTO] Modifier la Citation et le Code
Author Message
Silver-Puck
Membre


Offline
Membre

Joined: 18 May 2014
Posts: 21
Niveau:
Point(s): 31
Moyenne: 1.48
Windows Vista ou 7 Firefox (ou l'un de ses dérivés : Minefield/Pale Moon/...) Masculin

PostPosted: Thu 10 Jul 2014 - 15:28    Post subject: [TUTO] Modifier la Citation et le Code Reply with quote

PublicitéSupprimer les publicités ?


* Informations sur le tutoriel
Titre Modifier la Citation et le Code.
Version1.0
AuteurSilver-Puck
DescriptionCe tutoriel vous permettra de modifier l'esthétique de la balise citer (quote) et de la balise code.
SourceXooit.com
Template(s) à modifierbbcode.tpl
Temps d'installationde 5 à 10 minutes
DifficultéFacile
Défaut(s)A signaler
Fonctionne surTous les thèmes.



Bonjour, voici un petit tutoriel qui vous permettra de modifier les balises de code, et citation. Vous pouvez personnaliser à l'infini, donc il n'y a pas de durée de temps précise. Tout dépend de ce que vous voulez faire.


Ce que vous pouvez faire : Avec ce tuto, plusieurs choses sont possibles. Vous pouvez tout d’abord changer le nom du rendu des balises. Par exemple, quand vous citez le nom d'une personne, vous verrez marqué : “XXX a écrit". Vous pouvez modifier cela. Pour ce faire, ouvrez votre Panneau d'Administration. Ensuite, allez sur l'onglet "Thème", en haut. Puis sur la barre verticale à la gauche de votre écran, cliquez sur "Modifier les Templates". Après, vous trouverez une liste des templates de votre forum. Vers le début de cette liste se trouve un template nommé bbcode.tpl. Cliquez dessus.



Commençons par modifier la balise de Citation. Vous pouvez modifier la balise quand il y a un auteur, et quand il n'y en a pas. Pour les deux manœuvres, cherchez cela dans votre template :

Code: Sélectionner - Agrandir
<!-- BEGIN quote_username_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
  <tr> 
    <td><b class="genmed">{USERNAME} {L_WROTE}:</b></td>
  </tr>
  <tr>
    <td class="quote"><!-- END quote_username_open -->
<!-- BEGIN quote_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
  <tr> 
    <td><b class="genmed"><b>{L_QUOTE}:</b></td>
  </tr>
  <tr>
    <td class="quote"><!-- END quote_open -->
<!-- BEGIN quote_close --></td>
  </tr>
</table>
<span class="postbody"><!-- END quote_close -->





Pour changer le texte de la Citation sans auteur, cherchez ceci dans votre template :
Code: Sélectionner - Agrandir
<b>{L_QUOTE}:</b>
Et remplacez le par ce que vous souhaitez. A savoir que {L_QUOTE} donne comme rendu "Citer". Si vous voulez écrire par exemple, "Citation", vous n'avez qu'à écrire :
Code: Sélectionner - Agrandir
 <b>Citation:</b>
Note : Vous pouvez également modifier les balises, comme mettre le texte souligné, en couleur, qui clignote, et plein d'autres choses.







Pour changer le texte de la citation d'un message, cherchez ceci dans votre template :  
Code: Sélectionner - Agrandir
 <b class="genmed">{USERNAME} {L_WROTE}:</b>
Et changez ce que vous voulez. Attention à ne pas supprimer le {USERNAME}, sans ça, la balise ne fonctionnera plus automatiquement. A savoir que {USERNAME} {L_WROTE}: donnera "XXX a écrit". Si vous voulez écrire par exemple, "XXX a écrit précédemment", écrivez : 
Code: Sélectionner - Agrandir
<b class="genmed">{USERNAME} a écrit précédemment:</b>
Comme pour l'astuce précédente, vous pouvez aussi rajouter des balises, ou en retirer.





Continuons maintenant avec la balise de Code. Comme nous ne pouvons pas "citer" un code, seule une chose peut être modifiée. C'est exactement la même manœuvre qu'avec la Citation sans Auteur. Pour vous aider, je met quand même comment faire, même si cela paraîtra évident pour certains. Cherchez ceci dans votre template :

Code: Sélectionner - Agrandir
<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
  <tr> 
 <td><b class="genmed"><b>{L_CODE}:</b></td>
  </tr>
  <tr>
 <td class="code"><!-- END code_open -->
<!-- BEGIN code_close --></td>
  </tr>
</table>
<span class="postbody"><!-- END code_close -->






Pour modifier le contenu qui s'affiche quand vous mettez une balise de code, cherchez :
 
Code: Sélectionner - Agrandir
 <b class="genmed"><b>{L_CODE}:</b>

Pour écrire par exemple, Code à copier-coller, écrivez : 
Code: Sélectionner - Agrandir
<b class="genmed"><b>Code à copier-coller:</b>
Vous pouvez bien évidemment modifier les balises comme les deux astuces précédentes.





Et enfin vous pouvez pour les balises de Citation et de Code, mettre un cadre, une couleur de fond aux écritures modifiées précédemment, et les déplacer par rapport à votre sujet. Voici les manœuvres à suivre pour la Citation, et pour le Code : Il suffit juste de modifier les balises table de chacune. Voici la position de chaque balise de table.

Citation sans Auteur wrote:


<!-- BEGIN quote_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td>{L_QUOTE}:</td>
</tr>
<tr>
<td class="quote"><!-- END quote_open -->







Citation avec auteur wrote:


<!-- BEGIN quote_username_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td>{USERNAME} {L_WROTE}:</td>
</tr>
<tr>
<td class="quote"><!-- END quote_username_open -->







Et pour le Code wrote:


<!-- BEGIN code_open --></span>
<table width="90%" cellspacing="1" cellpadding="3" border="0" align="center">
<tr>
<td>{L_CODE}:</td>
</tr>
<tr>
<td class="code"><!-- END code_open -->







Pour mettre un cadre, rajoutez à la balise table la formule bgcolor + la couleur voulue. Par exemple, imaginons que vous désirez mettre un cadre bleu de la couleur #000099. Voici comment il faut modifier la balise de table.

 
Code: Sélectionner - Agrandir

 <table width="90%" cellspacing="1" cellpadding="3" border="0" align="center" bgcolor=#000099>

Et vous aurez un cadre sur votre balise de citation. Faites tout de même à faire attention à ce que la couleurs de cadre soit suffisamment bien en harmonie avec la couleur du texte de citation. Vous pouvez également rendre la balise plus ou moins large par rapport à l'écran en modifiant la balise width. Par exemple si vous voulez une résolution à 50% de l'écran, ayez dans votre balise table :

Code: Sélectionner - Agrandir


  <table width="50%" cellspacing="1" cellpadding="3" border="0" align="center"

Vous pouvez également mettre les citations à gauche ou à droite en modifiant la balise align. Si vous voulez mettre votre texte à droite mettez :

 
Code: Sélectionner - Agrandir

 <table width="50%" cellspacing="1" cellpadding="3" border="0" align="right"

Et si vous voulez la mettre à droite mettez :

 
Code: Sélectionner - Agrandir

  <table width="50%" cellspacing="1" cellpadding="3" border="0" align="left"

 





Fin du tuto. Si vous avez des questions, des suggestions ou autre, n'hésitez pas. Smile




Forum
Author Message
X-Infinity
Membre


Offline
Membre

Joined: 17 Aug 2014
Posts: 2
Niveau:
Point(s): 2
Moyenne: 1.00
Windows Vista ou 7 Chrome (ou l'un de ses dérivés : Chromium/Iron/...) Masculin Lion (24juil-23aoû) 龍 Dragon

PostPosted: Mon 9 Feb 2015 - 19:52    Post subject: [TUTO] Modifier la Citation et le Code Reply with quote

Bonsoir,

pour ceux qui aimerez avoir leur code plus sympathique, je vous propose donc ceci

Code: Sélectionner - Agrandir

<!-- BEGIN code_open -->

<span>
 <div style="margin: 5px 20px 20px;">
 <div class="smallfont" style="font-stretch: normal; font-size: 13px; margin-bottom: 2px; background: rgb(245, 244, 235); color: rgb(0, 0, 0); padding:    6px; border: 1px inset; width: 600px">
  <b>
   CODE :
  </b>
 </div>
 <pre class="alt2" style="margin-top: 0px; margin-bottom: 0px; padding: 6px; border: 1px inset; width: 600px; height: 98px; overflow: auto; background: rgb(245, 244, 235); color: rgb(0, 0, 0)">
 <div dir="ltr">

<!-- END code_open -->

<!-- BEGIN code_close -->

 </div>
 <div>
  <br />
 </div>
 </pre>
 </div>
</span>

<!-- END code_close -->


Ce qui donne ceci :



Forum
Author Message
Contenu Sponsorisé





PostPosted: Today at 00:35    Post subject: [TUTO] Modifier la Citation et le Code

Display posts from previous:   
Reply to topic Page 1 of 1




Portal | Index | Administration Panel | Create a forum | Free support forum | Free forums directory | Report a violation | Conditions générales d'utilisation
Propulsé par p h p B B © 2016 p h p B B Group |
 
© 2003-2013 Xooit.com - Contact - Mentions légales - CGU - Charte - CNIL : 1381401