Personnalisation du règlement spécifique du forum

Voir le sujet précédent Voir le sujet suivant Aller en bas

Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Dans votre P.A, vous avez la possibilité de déposer un règlement spécifique à
chaque forum ou sous-forum, par contre nous sommes limité pour la personnalisation
de ce module hinhin .
Actuellement vous avez à peu près ceci:


Pour avoir ce genre d'effet:


L'image à gauche est celle que vous avez définie dans le P.A :
Général/Catégories et Forums/Catégories et Forums/Le forum en question

Les balises supportées sont les BBcodes pour la couleur ou la taille du texte clin oeil .


Bref, c'est vraiment limité hinhin .

Pour cela je vais vous expliquer comment modifier tout ça dans la template hinhin .

Allez c'est parti les ami(e)s clin oeil .

Dans votre posting_body:
Affichage/Templates/Poster et messages privés
/posting_body

La partie compléte du module en question:
Spoiler:
Code:
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

Modifier la position de l'image définie dans le P.A.


Code:

<img src="{RULE_IMG_URL}" />
Attribuer un style si besoin :
L'image en bas,qui donnera:
Code:
<img src="{RULE_IMG_URL}"style="float:bottom;"/>
L'image en bas à gauche ,qui donnera:
Code:
<img src="{RULE_IMG_URL}"style="float:bottom left;"/>
L'image en bas à droite ,qui donnera:
Code:
<img src="{RULE_IMG_URL}"style="float:bottom right;"/>
L'image en haut,qui donnera:
Code:
<img src="{RULE_IMG_URL}"style="float:top;"/>
L'image en haut à gauche,qui donnera:
Code:
<img src="{RULE_IMG_URL}"style="float:top left;"/>
L'image en haut à droite,qui donnera:
Code:
<img src="{RULE_IMG_URL}"style="float:top right;"/>


Dans cette partie:
Code:
<h1 class="cattitle"> {L_FORUM_RULES}</h1>

Pour avoir ce message de couleur blanc il faudra entourer la variable.
Code:
<h1 class="cattitle"> <font color=#ffffff >{L_FORUM_RULES}</font></h1>
Pour le center:
Code:
<h1 class="cattitle"><center> <font color=#ffffff >{L_FORUM_RULES}</font></center></h1>
Pour mettre une image à droite de la variable:
Code:
<h1 class="cattitle"><center><img src="ADRESSE LIEN IMAGE" align="absmiddle"> <font color=#ffffff >{L_FORUM_RULES}</font></center></h1>
Pour mettre une image à gauche de la variable:
Code:
<h1 class="cattitle"><center> <font color=#ffffff >{L_FORUM_RULES}</font><img src="ADRESSE LIEN IMAGE" align="absmiddle">
</center></h1>
Pour mettre une image des deux côtés:
Code:
<h1 class="cattitle"><center><img src="ADRESSE LIEN IMAGE" align="absmiddle"><font color=#ffffff>  {L_FORUM_RULES}  </font><img src="ADRESSE LIEN IMAGE" align="absmiddle"></center></h1>

Intéressons nous au contenu hinhin :

Code:

<td class="rules postbody">
{RULE_MSG}
</td>

Nous allons appliquer un style afin d'avoir une image en haut et à droite (32 px de préférence ), une couleur, une marge à gauche
Code:
<td class="rules postbody"
style="background-image: url(ADRESSE DE L IMAGE);
background-repeat: no-repeat;/*L'image ne sera pas répétée*/
background-position : top right;/*L'image sera positionnée en haut à droite*/
color:#XXXXXX;/*La couleur de police*/
padding-left:5px;/* Une marge de 5px afin de ne pas coller le texte à la marge de gauche*/
">
Ensuite on peut aussi déposer (juste après ) une autre image qui sera positionnée juste avant le contenu :
Code:
<img src="ADRESSE DE L IMAGE" align="absmiddle"style="float:top left;">

On récapitule hinhin

Code:

<td class="rules postbody"
style="background-image: url(ADRESSE DE L IMAGE);
background-repeat: no-repeat;/*L'image ne sera pas répétée*/
background-position : top right;/*L'image sera positionnée en haut à droite*/
color:#XXXXXX;/*La couleur de police*/
padding-left:5px;/* Une marge de 5px afin de ne pas coller le texte à la marge de gauche*/
">
<img src="ADRESSE DE L IMAGE" align="absmiddle"style="float:top left;">

Pour la même apparence que les forums LiensUtiles,
voici le code complet:
Spoiler:
Code:
<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
   <tbody>
      <tr>
         <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tbody>
                  <tr>
                     <td valign="top">
<h1 class="cattitle"><center><img src="ADRESSE DE L IMAGE" align="absmiddle"><FONT color=white>  {L_FORUM_RULES}  </FONT><img src="ADRESSE DE L IMAGE" align="absmiddle"></center></h1>
                     </td>
                  </tr>
               </tbody>
            </table>
         </td>
      </tr>
      <tr>
         <td class="row1 clearfix">
            <table>
               <tr style="min-height:110px important!;">
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                     <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
<td class="rules postbody"
style="background-image: url(ADRESSE DE L IMAGE);
background-repeat: no-repeat;
background-position : top right;
color:#0b9d00;
padding-left:5px;">
  <img src="ADRESSE DE L IMAGE" align="absmiddle"style="float:top left;">
                     {RULE_MSG}
                  </td>
               </tr>
            </table>
         </td>
      </tr>
   </tbody>
</table>
<!-- END switch_forum_rules -->

coucou



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum