Mettre une image couvrant tout le fond du Qui est en Ligne

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

Résolu Mettre une image couvrant tout le fond du Qui est en Ligne

Message par Maototo le Dim 13 Nov 2011 - 1:28

Bonsoir ! ^^




J'aimerais, comme sur l'exemple ci-dessus, trouver le moyen de mettre une image couvrant tout le fond du Qui est en Ligne, et, par la même occasion, retirer les barres entourées en rouge ci-dessous :



Merci d'avance pour votre aide ! :3
Et désolée si le sujet a déjà été posté, j'ai vérifié, mais il y avait énormément de correspondance avec les mots-clés. > <


Dernière édition par Maototo le Dim 13 Nov 2011 - 13:55, édité 1 fois

Maototo
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 05/11/2011

http://japaddict.forum-canada.net/
Maototo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image couvrant tout le fond du Qui est en Ligne

Message par Savalogin le Dim 13 Nov 2011 - 1:40

Bonsoir,

Pouvez-vous mettre votre template "viewonline_body" s'il vous plaît?

Cordialement.

Savalogin
**

Masculin
Messages : 59
Inscrit(e) le : 30/10/2011

http://testingpowaa.forumactif.org
Savalogin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image couvrant tout le fond du Qui est en Ligne

Message par Maototo le Dim 13 Nov 2011 - 10:40

Merci !
Le voici :

Code:
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <!-- BEGIN googlemap -->
   <tr>
      <td><br />
      <iframe frameborder="0" scrolling="no" width="100%" height="450" src="{googlemap.U_GOOGLEMAP}"></iframe><br />
      <br />
      </td>
   </tr>
   <!-- END googlemap -->
   <tr>
      <td><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a></span></td>
   </tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="4">
   <tr>
      <th class="thCornerL" width="35%" height="25">{L_USERNAME}</th>
      <th class="thTop" width="25%">{L_LAST_UPDATE}</th>
      <th class="thCornerR" width="40%">{L_FORUM_LOCATION}</th>
   </tr>
   <tr>
      <td class="catSides" colspan="3" height="28"><span class="cattitle"><b>{TOTAL_REGISTERED_USERS_ONLINE}</b></span></td>
   </tr>
   <!-- BEGIN reg_user_row -->
   <tr>
      <td class="{reg_user_row.ROW_CLASS}" width="35%"><span class="gen"><a class="gen" href="{reg_user_row.U_USER_PROFILE}">{reg_user_row.USERNAME}</a></span></td>
      <td class="{reg_user_row.ROW_CLASS}" align="center" nowrap="nowrap" width="25%"><span class="gen">{reg_user_row.LASTUPDATE}</span></td>
      <td class="{reg_user_row.ROW_CLASS}" width="40%"><span class="gen"><a class="gen" href="{reg_user_row.U_FORUM_LOCATION}">{reg_user_row.FORUM_LOCATION}</a></span></td>
   </tr>
   <!-- END reg_user_row -->
   <tr>
      <td class="row3" colspan="3" height="1"><img src="_.gif" alt="." height="1" width="1"></td>
   </tr>
   <tr>
      <td class="catSides" colspan="3" height="28"><span class="cattitle"><b>{TOTAL_GUEST_USERS_ONLINE}</b></span></td>
   </tr>
   <!-- BEGIN bot_user_row -->
   <tr>
      <td class="{bot_user_row.ROW_CLASS}" width="35%"><span class="gen">{bot_user_row.USERNAME}</span></td>
      <td class="{bot_user_row.ROW_CLASS}" align="center" nowrap="nowrap" width="25%"><span class="gen">{bot_user_row.LASTUPDATE}</span></td>
      <td class="{bot_user_row.ROW_CLASS}" width="40%"><span class="gen"><a class="gen" href="{bot_user_row.U_FORUM_LOCATION}">{bot_user_row.FORUM_LOCATION}</a></span></td>
   </tr>
   <!-- END bot_user_row -->
   <!-- BEGIN guest_user_row -->
   <tr>
      <td class="{guest_user_row.ROW_CLASS}" width="35%"><span class="gen">{guest_user_row.USERNAME}</span></td>
      <td class="{guest_user_row.ROW_CLASS}" align="center" nowrap="nowrap" width="25%"><span class="gen">{guest_user_row.LASTUPDATE}</span></td>
      <td class="{guest_user_row.ROW_CLASS}" width="40%"><span class="gen"><a class="gen" href="{guest_user_row.U_FORUM_LOCATION}">{guest_user_row.FORUM_LOCATION}</a></span></td>
   </tr>
   <!-- END guest_user_row -->
</table>
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="top"><span class="gensmall">{L_ONLINE_EXPLAIN}</span></td>
      <td align="right" valign="top"><span class="gensmall">{S_TIMEZONE}</span></td>
   </tr>
</table>
<br />
<table width="100%" border="0" cellspacing="2" align="center">
   <tr>
      <td align="right" valign="top">{JUMPBOX}</td>
   </tr>
</table>

Maototo
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 05/11/2011

http://japaddict.forum-canada.net/
Maototo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image couvrant tout le fond du Qui est en Ligne

Message par Savalogin le Dim 13 Nov 2011 - 12:31

Je me suis trompé, c'était le index_body qu'il fallait Rolling Eyes (comme quoi c'est pas génial de veiller jusque 2h du matin...)

Si ce dernier n'a pas déjà été modifié au niveau du qeel, allez sur le template index body:

Repérez cette partie:

Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Remplacer la par:

Code:
<!-- BEGIN disable_viewonline -->
<table id="qeel" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Et rajoutez au niveau du CSS:

Code:
#qeel{
  background-image:url(url_de_l'image);
height:px;
}

#qeel td.row1{
  background-color: transparent;
}

Niveau explication, j'ai juste rajouté un id="qeel" au niveau du template, comme ça après on pourra y appliquer du css simplement avec le #qeel. Pour la valeur du height, dans le CSS, c'est la hauteur de l'image pour éviter qu'elle soit écrasée.

Cordialement.

Savalogin
**

Masculin
Messages : 59
Inscrit(e) le : 30/10/2011

http://testingpowaa.forumactif.org
Savalogin a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre une image couvrant tout le fond du Qui est en Ligne

Message par Maototo le Dim 13 Nov 2011 - 13:39

Merci beaucoup ! Mais savez-vous comment faire en sorte que le Qui est en Ligne ne fasse que 360 pixels de haut ?
J'ai modifié "height:500px;" dans le code que vous m'avez donné, mais ça n'a visiblement pas suffit. :3

Merci encore pour votre réponse !

EDIT : problème réglé ! Je passe en résolu, merci infiniment !

Maototo
Nouveau membre

Féminin
Messages : 20
Inscrit(e) le : 05/11/2011

http://japaddict.forum-canada.net/
Maototo a été remercié(e) par l'auteur de ce sujet.

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


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