Problème de "centrage" du pied de page d'accueil

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

Résolu Problème de "centrage" du pied de page d'accueil

Message par Miami-Works le Dim 26 Déc 2010 - 17:30

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 :

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 ! Like a Star @ heaven


Dernière édition par Miami-Works le Lun 27 Déc 2010 - 10:41, édité 1 fois

Miami-Works
**

Messages : 71
Inscrit(e) le : 01/02/2009

http://sex-love-city.forumactif.org/forum
Miami-Works a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de "centrage" du pied de page d'accueil

Message par Sybil Vane le Dim 26 Déc 2010 - 19:53

Bonsoir,

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.

Sybil Vane
**

Messages : 90
Inscrit(e) le : 20/12/2010

http://escapade-nocturne.cultureforum.net
Sybil Vane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de "centrage" du pied de page d'accueil

Message par Miami-Works le Dim 26 Déc 2010 - 20:50

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 !

Miami-Works
**

Messages : 71
Inscrit(e) le : 01/02/2009

http://sex-love-city.forumactif.org/forum
Miami-Works a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de "centrage" du pied de page d'accueil

Message par Sybil Vane le Lun 27 Déc 2010 - 0:02

Pour supprimer cette ligne, il faut aller modifier le template index_body et rechercher :
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;
}

Sybil Vane
**

Messages : 90
Inscrit(e) le : 20/12/2010

http://escapade-nocturne.cultureforum.net
Sybil Vane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de "centrage" du pied de page d'accueil

Message par Sybil Vane le Lun 27 Déc 2010 - 0:34

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 :
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>
Et remplacer par :
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
par
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;
}
Par
Code:
.allgroups {
text-align:center;
padding-top:30px;
}

Et on ajoute
Code:
.stats {
float:right;
text-align:right;
padding-top:30px;
}

Sybil Vane
**

Messages : 90
Inscrit(e) le : 20/12/2010

http://escapade-nocturne.cultureforum.net
Sybil Vane a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de "centrage" du pied de page d'accueil

Message par Miami-Works le Lun 27 Déc 2010 - 10:40

C'est parfait merci beaucoup (: Cela est exactement ce que je cherchais. Encore merci !

Miami-Works
**

Messages : 71
Inscrit(e) le : 01/02/2009

http://sex-love-city.forumactif.org/forum
Miami-Works 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