Carré de fond pour "Qui est en ligne" et "Statistiques"

[Diorm]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://landofevil.forums-rpg.com/

Description du problème

Voilà je me demandais comment mettre une couleur de fond (un carré) qui engloberait seulement "Qui est en ligne" et "Statistiques".
De là à ce que ça ai la même forme que le reste des catégories de mon forum.

[MlleAlys]

Bonjour,

On va pour cela ajouter un bloc autour du qeel et des stats dans le template :

• dans affichage > templates, éditez le template index_body (page d'accueil)
  
• Localisez la ligne :
  

  Code:

  <!-- BEGIN disable_viewonline -->

  Et la ligne :
  

  Code:

  <!-- END disable_viewonline -->

  Tout ce qui se trouve entre ces deux ligne correspond au qeel et aux stats du forum ^^
  
  
  
• Juste après <!-- BEGIN disable_viewonline -->, ajoutez
  

  Code:

     <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>

  (on ouvre le bloc au début du qeel)
  
  
• Juste avant <!-- END disable_viewonline -->, ajoutez
  

  Code:

  
      <span class="corners-bottom"><span></span></span></div>
   </div>

  (on ferme le bloc à la fin des stats)
  
  
  
• Ce qui donne finalement ce résultat :
  

  Code:

  <!-- BEGIN disable_viewonline -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END disable_viewonline -->

  
  
  
• enregistrez le template
  
• publiez le template
  

Actualisez l'index de votre forum ^^

[Diorm]

Wow! Ça a le mérite d'être claire net et précis! Et en même temps j'apprends.

Merci à vous! Vous êtes très doué!