Réduire espace icônes
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Réduire espace icônes
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.
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.
Invité- Invité
Re: Réduire espace icônes
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
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
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
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.
Invité- Invité
Re: Réduire espace icônes
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 : là tu pourras cocher voir et lire pour les invités
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
C'est fait !
Invité- Invité
Re: Réduire espace icônes
Merci bien
Alors, cet espace est dû aux images que tu as, regarde :
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
Alors, cet espace est dû aux images que tu as, regarde :
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
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
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.
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.
Invité- Invité
Re: Réduire espace icônes
Ah, sur la page d’accueil… Hmmmm as-tu modifié le template index_body ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
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 -->
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 -->
Invité- Invité
Re: Réduire espace icônes
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à
peux-tu m’envoyer l’intégralité de ton template modifié ? Qu’on puisse vérifier si ça vient de là
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
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 :
<!-- 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:
- Code:
{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<!-- BEGIN message_admin_titre -->
<tr>
<td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>
<!-- END message_admin_titre -->
<!-- BEGIN message_admin_txt -->
<tr>
<td class="row1" rowspan="3" align="center" valign="middle">
<div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
</td>
</tr>
<!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->
<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle" align="right">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->
{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
<!-- END switch_delete_cookies -->
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
<!-- END switch_on_index -->
</span>
</td>
</tr>
</table>
<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<!-- BEGIN switch_fb_connect_no -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td class="row1" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect_no -->
<!-- BEGIN switch_fb_connect -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td valign="top" width="100%" class="row1" align="center">
<table width="100%">
<tr>
<td width="55%" valign="middle">
<table class="right">
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>
<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>
<td width="10%" align="center" valign="middle">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
</td>
<td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<tr>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- BEGIN switch_chatbox_activate -->
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}<br />
<!-- BEGIN switch_chatbox_popup -->
<div id="chatbox_popup"></div>
<script type="text/javascript">
//<![CDATA[
insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
//]]>
</script>
<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- 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 -->
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
status: true,
cookie: true,
xfbml: true,
oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Dernière édition par Oilou. le Mer 24 Juil 2013 - 18:25, édité 1 fois
Invité- Invité
Re: Réduire espace icônes
Hmmm, j’ai l’impression que ça vient de ton CSS… Pourrais-tu m’envoyer ici ton CSS modifié, s’il te plaît ?
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
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
Invité- Invité
Re: Réduire espace icônes
Ici :
- Code:
table
{
width: 98%;
margin: auto;
}
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Invité- Invité
Re: Réduire espace icônes
Normal, puisque dans ton template tu as toujours ceci :
<td align="center" width="160"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
<td align="center" width="160"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
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) :
Merci
É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) :
Comment faire pour l'enlever ?
Merci
É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) :
Comment faire pour l'enlever ?
Invité- Invité
Re: Réduire espace icônes
Regarde si le souci ne viendrait pas de là, dans ton template :
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
<td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
<td> </td>
Matriochka- Membre actif
- Messages : 7604
Inscrit(e) le : 14/07/2010
Re: Réduire espace icônes
Excellent merci !
En fait il y avait <td>  </td> au lieu de <td></td> je ne sais pas comment ils sont arriver là ceux-là , mais le problème est réglé encore merci !
En fait il y avait <td>  </td> au lieu de <td></td> je ne sais pas comment ils sont arriver là ceux-là , mais le problème est réglé encore merci !
Invité- Invité
Sujets similaires
» Réduire cet espace
» Réduire espace icone new,old
» Reduire l'espace à gauche
» Réduire l'espace entre le header et le menu
» Réduire l'espace pour l'img du QEEL
» Réduire espace icone new,old
» Reduire l'espace à gauche
» Réduire l'espace entre le header et le menu
» Réduire l'espace pour l'img du QEEL
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum