Réduire espace icone new,old

[Eden.]

Bonjour, alors j'ai une question sur l'apparence de mon forum en ce qui concerne les boutons new,old,lock je vous montre ça en photo, j'aimerais réduire la ou ya la fleche bleue, de sorte à ce que le bouton soit collé au cadre de la derniere colonne et aligné contre... Sa doit se passer dans un template...

[Anzu]

Bonjour,

Pourrais je avoir le code de votre template index box et le css associé ?

Cordialement.

[Eden.]

Oui bien évidemment ^^

Le template

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
     
        <!-- END switch_user_logged_in -->
     
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <!-- END switch_user_logged_in -->
     
      </td>
  </tr>
</table>
                <!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table>
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
              <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
          </tr>
        <!-- END tablehead -->
  <!-- BEGIN forumrow -->
 
  <tr>
  <td width="100%" align="center"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
  </td></tr>
 
  <tr>
<td>
<table width="100%" height="130px" cellspacing="0" cellpadding="0" border="0"><tr>


<td width="60%" align="center">{catrow.forumrow.FORUM_DESC}</td>


  <td width="20%" align="center" valign="middle"><div class="lastpost"><br />{catrow.forumrow.LAST_POST}
<td width="20%" align="center" valign="middle"><center><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/></center></td>
</tr>

</table>

</td></tr>

  <!-- END forumrow -->
          <!-- BEGIN tablefoot -->
        </table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Et le css :

Code:

a:hover{text-decoration: none !important;}
a { text-decoration: none; }

.bloc {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -moz-box-shadow: 0 0 20px #555; 
   -webkit-box-shadow: 0 0 20px #555; 
   box-shadow: 0 0 20px #FFFFFF; 
   width:600px;
}
.bloc h1 {
   margin:0;
   padding:5px;
   font-size:12px;
   color:#fff;
   background-color:#9DADC6;
   border:1px solid #8E98A4;
   border-bottom:0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
 
}
.bloc p {
   background-color:#e5e5e5;
   padding:5px;
   margin:0;
   border:1px solid #fff;
   border-top:0;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   border-radius: 0 0 10px 10px;
}

.bloc h2 {
   margin:0;
   padding:5px;
   font-size:12px;
   color:#fff;
   background-color:#9DADC6;
   border:1px solid #8E98A4;
   border-bottom:0;
   -webkit-border-radius: 10px 10px 0 0;
   -moz-border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
}





/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
overflow: auto;
text-align: justify;
background: #FAF2E6;
margin: 2px;
padding: 2px;
color: #302D2D;
width: 370px;
height: 90px;
border-left: 3px solid #FF7F50;
border-right: 3px solid #FF7F50;
border-bottom: 5px solid #FF7F50;
border-top: 5px solid #FF7F50;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
}

.forum-forum {
overflow: auto;
text-align: center;
background: #FAF2E6;
margin: 2px;
padding: 2px;
padding-top: 6px;
color: #302D2D;
width: 100px;
height: 90px;
border-left: 5px solid #FF7F50;
border-right: 5px solid #FF7F50;
border-bottom: 3px solid #FF7F50;
border-top: 3px solid #FF7F50;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
font-size: 12px;
-webkit-border-radius: 5px 15px 5px 15px
}

/*---Derniers message---*/

.lastpost{
width: 130px;
height: 92px;
background-color:#FAF2E6;
margin-top: -20px;
padding: 2px;
font-family: verdana;
font-size: 12px;
color:#EDE0C0;
border-left: 5px solid #FF7F50;
border-right: 5px solid #FF7F50;
border-bottom: 3px solid #FF7F50;
border-top: 3px solid #FF7F50;
text-decoration: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-border-radius: 15px 5px 15px 5px
}

a.forumlink{
font-size: 23px;
margin-bottom: -10px;
padding-top: 7px;
margin-left:-150px;
color : #192A2E;
display:block;
font-family: Kenia;
text-shadow: 1px 1px 2px #666666;
text-align:left; margin-left: 130px; padding-top:-40px;
}


 
/*QEEL*/

.qui_est_là {
 
 
  overflow : auto;
  height: 130px;
  background-color: #FAF2E6;
  font-size: 12px;
  font-style : Arial;
  padding-top: 30px;
 
}
.qui_était_là {
 
    overflow : auto;
  height: 130px;
  background-color: #FAF2E6;
  font-size: 12px;
  font-style : Arial;
  padding-top:30px;
}

.coupes {
 
    overflow : auto;
  height: 130px;
  background-color: #FAF2E6;
  font-size: 12px;
  font-style : Kenia;

}

.portoloins {
 
    overflow : auto;
  height: 130px;
  background-color: #FAF2E6;
  font-size: 12px;
  font-style :Kenia;
  color: #fff;
}

.lien {
    overflow : auto;
  height: 80px;
  font-size: 14px;
  font-style : kenia;
  color: #D2B48C;
  text-align: center;
  text-shadow: 1px 1px 2px #FFF;
  display:block;
}


.titre1 {
 
font-family: Arial;
text-align: center;
color: #E8E6E3;
text-transform: capitalize;
letter-spacing: 5px;
font-size: 12px;
}
.table_1 td.row1{
background-image: none !important;
background-color: transparent !important;
border: none !important;

}
/*fin que QEEL*/


/* METTRE UN BOUTON HORS LIGNE*/

#oneline
{
background: url('Lien de l'image hors ligne') no-repeat;
width: XXpx;
height: XXpx;
padding: 0;
border: 0;
}


.navig {
position: auto;
top: 0px;
width: 100%;
background-color: transparent;
margin-left: -8px;
font-size: 20px;
}

.mainmenu{
font-size:20px;
font-family: Kenia; bold;}

.forumline {
margin-bottom: 100px;
}

@font-face {
  font-family: Kenia;
  font-style: normal;
  font-weight: normal;
  src: url('http://themes.googleusercontent.com/static/fonts/kenia/v2/9TTpzXwTpO7O44FHfOTd8qCWcynf_cDxXwCLxiixG1c.woff') format('woff'),
url('http://themes.googleusercontent.com/static/fonts/kenia/v2/9TTpzXwTpO7O44FHfOTd8qCWcynf_cDxXwCLxiixG1c.ttf') format('truetype');
}

#demo {
  font-weight: bold;
  text-align: right;
  background-color: #FFFFFF;
  color: #FACF96;
  font-family: Kenia;
  font-size: 30px;
  line-height: 190%;
  text-shadow: 2px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px #333333;
  column-count:2;
  column-width:10px;
  column-gap:2px
}

.secondarytitle, .secondarytitle h2 {
font-size: 30px;
font-family: Kenia;
}


#chatbox p{
  font-size:14px;
  }

 body{
background-color: #couleur;
background-image: url("http://i48.servimg.com/u/f48/17/58/54/30/header12.jpg") width: 1200px ;
background-position:top;
background-repeat:no-repeat;
}

[Anzu]

J'avais bien dit uniquement le css associé et pas toute la css

Donc, repérez cette ligne:

Code:

<td width="20%" align="center" valign="middle"><center><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/></center></td>

Il suffit de retirer les balises center et de remplacer le "center" du align par left.

Comme ceci:

Code:

 <td width="20%" align="left" valign="middle"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/></td>

Le template:

Code:

        <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
          <tr>
              <td valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
           
                <!-- END switch_user_logged_in -->
           
              </td>
              <td class="gensmall" align="right" valign="bottom">
                <!-- BEGIN switch_user_logged_in -->
                <!-- END switch_user_logged_in -->
           
              </td>
          </tr>
        </table>
                        <!-- BEGIN catrow --><!-- BEGIN tablehead --><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table>
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
                  <tr>
                      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
                  </tr>
                <!-- END tablehead -->
          <!-- BEGIN forumrow -->
       
          <tr>
          <td width="100%" align="center"><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
          </td></tr>
       
          <tr>
        <td>
        <table width="100%" height="130px" cellspacing="0" cellpadding="0" border="0"><tr>
       
       
        <td width="60%" align="center">{catrow.forumrow.FORUM_DESC}</td>
       
       
          <td width="20%" align="center" valign="middle"><div class="lastpost"><br />{catrow.forumrow.LAST_POST}
        <td width="20%" align="left" valign="middle"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}"/></td>
        </tr>
       
        </table>
       
        </td></tr>
       
          <!-- END forumrow -->
                  <!-- BEGIN tablefoot -->
                </table><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td></td></tr></table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Cordialement.

[Eden.]

Merci beaucouuup !

J'ai une autre question, quand on regarde le corps du forum : http://new-haven.forumgratuit.fr/
On voit bien que les différentes colonnes ne sont pas centrées dans la catégorie... Y'a t'il un moyen de tout centrer ou du moins de decaler vers la droite...?

[Anzu]

Il faut changer les largeurs de vos colonnes.
Donc vous avez 60%, 20% et 20%
Il faut diminuer la dernière et augmenter la première, mais le tout en px.
Du genre 60% par 700px / 20% par 200px et le dernier 20% par 100px.
Sur mon forum test, c'est déjà mieux équilibré

Cordialement.

[Eden.]

Merci Anzu c'est deja plus équilibré (: encore une petite question, si je veux modifier les marges... a droite et a gauche pour chaque colonne... modifier leur espacement en gros..

[Anzu]

Redonnez moi le code de votre template index box actuel

Edit: Ah non, le problème vient de la largeur de votre forum. Apparemment celle ci est en %, essayez avec 750px, cela devrait régler le souci.

Cordialement

[Eden.]

Ah mais ce code pour régler la largeur se trouve dans mon css ? depuis un moment j'aimerais mettre la main dessus T_T

[Anzu]

Bonjour,

Allez dans Général > Forum > Configuration > Structure des pages > Et là vous mettez 750px (sans le x, cela fonctionne aussi)

Ou mettez dans votre css:

Code:

.bodylinewidth {
width: 750px;
}

[Eden.]

D'accord merci beaucoup Anzu