Séparer corps du forum & colonne derniers messages

[Eden.]

Bonsoir,

Je pense que le titre est assez révélateur x) enfaite j'aimerais avoir en tout 2 colonnes sur mon forum dont:
-le corps du forum (les catégories)
- la colonne derniers messages (comprenant les boutons : new,lock...)

Par contre pour cela je ne sais pas du tout ce que je dois modifier et comment...
Lien du forum : ICI

[Dr. Karlos]

Bonsoir

Je vais essayer de le faire Avez-vous un schéma? Votre template index_box est-il modifié?


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Eden.]

Oui je pense que mon index_box a été modifié je vous le donne ^^:

Code:


<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
     
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
     
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Je vous ai fait vite fait ce que je voudrais obtenir c'est approximatif >< :

Spoiler:

[kakale]

Bonsoir...

Nous traitons du même problème ICI ... A quelques différences près.

[Dr. Karlos]

Bonsoir,

Voici votre nouveau template:

Code:

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
     
            <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                  <td valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <span class="gensmall">{LAST_VISIT_DATE}<br />
                    {CURRENT_TIME}<br />
                    </span>
                    <!-- END switch_user_logged_in -->
                    <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
                  </td>
                  <td class="gensmall" align="right" valign="bottom">
                    <!-- BEGIN switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
                    <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
                    <!-- END switch_user_logged_in -->
                    <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
                  </td>
              </tr>
            </table>
     
     
            <!-- DEBUT MODIF ONGLETS -->
     
            <script type="text/javascript">
            <!--
     
            document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
            <ul class="conteneur_onglets">
     
            <li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Pour Commencer</li>
            <li onClick="change_cat(2)" class="onglet " id="onglet_2">La Ville</li>
            <li onClick="change_cat(3)" class="onglet " id="onglet_3">Le Lycée</li>
            <li onClick="change_cat(4)" class="onglet " id="onglet_4">Le Monde Extérieur</li>
            <li onClick="change_cat(5)" class="onglet " id="onglet_5">Divers</li>
     
            </ul></div>');
     
            var compteur_cat = 1;
     
            function change_cat(numero)
            {
              if(document.getElementById('categorie_'+numero))
              {
                  /* affichage de la bonne categorie */
                  $('table[id^=categorie_]').css('display','none');
                  $('table[id=categorie_'+numero+']').fadeIn();
             
                  /* affichage du bon onglet */
                  $('.actif').removeClass("actif");
                  $('.onglet[id=onglet_'+numero+']').addClass("actif");
              }
            }
     
            function capture_cat()
            {
              if(compteur_cat == 1)
              {
                  document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
              }
              else
              {
                  $('#conteneur_barre_onglet').css("display","block");
                  document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
              }
         
              compteur_cat++;
            }
     
            //-->
            </script>
     
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->
     
            <script type="text/javascript">
            <!--
              capture_cat();
            //-->
            </script>
     
            <!-- FIN MODIF ONGLETS -->
     
     
           
              <!-- END tablehead -->
              <!-- BEGIN cathead -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                  <!-- END inc -->
                  <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                    <h{catrow.cathead.LEVEL} class="hierarchy">
                        <span class="cattitle">
                          <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                        </span>
                    </h{catrow.cathead.LEVEL}>
                  </td>
                  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
              </tr>
              <!-- END cathead -->
              <!-- BEGIN forumrow -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                  <!-- END inc -->
               
                  <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                        </span>
                    </h{catrow.forumrow.LEVEL}>
                    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                    <span class="gensmall">
                        <!-- BEGIN switch_moderators_links -->
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                     
                    </span>
                  </td>

                  <!-- BEGIN forum_link_no -->
               
                  <td class="row3 over" align="center" valign="middle" height="50">
                    <span class="gensmall">{catrow.forumrow.LAST_POST} <br /><br /> <br /> <br />  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
      </td>
            <!-- END forum_link_no -->
            <!-- BEGIN forum_link -->
            <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
            <!-- END forum_link -->
            </tr>
            <!-- END forumrow -->
            <!-- BEGIN catfoot -->
            <tr>
            <!-- BEGIN inc -->
            <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
            <!-- END inc -->
            <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
            </tr>
            <!-- END catfoot -->
            <!-- BEGIN tablefoot -->
            <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et voici le code à insérer dans votre CSS:

Code:

td.row1.over, td.row3.over {
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
   }


#categorie_1 {
border-spacing: 20px;}

Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Eden.]

Je tenais a vous remercier deja ^^ mais Je viens de tester et sa marche pas on dirait... Les 2 colonnes ne sont pas séparés et lors de l'enregistrement du template j'ai l'impression que sa bug sa me met sur une page blanche (about=blank)

[Dr. Karlos]

Bonsoir,

Pouvez-vous mettre votre CSS ici? En ce qui concerne le "about blank", utilisez-vous Google Chrome?

Le résultat fonctionne pourtant chez moi...


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Eden.]

Oui c'est ça j'utilise bien Google Chrome c'est à cause de sa ?

Voila mon code css :

Code:

 body {
                background-repeat: no-repeat;
                }
       
                a{text-decoration:none!important;}
                a:hover {text-decoration: none !important;}
       
       
                /**SOULIGNEMENT EN POINTILLÉ**/
                      u {
                        border-bottom: 1px dotted black;
                        text-decoration: none !important;
                        }
       
                /**ILLUMINE**/
                        a img {
                        opacity: 0.8;
                        }
                        a:hover img {
                        opacity: 10.0;
                        }
           
           
                /* QEEL */
       
                .qeel {
                text-shadow: 1px 1px 1px #000000;
                  font-weight: bold;
                  font-family: georgia;
                  font-size: 25px;
                  font-weight: lighter;
                  letter-spacing: 2px;
                }
       
                .surtexte {
                text-shadow: 1px 1px 1px #000000;
                  font-weight: bold;
                  font-family: georgia;
                  font-size: 14px;
                  font-weight: lighter;
                  letter-spacing: 2px;
                }
       
                body {
                background-repeat: no-repeat;
                  background-position: none;
                }
       
       
                /* DESCRIPTION DES CATEGORIE */
       
                .boitehaut{
                width: 600px;
                color: #1C1B2B;
                -moz-border-radius:7px;
          -webkit-border-radius:7px;
          -ô-border-radius:7px;
          -khtml-border-radius:7px;
          border-radius:7px;
                background-color: #C9D7FF;
                padding-right:10px;
                padding-bottom: 3px;
                padding-top:3px;
                }
       
                .boitebas{
                color: #1C1B2B;
                -moz-border-radius:7px;
          -webkit-border-radius:7px;
          -ô-border-radius:7px;
          -khtml-border-radius:7px;
          border-radius:7px;
                background-color: #C9D7FF;
                padding-right:10px;
                padding-bottom: 3px;
                padding-top:3px;
                }
       
                .vignettes
                {-moz-border-radius:7px;
          -webkit-border-radius:7px;
          -ô-border-radius:7px;
          -khtml-border-radius:7px;
          border-radius:7px;
                background-color: #C9D7FF;
                color: #1C1B2B;
                padding-right:10px;
                padding-left:10px;
                padding-bottom: 3px;
                padding-top:3px;
                }
       
                /* TITRES DES CATEGORIE */
       
                a.forumlink:link, a.forumlink:visited {
                background-image: url("http://img841.imageshack.us/img841/183/hom8.gif");
                font-family: georgia;
                text-transform : uppercase;
                text-align: center;
                font-size: 100%;
                border-bottom: 5px solid #ffffff;
                color: #1C1B2B;
                letter-spacing: 1px;
                display: block;
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                }
                a.forumlink:hover, a.forumlink:hover:visited {
                background-image: url("http://img822.imageshack.us/img822/6414/pattern2b.png");
                color: #1C1B2B;
                text-align: center;
                display: block;
                border-bottom: 5px solid #couleur;
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                }
       
                /* CODE POUR OPACITER */
       
                .pastaff {
                filter:alpha(opacity=50);
                -moz-opacity:0.5;opacity: 0.5;
                padding:4px;
                background-color:#97ACDE;
                margin:3px;
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                border:2px solid #FFFFFF;
                }
                .pastaff:hover {
                filter:alpha(opacity=100);
                -moz-opacity:6;opacity: 1;
                }
       
                /* BARRE DE NAVIGATION */
       
                  a.mainmenu
                {
                  font-family: Century Gothic, serif;
                  font-size: 70%;
                  color: #1C1B2B;
                  text-align: center;
                  -moz-border-radius:12px;
            -webkit-border-radius:12px;
            -ô-border-radius:12px;
            -khtml-border-radius:12px;
            border-radius:12px;
                  background-color:#338496;
                  padding-left: 2px;
                  padding-right: 2px;
                  }
       
                  a.mainmenu:hover
                {
                  font-family: Century Gothic, serif;
                  font-size: 70%;
                  color: #1C1B2B;
                  text-align: center;
                  -moz-border-radius:12px;
            -webkit-border-radius:12px;
            -ô-border-radius:12px;
            -khtml-border-radius:12px;
            border-radius:12px;
                  background-color:#C2C2C2;
                  padding-left: 2px;
                  padding-right: 2px;
                  }
       
                /* PAGE D ACCUEIL */
       
                a:link {text-decoration: none; border: none;}
                a:visited {text-decoration: none; border: none;}
                a:hover {text-decoration: none; border: none;}
                a:active {text-decoration: none;border: none;}
                a {text-decoration: none; border: none;}
       
                .MENU {
                text-transform:normal;
                text-align:center;
                background-color: #C9D7FF;
              }
       
       
                .MENU:hover {
                text-align:center;
                text-transform:uppercase;
                background-color: #71A8DE;
             
       
                }
       
                .titre {
                text-align: left;
                color: #3964B0;
                font-size: 16px;
                font-family: georgia;
                font-weight:bold;
                font-style:italic;
                padding: 1px;
                margin-bottom : 2px;
                padding-left: 10px;
                border-bottom: 3px solid #FFFFFF;
                }
       
                #subnav A:link, #subnav A:visited, #subnav A:active {
       
                font-family: georgia;
                font-size: 13px;
                font-style:italic;
                text-align: center;
                padding: 2px;
                color: #8C83DE;
                background-color: transparent;
                line-height: 10px;
                display: block;
                }
       
                #subnav A:hover {
                color: #3964B0;
                background-color: #C9D7FF;
                letter-spacing: 2px;
                font-shadow: #C9D7FF 1px 1px 1px;}
       
                /* INFOBULLE STAFF */
       
                a.imginfo {
                border-bottom:0 solid #couleur;
                color:#couleur;
                position:relative;
                text-decoration:none;
                }
                a.imginfo span {
                display:none;
                }
                a.imginfo:hover {
                -moz-background-clip:border;
                -moz-background-inline-policy:continuous;
                -moz-background-origin:padding;
                background:transparent none repeat scroll 0 0;
                cursor:help;
                z-index: 999;
                }
                a.imginfo:hover span {
                -moz-background-clip:border;
                -moz-background-inline-policy:continuous;
                -moz-background-origin:padding;
                background:white none repeat scroll 0 0;
                border-color:#couleur;
                border-style:solid;
                border-width:3px 3px 5px 5px;
                display:inline;
                left:20px;
                padding:3px;
                position:absolute;
                top:15px;
                white-space:nowrap;
                }
       
             
/* TEXTE */
                        a:hover{
                        text-decoration: none !important;
                        }
           
                        a {
                        text-decoration: none !important;
                        }
           
                        a:link {
                        text-decoration: none;
                        }
           
                a:visited {
                        text-decoration: none;
                        }
       
                a:hover{
                letter-spacing : 2px; }
       
                a {
                text-shadow: 1px 1px 1px #364E57;
                }
       
       
                a {border-bottom: 1px #000000 dotted;}
       
                .description
                {
                background#1C1B2B;
                color:green;
                padding:8px;
                -moz-border-radius:4px;
          -webkit-border-radius:4px;
          -ô-border-radius:4px;
          -khtml-border-radius:4px;
          border-radius:4px;
                font-size:10px;
                font-weight:bold;
                }
       
       
                a { text-decoration: none; }
                a:hover{text-transform:uppercase;}
       
                a:hover {
                cursor: ne-resize;
                }
       
          .forumline{
                border: 2px #1C1B2Bdashed;
                }
             
 
                a.forumlink{
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                border-bottom: 10px double;
                display:block;
                text-align: right;
                }
       
                .postdetails.poster-profile a img {
                -moz-border-radius-bottomleft:10px;
                -moz-border-radius-bottomright:10px;
                -moz-border-radius-topleft:10px;
                -moz-border-radius-topright:10px;
                border: 5px solid #1C1B2B;
                }
 
       
                /**CADRE DES AVATAR**/
                .postdetails.poster-profile a img {
                -moz-border-radius-bottomleft:8px;
                -moz-border-radius-bottomright:8px;
                -moz-border-radius-topleft:8px;
                -moz-border-radius-topright:8px;
                border: 5px solid #1C1B2B;
                }
       
 
/**DESCRIPTION DES CATÉGORIES**/
                        .descript {
                        background-color: #111111 ;
                        border: 3px #121212 solid;
                        -moz-border-radius-topleft: 20px;
                        -moz-border-radius-topright: 0px;
                        -moz-border-radius-bottomright: 20px;
                        -moz-border-radius-bottomleft: 0px;
                        -webkit-border-radius-topleft: 20px;
                        -webkit-border-radius-topright: 0px;
                        -webkit-border-radius-bottomright: 20px;
                        -webkit-border-radius-bottomleft: 0px;
                        }
 
 
                /**COULEUR DES MESSAGES**/
                                .colorpicker {
                                  width: 356px;
                                  height: 176px;
                                  overflow: hidden;
                                  position: absolute;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
                                  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://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
                                }
                                .colorpicker_color div div {
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  width: 11px;
                                  height: 11px;
                                  overflow: hidden;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
                                  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://tinyurl.com/colorpickerimg/colorpicker_indic.gif) 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://tinyurl.com/colorpickerimg/colorpicker_hex.png) 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://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
                                  top: 52px;
                                  left: 212px;
                                }
                                .colorpicker_rgb_g {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
                                  top: 82px;
                                  left: 212px;
                                }
                                .colorpicker_rgb_b {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
                                  top: 112px;
                                  left: 212px;
                                }
                                .colorpicker_hsb_h {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
                                  top: 52px;
                                  left: 282px;
                                }
                                .colorpicker_hsb_s {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
                                  top: 82px;
                                  left: 282px;
                                }
                                .colorpicker_hsb_b {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
                                  top: 112px;
                                  left: 282px;
                                }
                                .colorpicker_submit {
                                  position: absolute;
                                  width: 22px;
                                  height: 22px;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) 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;
                                }
       
                /* DESCRIPTION CATÉGORIE */
                .descript {
                        background-color: #E0E9FC ;
                        border: 3px solid #ffffff;
                        -moz-border-radius: 20px 0px 20px 0px;
                        -webkit-border-radius: 20px 0px 20px 0px;
                        border-radius: 20px 0px 20px 0px;
                }
       
                table.forumline{
                background-color: #fffff4;
                border: 2px #619FAD solid;
                -moz-border-radius:8px;
                -webkit-border-radius:8px;
                -border-radius:8px;
                -khtml-border-radius:8px;
                margin-bottom:20px;
                }
       
                .test
                {
                width: 500px;
                height:70px;
                border-right:5px solid white;
                background-color: #297080;
                margin-top:10px;
                margin-left:auto;
                margin-right:auto;
                }
       
                /* couleur de fond titre des catégories */
                .secondarytitle
                {
                background-color: #297080;
                }
       
                th
                {
                background-color: #297080;
                }
   
        .forumline
        {
          padding: 3px;
        }


/* VIRER CADRE MESSAGE D'ACCUEIL */
.accueil .forumline{
background-color: transparent !important;
border: none !important;
}
.accueil .row1{
background-color: transparent !important;
border: none !important;
}

/* selon votre forum et sa hiérarchie, il faudra peut être rajouter le code suivant */

.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}



td.row1.over, td.row3.over {
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  }
 
 
#categorie_1 {
border-spacing: 20px;}

[Dr. Karlos]

Bonjour,

Pourtant ça devrait fonctionner:



Remettez le template que je vous ai donné en essayant sous un nouveau navigateur et n'oubliez pas d'appuyer sur .

J'ai le même problème avec Google Chrome lors de trop grosses modifications. Et vouliez-vous les mêmes couleurs que dans votre schéma?


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Eden.]

Non je ne voulais pas ces couleurs ^^ enfaite sa a l'air de marcher meme si je trouve que les cases de 'derniers messages' sont trop grandes en hauteur y'a moyen de les rétrécir ?

Parcontre toute mes catégories ont disparues... Il ne me reste que la première et du texte au dessus c'est rajouter genre : 'Pour commencer' 'la ville' 'le lycée'... qu'est ce que c'est ?

Regardez : http://playit.forumactif.org

[Dr. Karlos]

Bonsoir,

Pardonnez-moi, un ancien code Pour la colonne dernier message, sa hauteur suit automatiquement celle de la colonne de description... Vous voulez modifier sa largeur?

Voici sans la largeur modifié: http://pastebin.com/jVwA23dX


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Eden.]

Oui j'aimerais modifier sa hauteur comment je fais..?
Et comment je fais aussi pour retrouver mes catégories et enlever ses messages bizarres en haut xD ?

[Eden.]

Si je veux revenir a un forum 'normal' comment je fais ? Parce que la j'ai remis mon template mais sa marche pas sa fait des angles blancs bizarres arrondis...

[Dr. Karlos]

Bonsoir,

La hauteur n'est pas modifiable, à moins d'installer un scroll En ce qui concerne le texte bizarre, il est enlevé dans le template que je vous ai mis ci-haut.

Pour les angles, ça doit relever du CSS... Que voulez-vous faire, revenir à avant ou continuer le travail sur le code?


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Eden.]

bonjour,

j'aimerais bien travailler le code pour que les angles horribles disparaissent , que tout soit uniforme c'est possible ? ^^ Et puis sa m'enleve chaque fois toute mes catégories il ne me reste plus que la premiere a chaque fois :/ c'est grave sa XD

Et par curiosité c'est quoi exactement un scroll ?

[kakale]

Désolé de faire irruption une seconde fois dans le sujet. C'est aussi pour témoigner de l'évolution de ce topic !

Un scroll, c'est la barre de défilement que tu as à droite de ta fenêtre pour monter et descendre ta page.

[Dr. Karlos]

Bonsoir,

Essayez de supprimer tout ce qui est blanc dans le Panneau d'administration > Affichage > Images et couleurs > Couleurs > Fond.

Comme l'a dit kakale, un scroll est la barre que vous voyez à droite de votre navigateur


Cordialement,

---

Dr. Karlos
Aidant Forumactivien.

[Eden.]

Bonjour,

Je crois que je vais abandonner parce que quand je le fais toutes mes catégories disparaissent...