Partagez | 
 

 image du QEEL en haut

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Je suis : Admin, Admin Voir le profil de l'utilisateur http://archipel.forums-actifs.com/ http://mellesniffle-test.forumactif.com
avatar

Nombre de messages :
49

Age :
25

Points :
152

Date d'inscription :
03/07/2007


Cadre 1
Test: blabla
Test 2: bubulle

MessageSujet: image du QEEL en haut   Ven 24 Aoû - 19:05


Mettre l'image du QEEL en haut


Bonjour bonjour ! Je me lance dans mon premier tuto alors jetez moi des pierres si ce n'est pas clair !
Il paraît que c'est à la mode alors je vais vous expliquer comment mettre une image de qui-est-en-ligne en haut ! Pour ceux qui ne verraient pas trop de quoi je parle, voici un petit schéma (CSS styyyyle, wouhou /o/) :

>> Ce à quoi il ressemble de base




L'image du qeel est là
Des statistiques
D'autres statistiques !

>>Et ce qu'on aimerait




L'image du qeel est là
Des statistiques
D'autres statistiques !

Maintenant on retrousse les manches !


Tout d'abord, il faut vous diriger dans Affichage > Template. Celui qui nous intéresse est index_body, il suffit de cliquer sur la roue mécanique et pof, plein de code !

Trifouillons un peu le code

Vous pouvez tout simplement faire un ctrl+F (mais dans mon cas, mon navigateur ne prend ce qu'il voit sans penser au scroll, cet idiot).

Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
   <tr>
      <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span></td>
   </tr>
   {L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
   {L_WHOSBIRTHDAY_WEEK}
   <tr>

Ensuite, coupez cette ligne :
Code:
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

C'est la ligne de code qui contient l'image. On va donc la couper pour la remettre ailleurs. Mais pour ça, il faut créer une ligne pour le tableau, et en haut puisqu'on la veut au dessus ! Donc, en dessous de cette ligne :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

On va créer deux balises :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
   </tr>

Ensuite, il suffit de coller la ligne précédente entre les deux balises crées :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
   </tr>

Petite précision

Le titre du tableau vous gênera peut être (il s'agit d'une colonne pas forcément jolie avec le mot "qui est en ligne" dessus, même personnalisée cela peut déranger). Il suffit simplement de l'enlever.

En dessous du code mis précédemment, soit :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
   </tr>

Il faudra supprimer :
Code:
  <tr>
      <td class="catHead" colspan="2" height="28">
      <!-- BEGIN switch_viewonline_link -->
      <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
      <span class="cattitle">{L_WHO_IS_ONLINE}</span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>

Tout simplement !

Et c'est terminé !

A vous de configurer votre image correctement pour que ça fasse joli ! Il y a certainement d'autres manières de procéder mais en voici une pour vous aider si besoin.
J'espère que ce topic vous aura été utile. ^^
(et que le staff me tapera pas !)
 
image du QEEL en haut
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Histoire et Images Médiévales : Les arts du Haut Moyen Age
» Prise de vue avec objectif à bascule
» Recherche photo haut elfe
» Détail insolite ( Maison du Haut Atlas Marocain )
» En haut du Salève

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forumessais :: Codage :: Tutoriel pour structure-
Sauter vers: