Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[ ↓ ]

Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

Milouze14


Fondateur

Milouze14

Message posté: le Jeu 24 Nov 2011 - 10:05
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





Fondateur des forums Milouze14

- Contact par MP -



Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

[ ↑ ]

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

  
  • © PunBB | Signaler un abus