Problème de "centrage" du pied de page d'accueil
2 participants
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
Problème de "centrage" du pied de page d'accueil
Bonjour. Tout d'abord voilà le lien de mon forum : http://sex-love-city.forumactif.org/forum
Et voici le code de mon template index_body :
Voilà, je voudrais savoir ce que je dois modifier afin que mon pied de page soit de façon à ce que :
- les noms des groupes qui sont entassés, viennent se positionner au dessus de la tête de la fille sur l'image et que les cases tiennent sur une seule ligne.
- mon message de copyright soit centré (j'ai essayé le code td align="center" mais ça ne fonctionne pas)
Voilà merci d'avance de votre aide !
Et voici le code de mon template index_body :
- 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="facebook_login()" v="2" perms="{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>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_delete_cookies -->
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
<!-- END switch_delete_cookies -->
</span>
</td>
<td width="50%" align="right">
<span class="gensmall">
<a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>
<a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>
<a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
<!-- BEGIN switch_on_index -->
<!-- BEGIN switch_delete_cookies -->
<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="facebook_login()" v="2" perms="{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 cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<br><center>
<span class="groupes"> <a href="http://sex-love-city.forumactif.org/g3-the-girl-power"><font color="COULEUR DU GROUPE 1" size="2"><b>« the girl power »</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://sex-love-city.forumactif.org/g4-the-badgood-boy"><font color="COULEUR DU GROUPE 2" size="2"><b>« the bad&good boy »</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br>
<td align="right"><span class="gensmall">{TOTAL_POSTS}. <br>
{TOTAL_USERS}.<br>
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span></td><br>
<td width="5%"></td>
</tr>
</table>
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<img src="http://img64.xooimage.com/files/a/3/c/copyrightbis2-23b7c7c.png"><br>
<!-- 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="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 -->
{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
});
//]]>
</script>
<!-- END switch_fb_index_login -->
Voilà, je voudrais savoir ce que je dois modifier afin que mon pied de page soit de façon à ce que :
- les noms des groupes qui sont entassés, viennent se positionner au dessus de la tête de la fille sur l'image et que les cases tiennent sur une seule ligne.
- mon message de copyright soit centré (j'ai essayé le code td align="center" mais ça ne fonctionne pas)
Voilà merci d'avance de votre aide !
Dernière édition par Miami-Works le Lun 27 Déc 2010 - 10:41, édité 1 fois
Re: Problème de "centrage" du pied de page d'accueil
Bonsoir,
Pour le premier point, dans le template, on va remplacer
Par
Et dans le CSS :
Quant au second point, nous allons simplement retirer la ligne
Et modifier le template overall_footer, trouver
et le changer en
Il y aura certainement d'autres changements à faire pour le premier point.
Pour le premier point, dans le template, on va remplacer
- Code:
<center>
<span class="groupes"> <a href="http://sex-love-city.forumactif.org/g3-the-girl-power"><font color="COULEUR DU GROUPE 1" size="2"><b>« the girl power »</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://sex-love-city.forumactif.org/g4-the-badgood-boy"><font color="COULEUR DU GROUPE 2" size="2"><b>« the bad&good boy »</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br>
<td align="right"><span class="gensmall">{TOTAL_POSTS}. <br>
{TOTAL_USERS}.<br>
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span></td><br>
Par
- Code:
<div class="allgroups"><span class="groupes"><a href="http://sex-love-city.forumactif.org/g3-the-girl-power"><font color="COULEUR DU GROUPE 1" size="2"><b>« the girl power »</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://sex-love-city.forumactif.org/g4-the-badgood-boy"><font color="COULEUR DU GROUPE 2" size="2"><b>« the bad&good boy »</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br>
<td align="right"><span class="gensmall">{TOTAL_POSTS}. <br>
{TOTAL_USERS}.<br>
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</span></td><br>
Et dans le CSS :
- Code:
.allgroups {
margin:auto;
padding:20px 0 0 0;
}
Quant au second point, nous allons simplement retirer la ligne
- Code:
<img src="http://img64.xooimage.com/files/a/3/c
/copyrightbis2-23b7c7c.png"><br>
Et modifier le template overall_footer, trouver
- Code:
<div class="gen">
<strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}
et le changer en
- Code:
<div class="gen">
<img src="http://img64.xooimage.com/files/a/3/c/copyrightbis2-23b7c7c.png">
<strong>{ADMIN_LINK}</strong>{U_VERSION_RTL}{U_CREATE_A_FORUM}
Il y aura certainement d'autres changements à faire pour le premier point.
Re: Problème de "centrage" du pied de page d'accueil
En effet, pour le premier point rien a changé malgré les modifications faites.
Et pour le second point, vous verrez que le copyright s'est déplacé en dessous des images de nouveaux messages, pas de nouveaux messages etc. Est-ce possible d'enlever cette ligne ? (nouveaux messages, pas de nouveaux messages.) Si oui comment ?
Merci d'avance !
Et pour le second point, vous verrez que le copyright s'est déplacé en dessous des images de nouveaux messages, pas de nouveaux messages etc. Est-ce possible d'enlever cette ligne ? (nouveaux messages, pas de nouveaux messages.) Si oui comment ?
Merci d'avance !
Re: Problème de "centrage" du pied de page d'accueil
Pour supprimer cette ligne, il faut aller modifier le template index_body et rechercher :
Et le remplacer par :
Et enfin entrer dans le CSS :
- Code:
<!-- 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 -->
Et le remplacer par :
- Code:
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center" class="legende">
<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 -->
Et enfin entrer dans le CSS :
- Code:
.legende {
display:none;
}
Re: Problème de "centrage" du pied de page d'accueil
Pour le premier point, je vais juste un peu épurer le code HTML et CSS afin de faciliter la tâche.
Pour ce qui est du HTML, dans ton template, recherchez :
Et dans ton CSS :
Vous remplacez
Ensuite, on ajoute
Enfin, on remplace
Et on ajoute
Pour ce qui est du HTML, dans ton template, recherchez :
- Code:
<table cellspacing="2" cellpadding="2" width="900" border="0" class="statistiques">
<tr>
<td width="15%"></td>
<td width="50%">
<br><center>
<span class="groupes"> <a href="http://sex-love-city.forumactif.org/g3-the-girl-power"><font color="COULEUR DU GROUPE 1" size="2"><b>« the girl power »</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"><a href="http://sex-love-city.forumactif.org/g4-the-badgood-boy"><font color="COULEUR DU GROUPE 2" size="2"><b>« the bad&good boy »</b></font></a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 3"><font color="COULEUR DU GROUPE 3" size="2"><b>NOM DU GROUPE 3</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="LIEN DU GROUPE 4"><font color="COULEUR DU GROUPE 4" size="2"><b>NOM DU GROUPE 4</b></font></a> </span><br><br>
<td align="right"><span class="gensmall">{TOTAL_POSTS}. <br>
{TOTAL_USERS}.<br>
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span></td><br>
<td width="5%"></td>
</tr>
</table>
- Code:
<div class="statistiques">
<div class="allgroups"><span class="groupe1"><a href="http://sex-love-city.forumactif.org/g3-the-girl-power">« the girl power »</a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe2"><a href="http://sex-love-city.forumactif.org/g4-the-badgood-boy">« the bad&good boy »</a> </span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe3"> <a href="LIEN DU GROUPE 3">NOM DU GROUPE 3</a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupe4"> <a href="LIEN DU GROUPE 4">NOM DU GROUPE 4</a> </span></div>
<div class="stats"><span class="gensmall">{TOTAL_POSTS}. <br>
{TOTAL_USERS}.<br>
{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span>
</div>
</div>
Et dans ton CSS :
Vous remplacez
- Code:
.groupes
- Code:
.groupe1, .groupe2, .groupe3, .groupe4
Ensuite, on ajoute
- Code:
.groupe1 {
color:#XXXXXX;
font-weight:bold;
}
.groupe2 {
color:#XXXXXX;
font-weight:bold;
}
.groupe3 {
color:#XXXXXX;
font-weight:bold;
}
.groupe4 {
color:#XXXXXX;
font-weight:bold;
}
Enfin, on remplace
- Code:
.allgroups {
margin:auto;
padding:20px 0 0 0;
}
- Code:
.allgroups {
text-align:center;
padding-top:30px;
}
Et on ajoute
- Code:
.stats {
float:right;
text-align:right;
padding-top:30px;
}
Re: Problème de "centrage" du pied de page d'accueil
C'est parfait merci beaucoup (: Cela est exactement ce que je cherchais. Encore merci !
Sujets similaires
» Problème de pied de page
» Probleme bas et pied de page
» Problème pied de page
» Problème pied de page.
» Affichage des visiteurs sur la page daccueil.
» Probleme bas et pied de page
» Problème pied de page
» Problème pied de page.
» Affichage des visiteurs sur la page daccueil.
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