Réduire espace icone new,old

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

Résolu Réduire espace icone new,old

Message par Eden. le Dim 29 Juil 2012 - 14:01

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...



Dernière édition par Eden. le Lun 30 Juil 2012 - 12:56, édité 1 fois

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Anzu le Dim 29 Juil 2012 - 14:03


Bonjour,

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

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Eden. le Dim 29 Juil 2012 - 14:08

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;
}

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Anzu le Dim 29 Juil 2012 - 14:15


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

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.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Eden. le Dim 29 Juil 2012 - 14:23

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...?

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Anzu le Dim 29 Juil 2012 - 14:28


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é Smile

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Eden. le Dim 29 Juil 2012 - 18:47

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..

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Anzu le Dim 29 Juil 2012 - 19:57

Redonnez moi le code de votre template index box actuel Smile

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

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Eden. le Lun 30 Juil 2012 - 11:53

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

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Anzu le Lun 30 Juil 2012 - 12:31

Bonjour,

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

Ou mettez dans votre css:

Code:
.bodylinewidth {
width: 750px;
}

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icone new,old

Message par Eden. le Lun 30 Juil 2012 - 12:56

D'accord merci beaucoup Anzu Very Happy

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. 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