65 résultats trouvés pour marjo0280

problème de profil personalisé

Bonjour,

j'ai un soucis de profils personalisé.
j'ai rajouté deux champs en plus : visible dans le profil et les messages.
ils sont bien visible dans le profil mais pas les messages. est ce normal ?

merci d'avance

une phrase manquante dans le qui est en ligne.

ah bah en effet j'avais pas cocher l'affichage -.-' je suis nul...
MERCI en tout cas

une phrase manquante dans le qui est en ligne.

Bonjour,

dans mon qui est en ligne à la partit "dernière connexion" il me manque la phrase suivante : "Membres connectés au cours des 24 dernières heures : Membre 1, Membre 2 ... etc."

j'ai du retirer un code en faisant le copier/coller de mon autre forum.
mon premier forum ou cette phrase y est : http://austin-sophia.actifforum.com/
mon deuxième forum en cours ou la phrase n'y est pas : http://howimetthebigbang.azurforum.com/

voici mon 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="window.location='/facebook_connect.forum'" 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 -->
            <br /><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><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" 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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
          <tr>
            <td class="row1" rowspan="3" align="center" valign="middle">
                <div class="gensmall">
                  <script type="text/javascript">
                      function patonglet1() {
                        document.getElementById('onglet1').style.display='block';
                        document.getElementById('onglet2').style.display='none';
                        document.getElementById('onglet3').style.display='none';
                        document.getElementById('onglet4').style.display='none';
                      }
                   
                      function patonglet2() {
                        document.getElementById('onglet1').style.display='none';
                        document.getElementById('onglet2').style.display='block';
                        document.getElementById('onglet3').style.display='none';
                        document.getElementById('onglet4').style.display='none';
                      }
                   
                      function patonglet3() {
                        document.getElementById('onglet1').style.display='none';
                        document.getElementById('onglet2').style.display='none';
                        document.getElementById('onglet3').style.display='block';
                        document.getElementById('onglet4').style.display='none';
                      }
                   
                      function patonglet4() {
                        document.getElementById('onglet1').style.display='none';
                        document.getElementById('onglet2').style.display='none';
                        document.getElementById('onglet3').style.display='none';
                        document.getElementById('onglet4').style.display='block';
                      }
                  </script>

    <!-- BARRE D'ONGLETS -->
                  <table width="100%">
                    <tr>
                        <td width="100%"><center><div class="onglet" onmouseover="javascript:patonglet1()"> <FONT size="3" face="impact"><b>Statistiques</b></FONT> </div></center></td>
                        <td width="100%"><center><div class="onglet" onmouseover="javascript:patonglet2()"><FONT size="3" face="impact"><b>Les groupes</b></FONT></div></center></td>
                        <td width="100%"><center><div class="onglet" onmouseover="javascript:patonglet3()"><FONT size="3" face="impact"><b>Les dernières connexions</b></FONT></div></center></td>
                      </tr>
               
                  <tr>
                  <td colspan="3" valign="middle" align="center">
                      <!-- IMAGE D'ILLUSTRATION DU QEEL -->
                      <img src="http://img15.hostingpics.net/pics/265067quihimtbb.png" />              </td>
                  </tr>
               
                      <td width="100%" colspan="3">
                     
                            <!-- PREMIER MODULE -->
                            <div id="onglet1">
                              <div class="message">
                                  <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                    <tr>
                                        <td style="text-align: center;" width="100%">
                                          <span class="gensmall">{TOTAL_POSTS}<br />
                                          {TOTAL_USERS}<br />
                                          {NEWEST_USER}<br />
                                          {TOTAL_USERS_ONLINE}<br />
                                          {RECORD_USERS}<br />
                                          <br />
                                          {LOGGED_IN_USER_LIST}</span>
                                        </td>
                                    </tr>
                                  </table>
                              </div>
                            </div>

                            <!-- DEUXIEME MODULE -->
                            <div id="onglet2" style="display: none;">
                              <div class="message">
                                  <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                    <tr>
                                        <td style="text-align: center;" width="100%">
                                        {GROUP_LEGEND}
                                        </td>
                                    </tr>
                                  </table>
                              </div>
                            </div>


                            <!-- TROISIEME MODULE -->           
                            <div id="onglet3" style="display: none;">
                              <div class="message">
                                  <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                    <tr>
                                        <td style="text-align: center;" width="100%">
                                        {L_CONNECTED_MEMBERS}
                                        </td>
                                    </tr>
                                  </table>
                              </div>
                            </div>
                         
                        </td>
                      </tr>
                  </table>
                </div>
            </td>
          </tr>
    </table>
    <!-- END disable_viewonline -->

          {CHATBOX_BOTTOM}
    <br clear="all" />
 

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

et mon css :

Code:

u{
  border-color: #F1EEE5;
  text-decoration: none;
  }

    I{
  border-bottom:none;
  color: #F1EEE5;
  text-decoration: none;
    }

    a.forumlink{
    background-color: #8FDCE0;
    border-bottom: 2px double #34818A;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    color: #EB6207;
    font-style:bold;
    text-transform: capitalize;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    letter-spacing: 3px;
  background-color: #D6EFF0;
    display: block;
    text-align: center;
    color: #000000
    border-left: 9px solid #D6EFF0;
    border-right: 9px solid #D6EFF0;
    border-bottom:5px double #D6EFF0;
    font-style: bold;
    text-transform: uppercase;
  }

    a{
    text-decoration: none !important;
    font-variant: small-caps;
    }
 
    a:hover {
  text-transform:uppercase;
  text-decoration: none !important;
  }

    .bodylinewidth {
    width:70%;
  }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #666e70;
    line-height: 125%;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
  }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #666e70;
    background-color: #1f1f1f;
    border: 1px solid #c4bfb5;
}

   

    a.forumline{
    background-color: #ffffff;
    border: 5px solid #ffffff;
    }

    body {background-repeat: no-repeat;
      background-position: none;
    }
    .mainmenu img {display: none;}

    a.mainmenu{
    text-decoration: none;
    background:#D6EFF0;
    border: 2px solid #D6EFF0;
    color : #34818A;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #34818A;
    }
    a.mainmenu:link, a.mainmenu:visited{
    background-color: #D6EFF0;
    border-left: 9px solid #D6EFF0;
    border-right: 6px solid #D6EFF0;
    border: 1px double #D6EFF0;
    }

.milieu {
    width: 90%;
    margin: 0px;
    border: 1px solid #eeeeee;
  padding: 5px;
  background-color:#e2e1d7}

    .statistiques {
    border:0px;
    background-repeat: no-repeat;
    background-position: center;
    height: 211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    background-color:#34818A; /* FOND DES NOMS DE GROUPES */
    border: 1px #34818A double;
    -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }


    /*PAGE D'ACCUEIL*/

    .bulle1{
    width: 210px;
height: 170px;
border: 1px #B7EEF0 solid ;
background:#8FDCE0;
padding:5px;
    }

    .bulle2{
width: 400px;
height: 150px;
border: 1px #B7EEF0 solid ;
background:#8FDCE0;
padding:5px;
    }

    .bullelien{
    border: 1px #B7EEF0 solid ;
  background:#8FDCE0;
  padding:5px;
  }

    .titrebulle{
    letter-spacing: -3px;
    color:#34818A;
    font-family: georgia;
    font-size:30px;
    text-shadow: #000000 0px 1px 2px;
    padding-left:15px;
 }

    .petitebarre{
    color:#34818A;
    background:#34818A;
}

    .partbull{
    background:#34818A;
    width: 44px;
    height: 44px;
}

    .partbull:hover{
    background:#D6EFF0;
    width: 44px;
    height: 44px;
}

a.postlink{
color: #34818A !important;
}

a.lien1{
color: #34818A !important;
}

.hauteur {
margin-top: -6px;
}

.floatleft /*IMAGE DESCRIPTION*/
{
float: left;
}

/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B7EEF0;
border-right: 10px solid #B7EEF0;
border-left: 10px solid #B7EEF0;
background-color: #B7EEF0;
color: #FFF;
-moz-border-radius-topleft:60px;
-webkit-border-radius-topleft:60px;
border-radius-topleft:60px;
-moz-border-radius-topright:60px;
-webkit-border-radius-topleft:60px;
border-radius-topleft:60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;
  }
/* FIN */




codes qui s'affichent pas sous différents navigateurs

merci d'avoir essayer ! j'éspère que quelqu'un sera comment faire :s

codes qui s'affichent pas sous différents navigateurs

Lixyr Yrna a écrit:Bonjour.

Vous avez plusieurs variantes pour les arrondis, afin qu'ils soient visibles sous différents navigateurs. Mais sous Internet explorer, aucune variante n'existe. (enfin ça se pourrait bien mais c'est bien trop compliqué).

-webkit-border-radius:20px;
=> pour Safari (et normalement Chrome mais les arrondis ne s'affichent pas toujours correctement ^^")

-moz-border-radius:20px;
=> pour firefox mozilla

border-radius:20px;
=> code de base

-o-border-radius:20px;
=> opera


Cordialement.

j'ai déjà fait ça comme vous pouvez le voir dans mon codes. mais ça ne marche pas quand même.

codes qui s'affichent pas sous différents navigateurs

Bonjour,

j'ai un soucis j'ai les onglets de mes catégories qui sont arrondis que je ne voit pas sous safari, chrome et internet explorer mais qui se voit parfaitement sous firefox. j'ai essayer de cliquer sur "optimiser le css" ou de le faire à la main. ça ne marche pas :s pouvez vous m'aider ? c'est urgent svp.

voici mon css :

Code:

u{
  border-color: #F1EEE5;
  text-decoration: none;
  }

    I{
  border-bottom:none;
  color: #F1EEE5;
  text-decoration: none;
    }

    a.forumlink{
    background-color: #8FDCE0;
    border-bottom: 2px double #34818A;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    color: #EB6207;
    font-style:bold;
    text-transform: capitalize;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    letter-spacing: 3px;
  background-color: #D6EFF0;
    display: block;
    text-align: center;
    color: #000000
    border-left: 9px solid #D6EFF0;
    border-right: 9px solid #D6EFF0;
    border-bottom:5px double #D6EFF0;
    font-style: bold;
    text-transform: uppercase;
  }

    a{
    text-decoration: none !important;
    font-variant: small-caps;
    }
 
    a:hover {
  text-transform:uppercase;
  text-decoration: none !important;
  }

    .bodylinewidth {
    width:70%;
  }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #666e70;
    line-height: 125%;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
  }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #666e70;
    background-color: #1f1f1f;
    border: 1px solid #c4bfb5;
}

   

    a.forumline{
    background-color: #ffffff;
    border: 5px solid #ffffff;
    }

    body {background-repeat: no-repeat;
      background-position: none;
    }
    .mainmenu img {display: none;}

    a.mainmenu{
    text-decoration: none;
    background:#D6EFF0;
    border: 2px solid #D6EFF0;
    color : #34818A;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #34818A;
    }
    a.mainmenu:link, a.mainmenu:visited{
    background-color: #D6EFF0;
    border-left: 9px solid #D6EFF0;
    border-right: 6px solid #D6EFF0;
    border: 1px double #D6EFF0;
    }

    .milieu {
    width: 90%;
    margin: 0px;
    border: 1px solid #eeeeee;
  padding: 5px;
  background-color:#e2e1d7}

    .statistiques {
    border:0px;
    background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    background-color:#34818A; /* FOND DES NOMS DE GROUPES */
    border: 1px #34818A double;
    -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }


    /*PAGE D'ACCUEIL*/

    .bulle1{
    width: 210px;
height: 170px;
border: 1px #B7EEF0 solid ;
background:#8FDCE0;
padding:5px;
    }

    .bulle2{
width: 400px;
height: 150px;
border: 1px #B7EEF0 solid ;
background:#8FDCE0;
padding:5px;
    }

    .bullelien{
    border: 1px #B7EEF0 solid ;
  background:#8FDCE0;
  padding:5px;
  }

    .titrebulle{
    letter-spacing: -3px;
    color:#34818A;
    font-family: georgia;
    font-size:30px;
    text-shadow: #000000 0px 1px 2px;
    padding-left:15px;
 }

    .petitebarre{
    color:#34818A;
    background:#34818A;
}

    .partbull{
    background:#34818A;
    width: 44px;
    height: 44px;
}

    .partbull:hover{
    background:#D6EFF0;
    width: 44px;
    height: 44px;
}

a.postlink{
color: #34818A !important;
}

a.lien1{
color: #34818A !important;
}

.hauteur {
margin-top: -6px;
}

.floatleft /*IMAGE DESCRIPTION*/
{
float: left;
}

/* TITRE CATEGORIE */
.titrecat {
text-align: center;
padding-top: -15px;
padding-bottom: 15px;
display: block;
width: 80%;
border-top: 10px solid #B7EEF0;
border-right: 10px solid #B7EEF0;
border-left: 10px solid #B7EEF0;
background-color: #B7EEF0;
color: #FFF;
-moz-border-radius-topleft: 60px; -webkit-border-radius-topleft: 60px; border-radius-topleft: 60px;
-moz-border-radius-topright: 60px; -webkit-border-radius-topleft: 60px; border-radius-topleft: 60px;
margin-top: 12px;
height: 30px;
font-weight: bolder;}
/* FIN */

et je sais pas si c'est possible aussi d'optimiser le "header" ? car certain ne le voit pas entier et chez d'autre leurs écrans est trop grand donc le header ne prend pas tout l'écran :s

image à la place de "news", "no news","vérouillé"

Bonjour,

je suis tout juste en train de créer un nouveau forum.
J'aimerais beaucoup réaliser la même chose que ce forum : http://www.new-york-city-life.com/
au niveau des petite images qui se met en couleur quand on passe la souris dessus et qui du coup fait en sorte qu'on à plus les "news" "no news" "vérouillé" sur le côté.

je voudrais savoir aussi comment faire pour mettre une image à la catégorie ? comme là les nuages avec la petite couronne ?

merci d'avance pour votre aide.

barre de navigation et autres demande

parfait c'est nikel merci !
je l'ai mit à -6 car ça collait mieux

voici donc le forum à neuf et mille merci pour ton aide
http://austin-sophia.actifforum.com/

barre de navigation et autres demande

merci c'est parfait tout fonctionne parfaitement maintenant !
pour l'espace en faite je veut juste réduire l'espace entre le cadre "nos partenaires" et le cadre "l'acualité" car cet espace là est plus grand que l'espace entre le cadres "crédits" et "nos partenaires"

barre de navigation et autres demande

en faite entre les cadres "nos partenaires" et actualité" il y à un espace trop important par rapport à l'espace entre les cadres "crédits" et "nos partenaires"

voici le code de la page d'accueil :

Code:

<table><tr><td align="left" width="600"><center><table><tr><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com/t1-la-charte-du-forum" class="postlink">règlement</a> </div></td><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com/f4-presentations" class="postlink">présentation</a> </div></td><td align="left"> <div class="bullelien"><a href="http://austin-sophia.actifforum.com" class="postlink">demande de partenariat</a> </div></td><td align="left"> <div class="bullelien"> <a href="http://austin-sophia.actifforum.com/f27-presentation-du-staff" class="postlink">staff</a> </div></td><td align="left"><div class="bullelien"><a href="http://austin-sophia.actifforum.com/f3-informations" class="postlink">actualité du forum</a></div></td></tr></center></table><br><center><font size="5"><font face="impact"><font color=#961E58>BIENVENUE</center></size></font></font><div style="text-align:justify;"><font size="2"><br>Sur le premier forum francophone entièrement consacré aux jeunes couples d'acteurs que vous pouvez voir régulièrement dans la série "les frères scott" sous les traits de Brooke et Julian. Ce forum est là pour ceux qui ne sont pas forcement à l'aise avec la langue anglaise, les vidéos et toutes les interviews que donneront Sophia et Austin seront mise ici en français. La convivialité est le maître mot de ce forum, nous voulons créer une vraie team de soutient aux jeunes acteurs pour leurs carrière mais aussi pour les aider dans leurs combats pour la sauvegarde de la planète via leurs différentes associations et projets qu'ils mènent. Si vous avez un problème ou une suggestion pour le forum n'hésiter pas à contacter le staff qui vous aidera avec un grand plaisir. Nous vous demandons également de respecter entièrement la vie privée de Sophia Bush et Austin Nichols nous ne somme pas un membre de leurs famille où un de leurs amis donc nous n'avons pas à parler de leurs vie privée ici, sauf si eux même en parle dans la presse. Nous vous souhaitons une bonne navigation sur le forum et nous espérons vous voir très souvent ici.<br><br></size></div></td>
<td align="left"><div class="bulle1"><font class="titrebulle">crédits</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>© La totalité du forum appartient à ses admins : Marjorie & Miss Nothing. Design réalisé par ©<a href="http://art-beating.forumactif.org/">Art beating by Nanou</a> ; CSS&HTML par ©Death's Angel Toute reproduction, même partielle est interdite, merci de respecter notre travail. </div>  <div class="bulle1"><font class="titrebulle">nos partenaires</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><center><table><tr><td><div class="partbull"><a href="http://scottland.skyrock.com/" class="postlink" target="_blank" rel="nofollow"><img src="http://img4.hostingpics.net/pics/448787Image2.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://one-tree-brulian-hill.skyrock.com/" class="postlink"><img src="http://img4.hostingpics.net/pics/887044Image6.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://austin-sophia.actifforum.com" class="postlink"><img src="http://i72.servimg.com/u/f72/13/92/69/88/49104510.png" border="0" alt="" /></a></div></td></tr></table></center></div></td></tr></table><table><td align="left"><div class="bulle2"><font class="titrebulle">nos coups de coeur</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div><br><br><center><table><tr><td><div class="partbull"><a href="http://www.sophiabush.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_10.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://everythingaustin.com/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/image_12.png" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://www.globalgreen.org/" class="postlink"><img src="http://i72.servimg.com/u/f72/11/82/55/42/global10.jpg" border="0" alt="" /></a></div></td><td><div class="partbull"><a href="http://www.surfrider.eu/fr/" class="postlink"><img src="http://img4.hostingpics.net/pics/344712surfriderfoundation.jpg" border="0" alt="" /></a></div></td></tr></table></center></div> </td><td align="left"> <div class="bulle2"><font class="titrebulle">L'Actualité</font><div class="petitebarre"><span style="font-size: 4px; line-height: normal">.</span></div>- Ouverture du forum le 5/03/11<br>- Création d'un compte twitter affilié au forum <a href="http://twitter.com/#!/FrenchTeam_SA">ici</a> le 04/04/11<br><FONT color="red">- Un book pour l'anniversaire d'Austin Nichols est en cours jusqu'au 18/04/11 <a href="http://austin-sophia.actifforum.com/t64-operation-fans-pour-l-anniversaire-d-austin-nichols">ici</a> </div></font></td></tr></table>

et le css avec les nouvelles couleurs :

Code:

u{
  border-color: #F1EEE5;
  text-decoration: none;
  }

    I{
  border-bottom:none;
  color: #F1EEE5;
  text-decoration: none;
    }

    a.forumlink{
    background-color: #F2D479;
    border-bottom: 2px double #F09B09;
    font-family: Tahoma;
    font-size: 14px;
    font-weight: lighter;
    letter-spacing: 2px;
    display:block;
    text-align: center;
    color: #EB6207;
    font-style:bold;
    text-transform: capitalize;
    }

    a.forumlink:hover, a.forumlink:hover:visited{
    letter-spacing: 3px;
  background-color: #F5DF9D;
    display: block;
    text-align: center;
    color: #000000
    border-left: 9px solid #dbc8cf;
    border-right: 9px solid #dbc8cf;
    border-bottom:5px double #D89FA6;
    font-style: bold;
    text-transform: uppercase;
  }

    a{
    text-decoration: none !important;
    font-variant: small-caps;
    }
 
    a:hover {
  text-transform:uppercase;
  text-decoration: none !important;
  }

    .bodylinewidth {
    width:70%;
  }

    .quote{
    font-family: Tahoma;
    font-size: 11px;
    color: #666e70;
    line-height: 125%;
    background-color: #1f1f1f;
    border: 1px solid #1f1f1f;
  }

    .code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #666e70;
    background-color: #1f1f1f;
    border: 1px solid #c4bfb5;
}

    .forumline{ 
  background-color: #ffffff;
    border: 5px #ffffff solid;
  }

    a.forumline{
    background-color: #ffffff;
    border: 5px solid #ffffff;
    }

    body {background-repeat: no-repeat;
      background-position: none;
    }
    .mainmenu img {display: none;}

    a.mainmenu{
    text-decoration: none;
    background:#E1E5EE;
    border: 2px solid #961E58;
    color : #961E58;
    }
    a.mainmenu:hover{
    text-decoration: none;
    color : #c1bbb3;
    }
    a.mainmenu:link, a.mainmenu:visited{
    background-color: #F1EEE5;
    border-left: 9px solid #F1EEE5;
    border-right: 6px solid #F1EEE5;
    border: 1px double #EBA5C7;
    }

    .milieu {
    width: 90%;
    margin: 0px;
    border: 1px solid #eeeeee;
  padding: 5px;
  background-color:#e2e1d7}

    .statistiques {
    border:0px;
    background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
    }

    .groupes
    {
    background-color:#F0E5C3; /* FOND DES NOMS DE GROUPES */
    border: 1px #F0E5C3 double;
    -moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
    height:40px; /* HAUTEUR DES ENCADRES */
    padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
    padding-left:24px;
    padding-bottom:1px;
    font-size:13px; /*TAILLE ECRITURE */
    font-weight: bold; /* STYLE DE L'ECRITURE */
    text-align:center;
    text-decoration: none !important;
    }


    /*PAGE D'ACCUEIL*/

    .bulle1{
    width: 210px;
height: 150px;
border: 1px #F0E5C3 solid ;
background:#F2D479;
padding:5px;
    }

    .bulle2{
width: 400px;
height: 150px;
border: 1px #F0E5C3 solid ;
background:#F2D479;
padding:5px;
    }

    .bullelien{
    border: 1px #F0E5C3 solid ;
  background:#F2D479;
  padding:5px;
  }

    .titrebulle{
    letter-spacing: -3px;
    color:#B11F58;
    font-family: georgia;
    font-size:30px;
    text-shadow: #EB6207 0px 1px 2px;
    padding-left:15px;
 }

    .petitebarre{
    color:#F0E5C3;
    background:#F09B09;
}

    .partbull{
    background:#F09B09;
    width: 44px;
    height: 44px;
}

    .partbull:hover{
    background:#F0E5C3;
    width: 44px;
    height: 44px;
}


barre de navigation et autres demande

je viens d'essayer ça donne ça :

j'arrive pas à changer la couleur du texte des onglets au dessus de "bienvenue"
ni l'espace entre le cadre "nos partenaires" et "actualité" et il n'y pas de saut de ligne avec "br" et je n'arrive pas non plus à changer la couleur des titre "crédits", "nos partenaires" "nos coups de coeurs", "l'actualité" ainsi que la couleur des liens comme "ici" ou "art beating by nanou"

barre de navigation et autres demande

Scipion,
plus besoin car la méthode d'alyz marche mais merci.

Alyz,
parfait ça marche par cotre maintenant du coup j'aurais besoin de changer les couleurs, gris et rose de l'accueil, j'essaie seule et je te dit si j'ai besoin d'aide

barre de navigation et autres demande

Scipion,
le thème du forum est : phpBB2 (subsilver)
le overall_header est :

Code:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
    <head>
      <!-- BEGIN meta_emulate_ie7 -->
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      <!-- END meta_emulate_ie7 -->
      <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
      <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
      <meta http-equiv="content-script-type" content="text/javascript" />
      <meta http-equiv="content-style-type" content="text/css" />
      <!-- BEGIN switch_canonical_url -->
      <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
      <!-- END switch_canonical_url -->
      {META_FAVICO}
      {META}
      {META_FB_LIKE}
      <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
      {T_HEAD_STYLESHEET}
      {CSS}
      <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
      <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
      <script src="{JQUERY_PATH}" type="text/javascript"></script>
      <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

      <!-- BEGIN switch_fb_login -->
      <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
      <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
      <!-- END switch_fb_login -->

      <!-- BEGIN switch_ticker -->
      <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
      <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
      <!-- END switch_ticker -->

      <!-- BEGIN switch_ticker_new -->
      <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
      <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir  = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
          case 'top' :
            slid_vert = true;
            break;

          case 'left':
            break;

          case 'bottom':
            slid_vert = true;
            auto_dir  = 'prev';
            break;

          case 'right':
            auto_dir  = 'prev';
            break;

          default:
            slid_vert = true;
      }

      $(document).ready(function() {
          var w_cont = $('#fa_ticker_container').width();

          if (w_cont > 0)
          {
            $('#fa_ticker_container').width(w_cont);

            /* Affichage de la liste */
            $('#fa_ticker_content').css('display','block');

            /* Calcul des dimensions du conteneur et des �l�ments */
            var width_max  = $('ul#fa_ticker_content').width();
            var width_item = Math.floor(width_max / {switch_ticker.SIZE});
            var height_max = h_perso;

            /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
            $('ul#fa_ticker_content li').each( function () {
                if ($(this).height() > height_max)
                {
                  height_max = $(this).height();
                }
            } );

            /* Redimensionnement des �l�ments et des images trop larges */
            $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
                if ($(this).width() > width_item)
                {
                var ratio      = $(this).width() / width_item;
                var new_height = Math.round($(this).height() / ratio);
                $(this).height(new_height).width(width_item);
                }
            });

            /* Redimensionnement et centrage du conteneur en mode vertical */
            if (slid_vert)
            {
                $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
            }

            /* Initialisation du caroussel */
            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
                wrap: 'circular',
                auto: {switch_ticker.STOP_TIME},
                auto_direction: auto_dir,
                  scroll: 1,
                  size: {switch_ticker.SIZE},
                  height_max: height_max,
                  animation: {switch_ticker.SPEED}
              });
          }
          else
          {
              $('ul#fa_ticker_content li:not(:first)').css('display','none');
              $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
          }
      });
      //]]>
      </script>
      <!-- END switch_ticker_new -->

      <script type="text/javascript">//<![CDATA[
      $(document).ready(function(){
          <!-- BEGIN switch_enable_pm_popup -->
            pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
            pm.focus();
          <!-- END switch_enable_pm_popup -->
          <!-- BEGIN switch_report_popup -->
            report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
            report.focus();
          <!-- END switch_report_popup -->
          <!-- BEGIN switch_ticker -->
            ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
          <!-- END switch_ticker -->
      });

      <!-- BEGIN switch_login_popup -->
          var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
      <!-- END switch_login_popup -->

      <!-- BEGIN switch_login_popup -->
      $(document).ready( function() {
          $(window).resize(function() {
            var windowWidth = document.documentElement.clientWidth;
              var popupWidth = $("#login_popup").width();
              var mypopup = $("#login_popup");

              $("#login_popup").css({
                  "left": windowWidth/2 - popupWidth/2
              });
          });
      });
      <!-- END switch_login_popup -->
      //]]>
      </script>
      {GREETING_POPUP}
      <!-- BEGIN switch_ticker_new -->
      <style>
      .jcarousel-skin-tango .jcarousel-item {
          text-align:center;
          width: 10px;
      }

      .jcarousel-skin-tango .jcarousel-item-horizontal {
          margin-right: {switch_ticker.SPACING}px;
      }

      .jcarousel-skin-tango .jcarousel-item-vertical {
          margin-bottom: {switch_ticker.SPACING}px;
      }
      </style>
      <!-- END switch_ticker_new -->

      <!-- BEGIN google_analytics_code -->
      <script type="text/javascript">
      //<![CDATA[
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
        _gaq.push(['_trackPageview']);

        (function() {
          var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
      //]]>
      </script>
      <!-- END google_analytics_code -->
    </head>
    <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

 
      <!-- BEGIN hitskin_preview -->
      <div id="hitskin_preview" style="display: block;">
          <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
          <div class="content">
            <p>
                {hitskin_preview.L_THEME_SITE_PREVIEW}
                <br />
                <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
            </p>
          </div>
      </div>
      <!-- END hitskin_preview -->

      <!-- BEGIN switch_login_popup -->
      <div id="login_popup">
          <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
            <tr height="25">
                <td class="catLeft">
                  <span class="genmed module-title">{SITENAME}</span>
                </td>
            </tr>
            <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
                <td class="row1" align="left" valign="top">
                  <div id="login_popup_buttons">
                      <form action="{S_LOGIN_ACTION}" method="get">
                        <input type="submit" class="mainoption" value="{L_LOGIN}" />
                        <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                        <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                      </form>
                  </div>
                  <span class="genmed">{LOGIN_POPUP_MSG}</span>
                </td>
            </tr>
          </table>
      </div>
      <!-- END switch_login_popup -->

      <a name="top"></a>
      {JAVASCRIPT}
      <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
          <tr>
            <td class="bodyline">
                <table width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tr>
                      <!-- BEGIN switch_logo_left -->
                      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                      <!-- END switch_logo_left -->
                      <td align="center" width="100%" valign="middle">
                        <!-- BEGIN switch_logo_center -->
                        <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                        <br />
                        <!-- END switch_logo_center -->
                        <div class="maintitle">{MAIN_SITENAME}</div>
                        <br />
                        <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                      </td>
                      <!-- BEGIN switch_logo_right -->
                      <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                      <!-- END switch_logo_right -->
                  </tr>
                </table>

                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                  <tr>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

                  </tr>
                </table>

                <div style="clear: both;"></div>

                <!-- BEGIN switch_ticker_new -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                                  <!-- BEGIN ticker_row -->
                                  <li>{switch_ticker.ticker_row.ELEMENT}</li>
                                  <!-- END ticker_row -->
                              </ul>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker_new -->

                <!-- BEGIN switch_ticker -->
                <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                      <tr>
                        <td {CLASS_TABLE_TYPE} align="left" class="row1">
                            <div id="fa_ticker_container">
                              <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                                  <div class="fa_ticker_content">
                                    <!-- BEGIN ticker_row -->
                                    <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                    <!-- END ticker_row -->
                                  </div>
                              </div>
                            </div>
                        </td>
                      </tr>
                  </table>
                </div>
                <!-- END switch_ticker -->

                <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                      <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                        <tbody>
                            <tr>
                              <td valign="top" width="{C1SIZE}">
                                  <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                        <!-- BEGIN saut -->
                                        <div style="height:{SPACE_ROW}px"></div>
                                        <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                  </div>
                              </td>
                              <td valign="top" width="100%">
    <!-- BEGIN html_validation -->
                              </td>
                            </tr>
                        </tbody>
                      </table>
                  </div>
                </div>
            </td>
          </tr>
      </table>
    </body>
    </html>
    <!-- END html_validation -->



Alyz,

merci tout à marcher sauf que avec le nouveau CSS tout est en arrondie même la barre de navigation et mon message d'accueil en haut et je préférais tout en carré et je n'ai pas les pointillé que cela donne en bleu.... je préfère les trait que je retrouve lorsque je met mon curseur dessus.

barre de navigation et autres demande

Bonjour,

je voulais savoir si il était possible que la barre de navigation soit plus bas car là elle empiète sur mon header et si on pouvait changer la couleur car avant mon forum était rose et noire et là je suis en train de changer le design en jaune et orange. http://austin-sophia.actifforum.com/

voici mon css :

Code:

u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; color:#F1EEE5;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #EFECE5;
border-bottom: 2px dotted #9b9fa2;
color:#oooooo;
font-family: Tahoma;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #EFECE5;
border-left: 9px solid #dbc8cf;
border-right: 9px solid #dbc8cf;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Tahoma;
font-size: 11px;
color: #666e70;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #666e70;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }


body {background-repeat: no-repeat;
  background-position: none;
}
.mainmenu img {display: none;}

a.mainmenu{
 text-decoration: none;
background:#E1E5EE;
border: 2px solid #961E58;
 color : #961E58;
}
a.mainmenu:hover{
 text-decoration: none;
border: 2px solid #961E58;
 color : #c1bbb3;
background:#E1E5EE;
 }

.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }

a.mainmenu:link, a.mainmenu:visited{
background-color: #F1EEE5;
border-left: 9px solid #F1EEE5;
border-right: 6px solid #F1EEE5;
-moz-border-radius:13px;
border: 1px #EBA5C7
double;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}

.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: uppercase;
}

/*PAGE D'ACCUEIL*/

.bulle1{
width: 210px; height: 150px; border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;
}
.bulle2{
width: 400px; height: 150px; border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;
}
.bullelien{
border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px;-moz-border-radius-topleft:30px; -moz-border-radius-topright:30px;}
.titrebulle{
letter-spacing: -3px;color:#B11F58; font-family: georgia; font-size:30px; text-shadow: #000000 0px 1px 2px;padding-left:15px;}
.petitebarre{
color:#D89FA6; background:#D89FA6;}
.partbull{
background:#B11F58;width: 44px; height: 44px;}
.partbull:hover{
background:#D89FA6;width: 44px; height: 44px;}

j'aurais voulue savoir comment changer la couleur également du fond ou il y à "accueil" et des fond de tire de chaque catégorie "reglement", "informations" ...Ect afin de mettre un faut jaune/orangé et les barres rose les mettre en orange : http://www.hostingpics.net/viewer.php?id=526078Image2.png

je précise que c'était un thème que j'avais pris à la base, je veut garder la même chose mais juste changer les couleurs



merci d'avance.
marjorie

p.s : c'est assez urgent car le forum doit etre finit ce soir . merci !

plusieurs pages d'avatars

super merci je vais voir ça.

plusieurs pages d'avatars

up svp !!

plusieurs pages d'avatars

up !

plusieurs pages d'avatars

Bonjours,

je voulais savoir si il était possible de faire plusieurs pages d'avatars personnelle, j'ai déjà vu ça sur des forums.

par exemple pour les prédéfinies il y à la catégorie "cinéma" et dedans : matrix, seigneurs des anneaux, star wars... ect en faite moi je voudrais faire la catégorie "galerie du site" avec dedans : le couple, Austin, Austin bis, Sophia, Sophia bis.

pour avoir plus d'avatars.

prob "who is online"

non je n'avais rien retouché mais là j'ai réussie à rectifier en mettant le "width" à 100% pour les trois onglet et non à 33%

merci pour ton aide en tout cas.

prob "who is online"

je ne pensais pas que c'était un "up ' ça, désolé.
non chez moi ce n'est pas bien centré.

Spoiler:

Là on voit bien qu'il y à plus d'espace à droite que à gauche.

l'option pour l'affichage des dernière 24h ce trouve où ?

prob "who is online"

dernière petite chose dont je vient de m'aperçevoir mais dans "conexion" il n'y à rien je crois est ce normal ?

prob "who is online"

merci, preseque !
il manque un tout petit chouilla vers la droite ;-)

prob "who is online"

excuser moi je penser que c'était par jour et non par tranche de 24h. je le serais pour la prochaine fois .


mais sinon le problème est toujours là, les onglet sont juste très légérement décallé sur la droite mais pas au milieu.

prob "who is online"

up svp c'est urgent car j'aimerais ouvrir mon forum le plus rapidement possible.
merci d'avance.

prob "who is online"

je crois que mon qui est en ligne est plutôt dans le "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="window.location='/facebook_connect.forum'" 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 -->
         <br /><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><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" 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 class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
        <td class="row1" rowspan="3" align="center" valign="middle">
            <div class="gensmall">
              <script type="text/javascript">
                  function patonglet1() {
                    document.getElementById('onglet1').style.display='block';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
                 
                  function patonglet2() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='block';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='none';
                  }
                 
                  function patonglet3() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='block';
                    document.getElementById('onglet4').style.display='none';
                  }
                 
                  function patonglet4() {
                    document.getElementById('onglet1').style.display='none';
                    document.getElementById('onglet2').style.display='none';
                    document.getElementById('onglet3').style.display='none';
                    document.getElementById('onglet4').style.display='block';
                  }
              </script>

<!-- BARRE D'ONGLETS -->
              <table width="100%">
                  <center><tr>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet1()"> <FONT size="3" face="impact"><b>Statistiques</b></FONT> </div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()"><FONT size="3" face="impact"><b>Les groupes</b></FONT></div></td>
                    <td width="20%"><div class="onglet" onmouseover="javascript:patonglet3()"><FONT size="3" face="impact"><b>Les dernières connexions</b></FONT></div></td>
                  </tr></center>
             
              <tr>
              <td colspan="3" valign="middle" align="center">
                  <!-- IMAGE D'ILLUSTRATION DU QEEL -->
                  <img src="http://www.heberger-image.fr/data/images/27086_183508QueelAS.png" border="0" alt="Hebergeur d'Images Gratuit" />              </td>
              </tr>
             
                  <td width="100%" colspan="3">
                   
                        <!-- PREMIER MODULE -->
                        <div id="onglet1">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
                                      <span class="gensmall">{TOTAL_POSTS}<br />
                                      {TOTAL_USERS}<br />
                                      {NEWEST_USER}<br />
                                      {TOTAL_USERS_ONLINE}<br />
                                      {RECORD_USERS}<br />
                                      <br />
                                      {LOGGED_IN_USER_LIST}</span>
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>

                        <!-- DEUXIEME MODULE -->
                        <div id="onglet2" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
                                    {GROUP_LEGEND}
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>


                        <!-- TROISIEME MODULE -->             
                        <div id="onglet3" style="display: none;">
                          <div class="message">
                              <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                <tr>
                                    <td style="text-align: center;" width="100%">
                                    {L_CONNECTED_MEMBERS}
                                    </td>
                                </tr>
                              </table>
                          </div>
                        </div>
                       
                    </td>
                  </tr>
              </table>
            </div>
        </td>
      </tr>
</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="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 -->

prob "who is online"

bonjour,

je n'ai rien touché à mon css et voilà que les onglet de mon "qui est en ligne" sont aligné sur la gauche, alors qu'à la base ils étaient centrer. pouvez vous me dire comme cela se fait ?

voic mon css :

Code:

u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; color:#F1EEE5;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #EFECE5;
border-bottom: 2px dotted #9b9fa2;
color:#oooooo;
font-family: Tahoma;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #EFECE5;
border-left: 9px solid #dbc8cf;
border-right: 9px solid #dbc8cf;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Tahoma;
font-size: 11px;
color: #666e70;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #666e70;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }


body {background-repeat: no-repeat;
  background-position: none;
}
.mainmenu img {display: none;}

a.mainmenu{
 text-decoration: none;
background:#E1E5EE;
border: 2px solid #961E58;
 color : #961E58;
}
a.mainmenu:hover{
 text-decoration: none;
border: 2px solid #961E58;
 color : #c1bbb3;
background:#E1E5EE;
 }

.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }

a.mainmenu:link, a.mainmenu:visited{
background-color: #F1EEE5;
border-left: 9px solid #F1EEE5;
border-right: 6px solid #F1EEE5;
-moz-border-radius:13px;
border: 1px #EBA5C7
double;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}

.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: uppercase;
}

/*PAGE D'ACCUEIL*/

.bulle1{
width: 210px; height: 150px; border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;
}
.bulle2{
width: 400px; height: 150px; border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:20px; -moz-border-radius-bottomright:20px;-moz-border-radius-topleft:20px; -moz-border-radius-topright:20px;
}
.bullelien{
border: 1px #D6D1CE solid ; background:#DEDAD7;padding:5px; -moz-border-radius-bottomleft:30px; -moz-border-radius-bottomright:30px;-moz-border-radius-topleft:30px; -moz-border-radius-topright:30px;}
.titrebulle{
letter-spacing: -3px;color:#B11F58; font-family: georgia; font-size:30px; text-shadow: #000000 0px 1px 2px;padding-left:15px;}
.petitebarre{
color:#D89FA6; background:#D89FA6;}
.partbull{
background:#B11F58;width: 44px; height: 44px;}
.partbull:hover{
background:#D89FA6;width: 44px; height: 44px;}

et mon template "viewonline_body" :

Code:

BOARD_INDEX}
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="left" valign="middle" width="50">
         <!-- BEGIN switch_user_authpost -->
         <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
         <!-- END switch_user_authpost -->
      </td>
      <td class="nav" valign="middle" width="100%"><div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div></td>
      <td class="gensmall" align="right" valign="bottom" nowrap="nowrap">
         <span class="nav">
            <script type="text/javascript">//<![CDATA[
               var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
               var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
               var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
               var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
               var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
               insert_plus_menu('f{FORUM_ID}&amp;f={FORUM_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
         </span>
      </td>
   </tr>
</table>
{TOPICS_LIST_BOX}
<div id="info_open" style="display:''">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" align="left" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
         <td class="row1" align="right" valign="top"><span class="gensmall">{S_WATCH_FORUM}</span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall"><b>{L_MODERATOR}:</b></span></td>
         <td class="row1" valign="top"><span class="gensmall">{MODERATORS}</span></td>
      </tr>
      <tr>
         <td class="row2" valign="top" width="150"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
         <td class="row1" valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><div class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</div></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>

<div id="info_close" style="display:none">
   <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
         <td class="row1" colspan="2" align="right" valign="top"><span class="gensmall"><a href="{U_MARK_READ}">{L_MARK_TOPICS_READ}</a></span></td>
      </tr>
      <tr>
         <td class="row2" colspan="2" valign="top"><span class="gensmall"><b>{LOGGED_IN_USER_LIST}</b></span></td>
      </tr>
      <tr>
         <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
               <tr>
                  <td class="nav" valign="middle" width="100%"><span class="nav"> <a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
               </tr>
            </table>
         </td>
      </tr>
   </table>
</div>
   <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>

         <td align="left" valign="middle" width="50">
            <!-- BEGIN switch_user_logged_in -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}1" alt="{L_POST_NEW_TOPIC}" border="0" /></a>
            <!-- END switch_user_logged_in -->
         </td>
         <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

   </tr>
   <!-- BEGIN switch_legend -->
   <tr>
      <td colspan="2">
         <table border="0" cellpadding="6" cellspacing="2" align="center">
            <tr>
               <td>
                  <img src="{FOLDER_NEW_IMG}" alt="{L_FOLDER_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_NEW_IMG}</span>

                  <img src="{FOLDER_HOT_NEW_IMG}" alt="{L_FOLDER_HOT_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_NEW_IMG}</span>

                  <img src="{FOLDER_LOCKED_NEW_IMG}" alt="{L_FOLDER_LOCKED_NEW_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_NEW_IMG}</span>
               </td>
               <td>
                  <img src="{FOLDER_IMG}" alt="{L_FOLDER_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_IMG}</span>

                  <img src="{FOLDER_HOT_IMG}" alt="{L_FOLDER_HOT_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_HOT_IMG}</span>

                  <img src="{FOLDER_LOCKED_IMG}" alt="{L_FOLDER_LOCKED_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_LOCKED_IMG}</span>
               </td>
               <td valign="top">
                  <img src="{FOLDER_ANNOUNCE_IMG}" alt="{L_FOLDER_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_ANNOUNCE_IMG}</span>

                  <img src="{FOLDER_GLOBAL_ANNOUNCE_IMG}" alt="{L_FOLDER_GLOBAL_ANNOUNCE_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_GLOBAL_ANNOUNCE_IMG}</span>

                  <img src="{FOLDER_STICKY_IMG}" alt="{L_FOLDER_STICKY_IMG}" border="0" /> <span class="gensmall">{L_FOLDER_STICKY_IMG}</span>

               </td>
            </tr>
         </table>
      </td>
   </tr>
   <!-- END switch_legend -->
</table>
      </form>

voici le liens de mon forum : http://austin-sophia.actifforum.com/

problème barre de navigation : urgent

oui à la base j'avais un header en fond mais je n'avais pas vu que je l'avais mis aussi en centrer dans le overall_header. donc j'ai supprimer ça, j'ai aussi supprimer tout les < / br > c'est parfait ainsi
en tout cas merci pour ton aide.
problème résolue.

problème barre de navigation : urgent

en faite je crois que l'espace entre le forum et le header est du à l'image transparente...

problème barre de navigation : urgent

merci mais le forum est trop bas..... ça fait pas très beau (mais je crois que c'est du à l'header centrer. et sinon en faite du coup je me suis aperçue que il y à deux header, un en fond de page et l'autre en centrer. comment faire pour retirer le centrer ? car j'ai mis une image transparente et le header. dans la dection image avancé et c'est ce que je veut garder par le header centrer qui est certainement dans le overall header.

problème barre de navigation : urgent

voici le CSS :

Code:

u{border-bottom: 1px solid;border-color:#F1EEE5;text-decoration: none;
-moz-border-radius:10px;}

I{border-bottom:none; color:#F1EEE5;text-decoration: none
}

a:hover{text-transform:uppercase;}

.bodylinewidth {
width:70%}

a.forumlink{
-moz-border-radius: 7px 7px 7px 7px;
background-color: #EFECE5;
border-bottom: 2px dotted #9b9fa2;
color:#oooooo;
font-family: Tahoma;
font-size: 14px;
font-weight: lighter;
letter-spacing: 2px;
display:block;
text-align: left;
}

a.forumlink:hover, a.forumlink:hover:visited{
background-color: #EFECE5;
border-left: 9px solid #dbc8cf;
border-right: 9px solid #dbc8cf;
-moz-border-radius:6px;}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

.quote{
font-family: Tahoma;
font-size: 11px;
color: #666e70;
line-height: 125%;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border: 1px #1f1f1f;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #666e70;
background-color: #1f1f1f;
border: #1f1f1f;
border-style: solid;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px
border: 1px #c4bfb5;
dotted;
-moz-border-radius:6px;}

input,textarea, select {
-moz-border-radius-bottomleft:9px;
-moz-border-radius-bottomright:9px;
-moz-border-radius-topleft:9px;
-moz-border-radius-topright:9px;
}


a {font-variant: small-caps;}
.forumline{-moz-border-radius:15px;}
.bodyline {-moz-border-radius:40px;}

a.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }


body {background-repeat: no-repeat;}
  background-position: none;
}
a.mainmenu{
 text-decoration: none;
 color : #EBA5C7;
}
a.mainmenu:hover{
 text-decoration: none;
border: 1px dotted #F1EEE5;
 color : #c1bbb3;
 }

.forumline{
    background-color: #ffffff;
    border: 5px #ffffff solid;
    }

a.mainmenu:link, a.mainmenu:visited{
background-color: #F1EEE5;
border-left: 9px solid #F1EEE5;
border-right: 6px solid #F1EEE5;
-moz-border-radius:13px;
border: 1px #EBA5C7
double;
}

.milieu {width: 90%; margin: 0px; border: 1px solid #eeeeee;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px; background-color:#e2e1d7}

.statistiques
{
border:0px;
background-image: url("http://nsa14.casimages.com/img/2010/05/01/100501065250309168.png");
background-repeat: no-repeat;
background-position: center;
height:211px; /* HAUTEUR DE VOTRE IMAGE DE FOND, C'EST UNE VARIABLE */
}

.groupes
{
background-color:#dad0c7; /* FOND DES NOMS DE GROUPES */
border: 1px #D0D0D0 dotted; /* POUR METTRE LE CONTOUR EN POINTILLES */
-moz-border-radius : 5px 5px 5px 5px; /* ARRONDI DES CONTOURS */
height:40px; /* HAUTEUR DES ENCADRES */
padding-right:24px; /* SÉPARATION ENTRE LES GROUPES */
padding-left:24px;
padding-bottom:1px;
font-size:13px; /*TAILLE ECRITURE */
font-weight: bold; /* STYLE DE L'ECRITURE */
text-align:center;
text-decoration: none !important;
}
a.forumlink {
letter-spacing:2px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: capitalize;
}

a.forumlink:hover  {
letter-spacing:3px;
display:block;
text-align: center;
color: #23758F;
border-bottom:5px double #D89FA6;
font-style:bold;
text-transform: uppercase;
}

et le overall_header:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB}>
<head>
  <!-- BEGIN meta_emulate_ie7 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <!-- END meta_emulate_ie7 -->
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING};" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

  <!-- BEGIN switch_ticker -->
  <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
  <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
  <!-- END switch_ticker -->

  <!-- BEGIN switch_ticker_new -->
  <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
  <script type="text/javascript">//<![CDATA[
  /* Definir le sens de direction en fonction du panneau admin */
  var tickerDirParam = "{switch_ticker.DIRECTION}";
  var slid_vert = false;
  var auto_dir  = 'next';
  var h_perso = parseInt({switch_ticker.HEIGHT});

  switch( tickerDirParam )
  {
      case 'top' :
        slid_vert = true;
        break;

      case 'left':
        break;

      case 'bottom':
        slid_vert = true;
        auto_dir  = 'prev';
        break;

      case 'right':
        auto_dir  = 'prev';
        break;

      default:
        slid_vert = true;
  }

  $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
        $('#fa_ticker_container').width(w_cont);

        /* Affichage de la liste */
        $('#fa_ticker_content').css('display','block');

        /* Calcul des dimensions du conteneur et des �l�ments */
        var width_max  = $('ul#fa_ticker_content').width();
        var width_item = Math.floor(width_max / {switch_ticker.SIZE});
        var height_max = h_perso;

        /* Calcul de la hauteur maximale du contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */
        $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
              height_max = $(this).height();
            }
        } );

        /* Redimensionnement des �l�ments et des images trop larges */
        $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio      = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
        });

        /* Redimensionnement et centrage du conteneur en mode vertical */
        if (slid_vert)
        {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
        }

        /* Initialisation du caroussel */
        $('#fa_ticker_content').jcarousel({
              vertical: slid_vert,
            wrap: 'circular',
            auto: {switch_ticker.STOP_TIME},
            auto_direction: auto_dir,
              scroll: 1,
              size: {switch_ticker.SIZE},
              height_max: height_max,
              animation: {switch_ticker.SPEED}
          });
      }
      else
      {
          $('ul#fa_ticker_content li:not(:first)').css('display','none');
          $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
      }
  });
  //]]>
  </script>
  <!-- END switch_ticker_new -->

  <script type="text/javascript">//<![CDATA[
  $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
        pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
        pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
        report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
        report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
        ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
  });

  <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
  <!-- END switch_login_popup -->

  <!-- BEGIN switch_login_popup -->
  $(document).ready( function() {
      $(window).resize(function() {
        var windowWidth = document.documentElement.clientWidth;
          var popupWidth = $("#login_popup").width();
          var mypopup = $("#login_popup");

          $("#login_popup").css({
              "left": windowWidth/2 - popupWidth/2
          });
      });
  });
  <!-- END switch_login_popup -->
  //]]>
  </script>
  {GREETING_POPUP}
  <!-- BEGIN switch_ticker_new -->
  <style>
  .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
  }

  .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
  }

  .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
  }
  </style>
  <!-- END switch_ticker_new -->

  <!-- BEGIN google_analytics_code -->
  <script type="text/javascript">
  //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
    _gaq.push(['_trackPageview']);

    (function() {
      var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();
  //]]>
  </script>
  <!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div style="background-image: url('http://www.heberger-image.fr/images/89310_279922AS2.png.html'); background-repeat: no-repeat; background-position: top center; position: absolute; top: 0px; width: 99%; height: 500px;"> </div>
  <!-- BEGIN hitskin_preview -->
  <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
        <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
        </p>
      </div>
  </div>
  <!-- END hitskin_preview -->

  <!-- BEGIN switch_login_popup -->
  <div id="login_popup">
      <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
        <tr height="25">
            <td class="catLeft">
              <span class="genmed module-title">{SITENAME}</span>
            </td>
        </tr>
        <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
            <td class="row1" align="left" valign="top">
              <div id="login_popup_buttons">
                  <form action="{S_LOGIN_ACTION}" method="get">
                    <input type="submit" class="mainoption" value="{L_LOGIN}" />
                    <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                    <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
                  </form>
              </div>
              <span class="genmed">{LOGIN_POPUP_MSG}</span>
            </td>
        </tr>
      </table>
  </div>
  <!-- END switch_login_popup -->

  <a name="top"></a>
  {JAVASCRIPT}
  <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
        <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
              <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                    <!-- BEGIN switch_logo_center -->
                    <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                    <br />
                    <!-- END switch_logo_center -->
                    <div class="maintitle">{MAIN_SITENAME}</div>
                    <br />
                    <span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
              </tr>
            </table>

            <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
              <tr>
                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
              </tr>
            </table>

            <div style="clear: both;"></div>

            <!-- BEGIN switch_ticker_new -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <ul id="fa_ticker_content"  class="jcarousel-skin-tango" style="display:none;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                          </ul>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker_new -->

            <!-- BEGIN switch_ticker -->
            <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
                  <tr>
                    <td {CLASS_TABLE_TYPE} align="left" class="row1">
                        <div id="fa_ticker_container">
                          <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                <!-- BEGIN ticker_row -->
                                <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                <!-- END ticker_row -->
                              </div>
                          </div>
                        </div>
                    </td>
                  </tr>
              </table>
            </div>
            <!-- END switch_ticker -->

            <div id="page-body">
              <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                  <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                    <tbody>
                        <tr>
                          <td valign="top" width="{C1SIZE}">
                              <div id="{ID_LEFT}">
                                <!-- BEGIN giefmod_index1 -->
                                {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                <!-- END giefmod_index1 -->
                              </div>
                          </td>
                          <td valign="top" width="100%">
<!-- BEGIN html_validation -->
                          </td>
                        </tr>
                    </tbody>
                  </table>
              </div>
            </div>
        </td>
      </tr>
  </table>
</body>
</html>
<!-- END html_validation -->