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

2 participants

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

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

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 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 !
avatar

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

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

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 Lun 27 Déc 2010 - 10:40

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

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

- Sujets similaires

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