Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

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

Résolu Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Dim 10 Juil 2011 - 19:11

Bonjour,

J'ai précédemment poser une question pour savoir comment mettre une image en fond sur les messages pour la lecture.
C'était uniquement concernant la colonne du message (pas celle avec l'avatar...)
On m'a répondu ceci :


Maintenant, j'aimerais faire pareil mais à l'endroit où on visualise la liste des sujets, directement dans les rubriques "topic list" je crois que ça s'appel.
Mais j'aimerais que ça n’apparaisse qu'à l'endroit entourer en rouge, c'est à dire pas dans les colonnes "nouveau message" "pas de nouveau message" ni dans les colonnes "vus" "dernier posteur"...


J'imagine qu'il y a forcément une solution avec les templates etc.
Pouvez vous m'aider s'il vous plait?
Comment faire?


Dernière édition par tony59 le Mar 12 Juil 2011 - 4:28, édité 1 fois

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Dim 10 Juil 2011 - 19:26

Salut Tony59,

Affichage/Templates/Général/topics_list_box


Recherches ceci:
Code:
<td class={topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
Modifies la class:

Code:
<td class="test"{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">

Ajoutes dans ta feuille de style
Code:
.test
{
background-image: ton image;
}


a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Dim 10 Juil 2011 - 19:41

Bonjour,

Désolé, je n'ai pas ou je n'ai plus, ceci :
Code:
    <td class={topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
Par contre, j'ai cela :
Code:
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>

Voici mon templates complet d'ailleurs au cas où
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> TOPICS              <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/secretstory.saison5&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> </th>
      <th align="center" nowrap="nowrap" width="80"> Réponses </th>
      <th align="center" nowrap="nowrap" width="100"> Publié par ... </th>
      <th align="center" nowrap="nowrap" width="50"> Vus </th>
      <th align="center" nowrap="nowrap" width="150"> Dernier posteur :  </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            <i>=>{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</i>
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Dim 10 Juil 2011 - 19:44

Salut,

alors modifies ceci
Code:
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>

Par

Code:
<td class="test"{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>

test est la class donnée modifies la comme tu veux Wink

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Dim 10 Juil 2011 - 20:14

Désolé, ça ne fonctionnes pas.
J'ai essayer de mettre
Code:
        background-image:url('http://goo.gl/KsSEF');
à la place de
Code:
background-image: http://goo.gl/KsSEF
dans mon css au cas où même si j'imagine que c'est pareil mais bon j'y connais pas grand chose donc voilà.
Ensuite j'ai changer toutes les modification, et j'ai mis avec la classe de départ dans le CSS
Code:
.{topics_list_box.row.ROW_CLASS}
    {
background-image: http://goo.gl/6ZNKh;
    }
On ne sait jamais lol comme j'y connais pas grand chose je test... Mais ça ne marche toujours pas.

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Lun 11 Juil 2011 - 1:14

Rebonjour,

Désolé du double poste... J'ai compris l'erreur que j'avais faites.
Ca fonctionnes là MAIIIIS ... en fait je vois bien l'image, sauf que quand je passe la souris dessus... elle disparait.
Très bizarre... dès que je passe la souris dessus c'est la couleur de derrière qui réapparait

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Lun 11 Juil 2011 - 4:31

Salut,

Pour ne pas avoir un survol différent modifies ta CSS
Code:

.test , td.row1.over:hover
    {
background-image: url('http://i41.servimg.com/u/f41/15/61/61/20/sas12.png');
background-repeat: no-repeat;
    }

a++


Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Lun 11 Juil 2011 - 11:41

Salut

Désolé ça ne marche pas.
En fait ça fait pareil qu'avant pour les rubriques où ça affiche directement les topics...
Et ça ajoutes en plus l'effet inverse dans les forums : sur la page d'accueil en effet, c'est au sur lignage des parties des différentes rubriques de mon forum qu'apparait l'image

Je n'y connais rien mais à tout hasard, on ne pourrais pas par exemple créer une classe pour le onmouseover et une autre pour le onmouseout

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Lun 11 Juil 2011 - 13:35

Salut,
tu peux toujours essayer ceci
Code:
<td class="test" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>


et la css
Code:
.test
    {
background-image: url('http://i41.servimg.com/u/f41/15/61/61/20/sas12.png');
background-repeat: no-repeat;
    }
a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Lun 11 Juil 2011 - 14:54

Non désolé ça ne marche toujours pas.
Ca donnes ça :

En 1 - Une drôle de couleur remplace celle du noir, e la vue directement
En 2 - Quand je passe la souris dessus, ça redeviens noir comme avant.

Au cas où j'aurais fait une erreur ou qu'avant j'aurais mis une autre personnalisation qui aurait empêcher celle ci de s'appliquer j'en sais donc voilà tout mon template actuel :
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> TOPICS              <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/secretstory.saison5&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> </th>
      <th align="center" nowrap="nowrap" width="80"> Réponses </th>
      <th align="center" nowrap="nowrap" width="100"> Publié par ... </th>
      <th align="center" nowrap="nowrap" width="50"> Vus </th>
      <th align="center" nowrap="nowrap" width="150"> Dernier posteur :  </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->    <td class="listebox" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
<td class="listebox1"{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row1"' onmouseout='this.className="listebox2"{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            <i>=>{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</i>
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

Et voici tout mon css:
Code:
{ text-decoration: none; }
blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }

  /* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */

    a { text-decoration: none; }
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://goo.gl/4Ptts);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://goo.gl/zMLUm);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://goo.gl/QWjxV);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://goo.gl/ZmaO6) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://goo.gl/SfqDK) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://goo.gl/yGnwB);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://goo.gl/n8Mj4);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://goo.gl/Kc5d4);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://goo.gl/97xwY);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://goo.gl/DlZ8F);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://goo.gl/MJU25);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://goo.gl/Lmk3S) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}

    .ces1 {color : #ff0829;font-weight: bold;}

.bodyline {
      -moz-border-radius-topright: 80px;
}
.bodyline {
      -moz-border-radius-topleft: 80px;
}
.bodyline {
      -moz-border-radius-bottomright: 80px;
}
.bodyline {
      -moz-border-radius-bottomleft: 80px;
}

input,textarea, select {
border:2px solid #00000;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.numeroid { ... }

.class
{background-color: black;}

.cadreinfo{
background-repeat: no-repeat;
  background-image: url(http://goo.gl/N43mh);
  background-color: #b5bec6;
        border: 2px solid #000000;
  min-height: 83px;
  background-position: 5px 5px;
  padding-left: 85px;
  color: #000;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  width: 80%;
    margin: 5px;
      padding-right: 3px;
      padding-top: 3px;
      padding-bottom: 3px;
}

body {

  font-size:1em;

}


    /*Cadre de l'avatar*/
      .cadravatar  {
    border : 3px solid #000000;
    margin-right : 20px; /*marge à droite pour incorporation du triangle obligatoire*/
    margin-left : 20px; /*marge à gauche pour égaliser, vous pouvez l'enlever si besoin*/
    }

    /*Bulle autour du message*/
    .bulle{
    background-color : #ffffff; /*couleur du fond de la bulle*/
    border : 1px solid #150061; /*couleur de la bordure*/
    -moz-border-radius: 10px ; /*adapter les arrondis en réglant le 10px des 4 phrases*/
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
    padding : 5px; /*espacement interne obligatoire pour éviter les débordements de texte et d'images*/
    }
    /*Image du triangle de la bulle*/
    .attache {
      background-image : url("http://goo.gl/zz6Wt"); /*Image du triangle de la bulle à vous de faire la votre, vous pouvez prendre modèle sur la mienne*/
    width: 20px; /*largeur de l'image à remettre, obligatoire*/
    height :20px; /*hauteur de l'image à remettre, obligatoire*/
    position : relative;
    top :50px; /*à régler si besoin il s'agit de la position en hauteur initiale de l'image par rapport à celle qu'elle aura en visuel, obligatoire*/
    left :-19px; /*idem, mais en largeur, calculer facilement, largeur de l'image -1, obligatoire*/
    }

body {
filter:alpha(opacity=98);
-moz-opacity:0.98;
-khtml-opacity: 0.98;
opacity: 0.98;
}

/* CADRE VERT */
.vert{
  background-repeat: no-repeat;
  background-image: url("http://goo.gl/zhFF9");
  padding: 10px;
  width: 500px;
  height: 70px;
  color:#F0E36B;
  font-family: Papyrus, time new roman, serif;
  text-align: center;
  background: #4E3D28;
  border: 1px solid #ffff00;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

/*LIGHT BOX*/
/* CSS pour modifier la taille des images dans les sujets */
div.postbody img { max-width: 800px; max-height: 600px; }

/* CSS pour jQuery lightBox plugin @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    opacity: 0.90
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;   
}           
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;   
}
        a:hover {
        text-shadow: #ff00ff 1px 1px 1px;
        }


.post {
background-image: url('http://goo.gl/i6fgT');
}

        .fondmsg {
        background-image:url('http://goo.gl/npqNi');
        }

.listebox
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }

Si je n'ai pas d'erreurs ce n'est pas grave c'est pas hyper important merci quand même Wink

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Lun 11 Juil 2011 - 17:37

Salut,

il manque une partie de ta CSS Neutral

Code:
class="listebox1"
Code:
class="listebox2"



a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Lun 11 Juil 2011 - 18:38

Comment dois-je mettre cela?
Je ne comprend pas, est ce que ce code est bon ou pas?
Code:
<td class="listebox1"{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row1"' onmouseout='this.className="listebox2"{topics_list_box.row.ROW_CLASS}"' width="100%">
Parceque même si je met ça dans mon css
Code:
.listebox1
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }
.listebox2
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }
à la place de
Code:
.listebox
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }
ça ne change toujours rien

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Lun 11 Juil 2011 - 19:01

Salut,
le forum concerné est bien celui de ton profil ?

Cette image
http://wallpapers-diq.net/wallpapers/12/Touch_of_Beauty_3D_Design.jpg

n'est pas visible actuellement Crying or Very sad

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Lun 11 Juil 2011 - 19:04

Oui c'est bien celui dans mon profil.
Il faut juste ajouter le "?tt=1" à la fin des liens car je n'ai pas valider définitivement le template vu qu'il y a encore pas mal de monde sur le forum

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Lun 11 Juil 2011 - 19:12

Salut,
le lien donné correspond à ton PA je crois et comment
peux tu dire que cela ne fonctionne pas si tu ne le valides pas Crying or Very sad

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Lun 11 Juil 2011 - 19:27

Je viens de valider mais c'est pareil
... Bah parceque j'ai fait la prévisualisation avec le "?tt=1" pour voir sans valider.

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Lun 11 Juil 2011 - 19:30

Salut,
je viens de regarder sur ton forum et les class sont complétement différentes
à celles proposées Wink .


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Lun 11 Juil 2011 - 20:19

Je ne comprend pas désolé.
Qu'est ce qu'il faut que je fasse exactement?

Ma css est bien :
Code:
{ text-decoration: none; }
blink {
          visibility: expression((function(){
          if (!window.IEBlink) {
          window.IEBlink = "visible";
          setInterval(function() {
          window.IEBlink = (window.IEBlink=="visible"?"hidden":"visible");
          var blinks = document.getElementsByTagName("blink");
          for (var i=0; i < blinks.length; i++) { blinks[i].style.visibility=window.IEBlink; }
          }, 700)
          }
          return "";
          })());
        }

  /* Début - style pour vérification pseudo à l'inscription */
#username_reg {
  color: #a90c0c;
}
#username_reg.okusername {
  color: #2f9122;
}
/* Fin - style pour vérification pseudo à l'inscription */

    a { text-decoration: none; }
.colorpicker {
  width: 356px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(http://goo.gl/4Ptts);
  font-family: Arial, Helvetica, sans-serif;
  display: none;
}
.colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(http://goo.gl/zMLUm);
}
.colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(http://goo.gl/QWjxV);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(http://goo.gl/ZmaO6) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
}
.colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(http://goo.gl/SfqDK) top;
  left: 212px;
  top: 142px;
}
.colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(http://goo.gl/yGnwB);
  top: 52px;
  left: 212px;
}
.colorpicker_rgb_g {
  background-image: url(http://goo.gl/n8Mj4);
  top: 82px;
  left: 212px;
}
.colorpicker_rgb_b {
  background-image: url(http://goo.gl/Kc5d4);
  top: 112px;
  left: 212px;
}
.colorpicker_hsb_h {
  background-image: url(http://goo.gl/97xwY);
  top: 52px;
  left: 282px;
}
.colorpicker_hsb_s {
  background-image: url(http://goo.gl/DlZ8F);
  top: 82px;
  left: 282px;
}
.colorpicker_hsb_b {
  background-image: url(http://goo.gl/MJU25);
  top: 112px;
  left: 282px;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(http://goo.gl/Lmk3S) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}

    .ces1 {color : #ff0829;font-weight: bold;}

.bodyline {
      -moz-border-radius-topright: 80px;
}
.bodyline {
      -moz-border-radius-topleft: 80px;
}
.bodyline {
      -moz-border-radius-bottomright: 80px;
}
.bodyline {
      -moz-border-radius-bottomleft: 80px;
}

input,textarea, select {
border:2px solid #00000;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.numeroid { ... }

.class
{background-color: black;}

.cadreinfo{
background-repeat: no-repeat;
  background-image: url(http://goo.gl/N43mh);
  background-color: #b5bec6;
        border: 2px solid #000000;
  min-height: 83px;
  background-position: 5px 5px;
  padding-left: 85px;
  color: #000;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  width: 80%;
    margin: 5px;
      padding-right: 3px;
      padding-top: 3px;
      padding-bottom: 3px;
}

body {

  font-size:1em;

}


    /*Cadre de l'avatar*/
      .cadravatar  {
    border : 3px solid #000000;
    margin-right : 20px; /*marge à droite pour incorporation du triangle obligatoire*/
    margin-left : 20px; /*marge à gauche pour égaliser, vous pouvez l'enlever si besoin*/
    }

    /*Bulle autour du message*/
    .bulle{
    background-color : #ffffff; /*couleur du fond de la bulle*/
    border : 1px solid #150061; /*couleur de la bordure*/
    -moz-border-radius: 10px ; /*adapter les arrondis en réglant le 10px des 4 phrases*/
    -webkit-border-radius:10px;
    -border-radius:10px;
    -khtml-border-radius:10px;
    padding : 5px; /*espacement interne obligatoire pour éviter les débordements de texte et d'images*/
    }
    /*Image du triangle de la bulle*/
    .attache {
      background-image : url("http://goo.gl/zz6Wt"); /*Image du triangle de la bulle à vous de faire la votre, vous pouvez prendre modèle sur la mienne*/
    width: 20px; /*largeur de l'image à remettre, obligatoire*/
    height :20px; /*hauteur de l'image à remettre, obligatoire*/
    position : relative;
    top :50px; /*à régler si besoin il s'agit de la position en hauteur initiale de l'image par rapport à celle qu'elle aura en visuel, obligatoire*/
    left :-19px; /*idem, mais en largeur, calculer facilement, largeur de l'image -1, obligatoire*/
    }

body {
filter:alpha(opacity=98);
-moz-opacity:0.98;
-khtml-opacity: 0.98;
opacity: 0.98;
}

/* CADRE VERT */
.vert{
  background-repeat: no-repeat;
  background-image: url("http://goo.gl/zhFF9");
  padding: 10px;
  width: 500px;
  height: 70px;
  color:#F0E36B;
  font-family: Papyrus, time new roman, serif;
  text-align: center;
  background: #4E3D28;
  border: 1px solid #ffff00;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

/*LIGHT BOX*/
/* CSS pour modifier la taille des images dans les sujets */
div.postbody img { max-width: 800px; max-height: 600px; }

/* CSS pour jQuery lightBox plugin @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    opacity: 0.90
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}   
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;   
}           
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;   
}
        a:hover {
        text-shadow: #ff00ff 1px 1px 1px;
        }


.post {
background-image: url('http://goo.gl/i6fgT');
}

        .fondmsg {
        background-image:url('http://goo.gl/npqNi');
        }

.listebox1
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }
.listebox2
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }
Et mon topics_list_box est pourtant bien
Code:
<!-- BEGIN topics_list_box --><!-- BEGIN row --><!-- BEGIN header_table --><!-- BEGIN multi_selection -->
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
   var all_checked = true;
   for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
      }
   }
   document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
   for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
      if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
         document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
      }
   }
}
</script>
<!-- END multi_selection -->

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> TOPICS              <iframe src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/secretstory.saison5&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe> </th>
      <th align="center" nowrap="nowrap" width="80"> Réponses </th>
      <th align="center" nowrap="nowrap" width="100"> Publié par ... </th>
      <th align="center" nowrap="nowrap" width="50"> Vus </th>
      <th align="center" nowrap="nowrap" width="150"> Dernier posteur :  </th>
      <!-- BEGIN multi_selection -->
      <th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>
   <!-- END multi_selection -->
   </tr>
   <!-- BEGIN pagination -->
   <tr>
      <td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
   </tr>
   <!-- END pagination -->
   <!-- END header_table --><!-- BEGIN header_row -->
   <tr>
      <td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> <b>{topics_list_box.row.L_TITLE}</b></span></td>
   </tr>
<!-- END header_row -->

<!-- BEGIN topic -->
{topics_list_box.row.END_TABLE_STICKY}
   <tr>
      <!-- BEGIN single_selection -->    <td class="listebox" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>
      <!-- END single_selection -->
      <td class="{topics_list_box.row.ROW_FOLDER_CLASS}" align="center" valign="middle" width="20"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></td>
      <!-- BEGIN icon -->
      <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
      <!-- END icon -->
<td class="listebox1"{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row1"' onmouseout='this.className="listebox2"{topics_list_box.row.ROW_CLASS}"' width="100%">
         <div class="topictitle">
            {topics_list_box.row.NEWEST_POST_IMG}{topics_list_box.row.PARTICIPATE_POST_IMG}{topics_list_box.row.TOPIC_TYPE}
            <h2 class="topic-title">
               <a class="topictitle" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a>
            </h2>
         </div>
         <!-- BEGIN switch_description -->
         <span class="genmed">
            <br />
            <i>=>{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}</i>
         </span>
         <!-- END switch_description -->
         <span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span> 
         <span class="gensmall">{topics_list_box.row.GOTO_PAGE}<!-- BEGIN nav_tree -->{topics_list_box.row.TOPIC_NAV_TREE} <!-- END nav_tree --></span>
      </td>

      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.REPLIES}</span></td>
      <td class="row3" align="center" valign="middle"><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span></td>
      <td class="row2" align="center" valign="middle"><span class="postdetails">{topics_list_box.row.VIEWS}</span></td>
      <td class="row3Right" onmouseover='this.className="row1"' onmouseout='this.className="row3Right"' align="center" valign="middle" nowrap="nowrap"><span class="postdetails">{topics_list_box.row.LAST_POST_TIME}<br />{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</span></td>
<!-- BEGIN multi_selection -->
      <td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>
   <!-- END multi_selection -->
   </tr>
   <!-- END topic --><!-- BEGIN no_topics -->
   <tr>
      <td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
   </tr>
   <!-- END no_topics --><!-- BEGIN bottom -->
   <tr>
      <td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
         <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
               <td> <span class="gensmall">{PAGINATION}</span></td>
               <td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
            </tr>
         </table>
      </td>
   </tr>
<!-- END bottom --><!-- BEGIN footer_table -->
</table><!-- END footer_table --><!-- BEGIN spacer --><br class="gensmall" /><!-- END spacer --><!-- END row --><!-- END topics_list_box -->

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par Milouze14 le Mar 12 Juil 2011 - 3:53

Salut,
je viens de trouver pourquoi l'image ne s'affichait pas correctement
Héberges ces dernières sur http://www.servimg.com/ de préférence Wink .

Dans ta Template:
recherches et supprimes ceci:
Code:
<td class="listebox1"{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row1"' onmouseout='this.className="listebox2"{topics_list_box.row.ROW_CLASS}"' width="100%">


Remplace par:
Code:
<td class="row4" onmouseover='this.className="row4"' onmouseout='this.className="row4"' width="100%">

Dans ta CSS:

Supprimes
Code:
.listebox1
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }
.listebox2
    {
background-image: url('http://goo.gl/1RSzj');
background-repeat: no-repeat;
    }

Et déposes ceci:
Code:
.row4
        {
    background-image: url('http://i46.servimg.com/u/f46/11/26/21/37/fond10.jpg');
    background-repeat: no-repeat;
        }
L'image à été modifié sur l’hébergeur du forum Wink .

Par contre je ne comprend pas pourquoi tu veux cette image dans cette
petite partie car elle est vraiment imposante sur les dimensions 1920*1200px Neutral

Il est donc normal que tu ne vois pratiquement rien de cette dernière Wink


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un fond dans l'affichage des de la liste des topics ... mais JUSTE à la colonne des liens vers les topics

Message par tony59 le Mar 12 Juil 2011 - 4:27

Coucou
Ahlala merci énormément, comme ça en enlevant les anciens noms de class et en mettant le même pour mouseover et out là , ça fonctionne nickel.
Merci encore c'est superbe Smile

tony59
*****

Masculin
Messages : 618
Inscrit(e) le : 23/10/2010

http://www.leforumsecret.com
tony59 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