Réduire espace icônes

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

Résolu Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 8:45

Bonjour,

J'aurais aimé resserrer l'écart entre "Nouveaux Messages", "Pas de nouveaux messages" et "Forum verrouillé" situés en bas du forum, car avant que j'utilise mon nouveau thème ils étaient espacés correctement, alors que là ils ne sont plus proportionnels : https://2img.net/r/hpimg15/pics/743044653.png.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 9:53

Bonjour,

Pourrais-tu ouvrir ton forum aux invités pour ce problème ? Ça permettra de voir d’où vient le problème exactement.

Merci bien
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 14:30

Comment fait-on déjà ? J'ai changé les permissions mais quand je me déconnecte je ne vois rien du tout je sais plus comment on fait. Embarassed
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 14:39

Dans Panneau d’admin > Général > Forum > Catégories et forums, tu prends un forum au hasard et tu l’ouvres en cliquant sur perms : là tu pourras cocher voir et lire pour les invités Wink
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 15:10

C'est fait ! Very Happy
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 15:17

Merci bien Smile

Alors, cet espace est dû aux images que tu as, regarde :
Réduire espace icônes Sans_t25

Si tu veux les garder telles qu’elles, il va falloir qu’on modifie les templates. Sinon, il faut les redimensionner toi-même sur un logiciel de retouche et les ré-héberger Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 15:39

Les icônes de l'image que tu me montres me convienne, c'est juste celles de la page d'accueil qui me dérangent : "Nouveaux messages", "Pas de nouveaux messages" et "Forum verrouillé", j'aimerais réduire leur écart et les recentrer de sorte que "Pas de nouveaux messages" se trouvent environ dans le même axe que "Panneau d'administration", c'est possible ? :/

Parce que mes images en elles-mêmes ne sont pas si grandes que ça regarde : https://2img.net/r/hpimg11/pics/214670Pasdenvmsg.gif

Donc je veux bien modifier les templates. Smile
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 15:49

Ah, sur la page d’accueil… Hmmmm as-tu modifié le template index_body ?
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 15:53

Oui il a été modifié.

Je viens de regarder dedans et je pense que le problème peut venir de là :

<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
    <tr>
        <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td></td>
        <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td>  </td>
        <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
        <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
</table>
<!-- END switch_legend -->
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 15:56

Oui, c’est bien cette partie qui est concernée, mais telle qu’elle est actuellement, elle ne devrait pas être la cause du problème.

peux-tu m’envoyer l’intégralité de ton template modifié ? Qu’on puisse vérifier si ça vient de là
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 16:04

J'ai commencé à modifier la partie que je t'ai montré (en gras ce que j'ai modifié) :

<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
    <tr>
        <td align="center" width="160"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NEW_POSTS}</span></td>
        <td></td>
        <td align="center" width="0"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
        <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
        <td>  </td>
        <td align="center" width="0"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
        <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
    </tr>
</table>
<!-- END switch_legend -->

Et ça me donne ça : https://2img.net/r/hpimg11/pics/918074Sanstitre.png
J'ai réussi à le centrer comme je voulais mais il ne me reste plus qu'à réduire l'écart entre le texte "Noveaux Messages" et son image (celle en jaune).

Je te passe le template en entier :

Template:


Dernière édition par Oilou. le Mer 24 Juil 2013 - 18:25, édité 1 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 16:12

Hmmm, j’ai l’impression que ça vient de ton CSS… Pourrais-tu m’envoyer ici ton CSS modifié, s’il te plaît ?
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 18:24

Le voilà :

Code:
#page-footer
{
  width: 800px;
  height: 137px;
  margin: auto;
  background:
  border-top: 3px solid #545454;
}
#page-footer a
{
  font-size: 10px;
  color: #545454 !important;
}
#page-footer a:hover
{
  color: #303030 !important
}

/*Mise en page catégories*/
.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 50px;
  background: #4F4545;
  border-top: 3px solid #4c4842;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #4F4545;
  border: 1px dotted #c0c0c0;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 400px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c0c0c0;
}
.description
{
  display: block;
  width: 400px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #786B6B;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 150px;
  margin: auto;
  background: #786B6B;
  padding: 10px;
  border: 1px dotted #c0c0c0;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #a6a6a6;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #786B6B;
  padding: 2px;
  text-align: center;
}

/*Mise en page diverses*/.forumline
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border: 1px solid #000000;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}

.forumline
{
  width: 98%;
  margin: auto;
}
table
{
  width: 98%;
  margin: auto;
}
/*fin du code*/
/*Code pour certains problèmes*/a:link, a:link hover
{
  text-decoration: none !important;
}
#navig a
{
  font-weight: bold;
  color: #b9b9b9 !important;
  text-shadow: 1px 1px 0px #000000;
}
#navig a:hover
{
  color: #efefef !important;
}

#i_logo
{
  margin-top: 22px;
}
/*Fin du code*/
/*Code de la navigation*/
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 800px;
  margin: auto;
  text-align: center;
  background: #4c4842;
  border-bottom: 2px solid #939393;
  padding-bottom: 3px;
}
#navig a
{
  font-weight: bold;
}/*Fin du code*/

/*Code pour une petite ombre*/
.bodyline
{
  width: 950px;
  padding: 0;
  background: #c0c0c0;
  border-left: 5px solid #4c4842;
  border-right: 5px solid #4c4842;
  box-shadow: 0px 0px 10px #000000;
  -moz-box-shadow: 0px 0px 10px #000000;
  -o-box-shadow: 0px 0px 10px #000000;
  -htm-box-shadow: 0px 0px 10px #000000;
  -webkit-box-shadow: 0px 0px 10px #000000;
}
/*Fin de ce code*/
/*Début mise en page bannière*/
.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 800px;
  padding: 0;
  background: #;
}

.bodylinewidth
{
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  margin-bottom: 0px;
}
/*Fin code*/
/* début code slide vertical*/
#acordvert
{
width: 850px;
border-top-style: groove;
border-top-color: #1F1515;
border-right-color: #1F1515;
border-bottom-color: #1F1515;
border-left-color: #1F1515;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
}
#info1
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info2
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info3
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
#info4
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

#info6
{
width: 850px;
height: 30px;
overflow: hidden;
background-color:#362C2C;
border-bottom: 1px dashed #1F1515;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

#info1:hover
{
height: 250px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}

 #info2:hover
{
height: 600px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}



 #info3:hover
{
height: 1900px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}


#info4:hover
{
height: 1200px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}

#info6:hover
{
height: 500px;
overflow: hidden;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;

}

.titre
{
display: block;
text-align: center;
width: 850px;
height: 30px;
font-size: 20px;
letter-spacing: 2px;
font-family: verdana;
font-weight: italic;
padding-top: 2px;
color:#300
}
.contenu
{
width: 90%;
margin: auto;
background-color: #BBB;
padding: 4px;
color: #300;
font-size: 14px;
text-align: justify;
border-top-style: groove;
border-top-color: #088;
border-right-color: #088;
border-bottom-color: #088;
border-left-color: #088;
border-right-style: groove;
border-bottom-style: groove;
border-left-style: groove;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
}
/* Fin du code pour le slide vertical*/

.statistiques{
border:0px;
background-image: ;
background-repeat: no-repeat;
background-position: center;
height:300px;}

.groupes{
background-color:#4e3939;border: 1px;
-moz-border-radius : 15px 15px 15px 15px;
border-left: 6px solid #301313;
border-right: 6px solid #301313;
height:40px;padding-right:5px;padding-left:5px;padding-bottom:1px;
font-size:12px;font-weight: bold;text-align:center;
text-decoration: none !important;}





.box {
background-color:#1F1515;
color:#363642;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}


a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}

.abc {border-bottom: 5px solid #1A100F}
.def {
background-color: #1A100F;
-moz-border-radius:5px;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
}

.bodyline {-moz-border-radius:20px;}

.bodyline{border:7px solid #1F1515;
}

.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 #1F1515;
}

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }




th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}

.bodylinewidth {
width: 80%}

.mainmenu {font-size: 16px;}
.mainmenu {font-family: LeviReBrushed;}
.mainmenu { margin-left: 5px; margin-right: 5px; }

#i_logo{margin-bottom: 20px;}

        .mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 32px;
          height: 32px;
          margin: 0 5px;
          border-radius: 20px;
          transition: all 2s;
          -moz-transition: all 2s;
          -webkit-transition: all 2s;
          -o-transition: all 2s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }

        a.mainmenu[href^="/calendar"] {margin-left:0px; margin-right:5px;}
        a.mainmenu[href^="/faq"] {margin-left:5px; margin-right:5px;}
        a.mainmenu[href^="/search"] {margin-left:5px; margin-right:15px;}
        a.mainmenu[href^="/memberlist"] {margin-left:15px; margin-right:15px;}
        a.mainmenu[href^="/groups"] {margin-left:15px; margin-right:5px;}
        a.mainmenu[href^="/profils?mode"] {margin-left:5px; margin-right:5px;}
        a.mainmenu[href^="/privmsg?folder"] {margin-left:5px; margin-right:15px;}
        a.mainmenu[href^="/login?logout"] {margin-left:15px; margin-right:0px;}


Dernière édition par Oilou. le Mer 24 Juil 2013 - 18:28, édité 2 fois
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 18:24

Ici :
Code:
table
{
  width: 98%;
  margin: auto;
}
Retire la largeur de 98%, c’est ça qui cause le problème Smile
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 18:33

Ça a réduit l'écart entre les icônes mais pas entre "Nouveaux messages" et son icône :/ :

Réduire espace icônes Sans_t11
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 18:36

Normal, puisque dans ton template tu as toujours ceci :
<td align="center" width="160"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 20:19

L'espace n'est pas le même entre "Nouveaux messages" et le logo bleu (0,4 cm) et entre "Pas de nouveaux messages" et le logo rose (0,6 cm) mais ça se joue à deux millimètres donc ce n'est pas grave ^^ (sauf si tu sais comment réparer ça, je suis très maniaque oui xD) :

Réduire espace icônes Sans_t12

Merci Smile

Édit : J'ai regardé et en fait l'écart entre "messages" et le logo rose vient d'un espace ajouté entre les deux (ce qui est en bleu sur l'image) :
 
Réduire espace icônes Sans_t13

Comment faire pour l'enlever ? scratch
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Matriochka Mer 24 Juil 2013 - 20:27

Regarde si le souci ne viendrait pas de là, dans ton template :
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Réduire espace icônes

Message par Invité Mer 24 Juil 2013 - 20:45

Excellent merci !
En fait il y avait <td>&nbsp&nbsp</td> au lieu de <td></td> je ne sais pas comment ils sont arriver là ceux-là Shocked, mais le problème est réglé encore merci !
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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