Problème de templates

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

Résolu Problème de templates

Message par steph846 le Sam 29 Oct 2011 - 10:54

Bonjour ^^

Alors je suis en train de travailler sur l'esthétique d'un nouveau forum et à force de vouloir cumuler les codes je crois que j'ai fais de sérieuses bourdes entre le templates et les css:

Voici le template index_box qui a connu la plus grosse modification et qui semble être à l'origine du problème:
Code:
[hide]<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}

         {CURRENT_TIME}

         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

      <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">{catrow.tablehead.L_FORUM}</th>
      
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="2" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<!-- aciènne place img -->
              </td>

              <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                <table width="90%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
                    <span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

            </span>
                </h{catrow.forumrow.LEVEL}></td></tr><tr>
    <td style="padding-left: 40px; text-align: right;" class="gensmall">{catrow.forumrow.POSTS} messages dans {catrow.forumrow.TOPICS} sujets.</td></tr></tbody></table>
                <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                <span class="gensmall">
                    <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            <center>{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</center>
         </span>
      </td>
      <td class="row3" align="center" valign="middle" height="50"><div style="width:150px;"></div>

<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /><br>

         <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->[/hide]

Le seul autre template que j'ai modifié était index_body je vous le met aussi dans le doute :s:
Code:
[hide]{JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <!-- BEGIN message_admin_titre -->
  <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
  </tr>
  <!-- END message_admin_titre -->
  <!-- BEGIN message_admin_txt -->
  <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
  </tr>
  <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle" align="right">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td width="50%" valign="top">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
       
<a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </td>
      <td width="50%" align="right">
        <span class="gensmall">
            <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a>

            <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a>

            <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
            <!-- BEGIN switch_on_index -->
              <!-- BEGIN switch_delete_cookies -->
             
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
              <!-- END switch_delete_cookies -->
            <!-- END switch_on_index -->
        </span>
      </td>
  </tr>
</table>

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <!-- BEGIN switch_fb_connect_no -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td class="row1" align="center">
            <table border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td><span class="genmed">{L_USERNAME}:</span> </td>
                  <td><input class="post" type="text" size="10" name="username"/> </td>
                  <td>
                    <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                    <span class="gensmall">{L_AUTO_LOGIN}</span>
                  </td>
              </tr>

              <tr>
                  <td><span class="genmed">{L_PASSWORD}:</span> </td>
                  <td><input class="post" type="password" size="10" name="password"/> </td>
                  <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect_no -->

  <!-- BEGIN switch_fb_connect -->
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
      <tr>
        <td valign="top" width="100%"  class="row1" align="center">
            <table width="100%">
              <tr>
                  <td width="55%" valign="middle">
                    <table class="right">
                        <tr>
                          <td><span class="genmed">{L_USERNAME}:</span> </td>
                          <td><input class="post" type="text" size="10" name="username"/> </td>
                          <td>
                              <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                              <span class="gensmall">{L_AUTO_LOGIN}</span>
                          </td>
                        </tr>

                        <tr>
                          <td><span class="genmed">{L_PASSWORD}:</span> </td>
                          <td><input class="post" type="password" size="10" name="password"/> </td>
                          <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                  </td>
                  <td width="10%" align="center" valign="middle">
                    <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  </td>
                  <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button></td>
              </tr>
            </table>
        </td>
      </tr>
  </table>
  <!-- END switch_fb_connect -->
</form>
<!-- END switch_user_login_form_footer -->

<!-- BEGIN disable_viewonline -->
<div style="width: auto; margin: 50 0; text-align: center">
<img src="http://i.imgur.com/eu3nC.png">


<span class="groupes"><a href="http://olympians.forumgratuit.org/g4-dieux-1ere-generation"><font color="#1B86B8" size="5px"><b>Dieux: 1ère génération</b></font></a> • <a href="http://olympians.forumgratuit.org/g6-dieux-2eme-generation"><font color="#93B8D9" size="5px"><b>Dieux: 2ème génération</b></font></a> • <a href="http://olympians.forumgratuit.org/g7-nouvelle-generation"><font color="#5EC4BF" size="5px"><b>Nouvelles Générations</b></font></a></span> </br>
<div style="margin-top:-10px"><span class="groupes"><a href="http://olympians.forumgratuit.org/g5-demi-dieux"><font color="#5FC2A1" size="5px"><b>Demi-Dieux</b></font></a> • <a href="http://olympians.forumgratuit.org/g8-demi-dieux-formation"><font color="#46997D" size="5px"><b>Demi-Dieux: en formation</b></font></a> • <a href="http://olympians.forumgratuit.org/g9-heros"><font color="#A33939" size="5px"><b>Héros</b></font></a> • <a href="http://olympians.forumgratuit.org/g10-elues"><font color="#9F85B3" size="5px"><b>Elu(e)s</b></font></a></span><br>
<div style="margin-top:-10px"><span class="groupes"><a href="http://olympians.forumgratuit.org/g11-humains"><font color="#8A8787" size="5px"><b>Humains</b></font></a> • <a href="http://olympians.forumgratuit.org/g12-minorites"><font color="#614E47" size="5px"><b>Minorités</b></font></a> • <a href="http://olympians.forumgratuit.org/g13-dead-doors"><font color="#000000" size="5px"><b>Dead Doors</b></font></a></span></div>  </br>

<div style="float: left; position: relative; width: 40%; height: 170px; background-image:url('http://i.imgur.com/4TmM4.jpg'); border-left: 6px solid #000000;border-right: 6px solid #000000;border-top: 2px solid #000000;border-bottom: 2px solid #000000;padding: 4px; margin: 20px 30px; text-align: justify"> <span style="font-size: 11px"><br>
                        <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/Nous avons/,"Nous les avons reniés, nous les avons oublié, mais eux nous ont sauvé, nous les");
                        </script> <span id="matt">{TOTAL_USERS}.</span>
                        <script type="text/javascript">document.getElementById('matt').innerHTML=document.getElementById('matt').innerHTML.replace(/membres enregistrés/,"citoyens de la légendaire Atlantide");
                        </script>
        <span id="bert">{TOTAL_POSTS}
                        </span>
                        <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/Nos membres ont posté un total de/,"Ensemble, nous avons déjà vécus");
                        </script>
                        <script type="text/javascript">document.getElementById('bert').innerHTML=document.getElementById('bert').innerHTML.replace(/messages/," histoires, nous construisant ainsi une nouvelle chance. Une chance de survit, une chance de pardon. ");
                        </script>
       
        <span id="yosh">{NEWEST_USER}
                        </span></center>
                        <script type="text/javascript">document.getElementById('yosh').innerHTML=document.getElementById('yosh').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Des étrangers nous rejoignent toujours plus nombreux, le dernier en date est d'ailleurs");
                        </script>
</span><br><br>
  <table><div style="background: none>{L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}</div></table>
                            </div>

<div style="float: left; position: relative; width: 40%; height: 170px; background-image:url('http://i.imgur.com/4TmM4.jpg'); border-left: 6px solid #000000;border-right: 6px solid #000000;border-top: 2px solid #000000;border-bottom: 2px solid #000000;padding: 4px; margin: 20px 30px; text-align: justify; overflow-y: auto"> <span style="font-size: 11px"><span id="delf">{TOTAL_USERS_ONLINE}</span> <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne/,"olympian dont");</script><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne/,"olympians dont");
                        </script>
          <span id="alpha">{LOGGED_IN_USER_LIST}
                        </span>

                        <script type="text/javascript">document.getElementById('alpha').innerHTML=document.getElementById('alpha').innerHTML.replace(/Utilisateurs enregistrés/,"Il s'agit entre autre de");
                    </script></span></span><br><br><table><div style="background: none>{L_CONNECTED_MEMBERS}</div></table></div>
<div style="clear: left"></div>
</div>
<!-- END disable_viewonline -->
<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 -->[/hide]

Et voici mes CSS:
Code:
[hide]/*APPARENCE DES LIENS*/

a.forumlink:link, a.forumlink:visited {
font-family:  Georgia;
font-weight: bold;
Font-style: italic;
text-align: left;
font-size: 21px;
letter-spacing: -2px;
display: block;
margin-left: 30px;
}


span a.forumlink:hover {
text-align: left;
text-transform : lowercase;
letter-spacing: 1px;
display: block;
text-decoration:none;
font-weight: bold;
}

a.mainmenu{
font-family:  Georgia;
text-transform : lowercase;
font-weight: bold;
letter-spacing:-2px;
text-align: center;
text-decoration:none;
text-shadow:1px 0px 1px #000000;
font-size: 20px;
color:#c0aa79;
}

a.mainmenu:hover {
text-decoration:none;
color:#A87556;
text-shadow: none;
border:dashed 0px #e5a462;
text-shadow:1px 0px 1px #000000;
}


a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none !important;}
a.forumlink:hover {text-transform:uppercase;}
a:hover{text-transform:lowercase;}
a { text-decoration: none; }


/* TITRE CAT INDEX*/
.secondarytitle, .secondarytitle h2{
color: #c0aa79;
font-size: 40px;
font-variant: small-caps;
text-align: center;
font-family: Georgia;
Font-style: italic;
text-shadow:1px 1px 3px #000000;
}

.forumline{
background-image: url(http://i46.servimg.com/u/f46/14/36/11/77/11082210.png);
-webkit-border-radius: 17px;
-moz-border-radius: 17px;
border-radius: 17px;
border-bottom: 6px #1c1102 solid;
border-top: 1px #000000 dotted;
border-right: 2px #000000 solid;
border-left: 2px #000000 solid;
text-align: justify;
background-color: #000000;
padding-left: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-right: 8px; /*espace entre les bloc et le cadre de l'index*/
padding-bottom: 12px; /*espace entre les bloc et le cadre de l'index*/
padding-top: 8px;
}

.row3Right{
border: none !important;
}
.thHead{
border: none !important;
}
.thCornerL, .thCornerR, .thTop{
border: none !important;
}
.thLeft, .thRight{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight{
border: none! important;
}
.catHead{
border: none !important;
}
.catBottom{
border: none !important;
}

/*MESSAGE EDITION*/
tr.post span.gensmall {
        display: none;
}

/*SOULIGNEMENT LIEN PSEUDO*/
a {
          text-decoration: none;
}


/*PAS DE SOULIGNEMENT DE LIEN*/
a:link {
            text-decoration: none !important;
            text-shadow: #3B2D24 1px 1px 1px;
}
           

a:visited {
            text-decoration: none !important;
            text-shadow: #3B2D24 1px 1px 1px;
}

a:hover {
            text-decoration: none !important;
            text-shadow: #3B2D24 1px 1px 1px;
}

#page-body {
            padding-top: 10px; /* Espace entre la barre et les pubs */
}

#profile-advanced-details {
            padding-top: 20px;
}

/*ESPACE LIENS*/
a:hover{
          letter-spacing : 2px;
}


/*MISE EN PAGE REPONSE*/
body {
          text-align:justify;}
div {margin-right: 10px; margin-left: 5px;
}


/*INFOBULLE*/
{
  font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;

}
a.info {
  position: relative;
  color: #B39E6F;
  text-decoration: none;

}

a.info span {
    display: none;
font-size: auto;

}
a.info:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

  cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
  display: inline; /* on affiche l'infobulle */
  position: absolute;

  top: auto; /* on positionne notre infobulle */
  left: auto;
  width: auto;
  background: #B39E6F;

  color: #000000;
  padding: 3px;

border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px; 
border: 3px solid #30231A;
}

/*CHATBOX SANS ARCHIVES*/
#chatbox_option_with_archives
{
display:none;
}

/* FICHE DE PRESENTATION */
.cadre{ background: center center no-repeat;
border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-htm-border-radius: 50px;
-webkit-border-radius: 50px;
border: 7px solid #30231A;
box-shadow: 2px 2px 7px black;
margin: auto;}

.icon{ background: center center no-repeat;
width: 100px;
height: 100px;
border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
border: 2px solid #30231A;
box-shadow: 2px 2px 7px black;
display: block; }

.cadre1{ background: center center no-repeat;
width: 200px;
height: 320px;
border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
border: 2px solid #30231A;
box-shadow: 2px 2px 7px black;
display: block; }

.text{ padding: 20px;
background-color: #B39E6F;
border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-htm-border-radius: 50px;
-webkit-border-radius: 50px;
border: 2px solid #30231A; 
text-align: justify;
line-height: 12px;
box-shadow: 2px 2px 7px black; }

.title{ display: block;
width: 95%;
height: 15px;
padding: 5px;
background-color: #3B2D24;
border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
border: 2px solid #30231A;
text-align: center;
font-size: 18px;
line-height: 12px;
box-shadow: 2px 2px 7px black;
text-shadow: #B39E6F 1px 1px 1px; }

.title1{ display: block;
width: 95%;
height: auto;
padding: 5px;
background-color: #F0E7C3;
border-radius: 20px;
-moz-border-radius: 20px;
-o-border-radius: 20px;
-htm-border-radius: 20px;
-webkit-border-radius: 20px;
border: 2px solid #30231A;
text-align: center;
font-size: 18px;
line-height: 12px;
box-shadow: 2px 2px 7px black;
text-shadow: #B39E6F 1px 1px 1px; }

/*QUOTE CODE SPOILER*/
.quote
{
display: block;
max-width: 500px;
background-color: #B39E6F;
text-shadow: 2px 2px 2px #000000;
border: 3px solid #3B2D24;
padding: 4px;
color: #F7E5B4;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 2px 2px 2px #000000;
-moz-box-shadow: 2px 2px 2px #000000;
-o-box-shadow: 2px 2px 2px #000000;
-htm-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}

.code
{
max-width: 450px;
background-color: #B39E6F;
text-shadow: 2px 2px 2px #000000;
border: 3px solid #3B2D24;
padding: 4px;
color: #F7E5B4;
border-radius: 10px 0px 0px 10px;
box-shadow: 2px 2px 2px #000000;
-moz-box-shadow: 2px 2px 2px #000000;
-o-box-shadow: 2px 2px 2px #000000;
-htm-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}

.spoiler_closed
{
display: block;
max-width: 500px;
background-color: #B39E6F;
text-shadow: 2px 2px 2px #000000;
border: 3px solid #3B2D24;
padding: 4px;
color: #F7E5B4;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 2px 2px 2px #000000;
-moz-box-shadow: 2px 2px 2px #000000;
-o-box-shadow: 2px 2px 2px #000000;
-htm-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}
.spoiler_closed.hidden
{
display:none;
}
.spoiler_content
{
display: block;
max-width: 500px;
background-color: #B39E6F;
text-shadow: 2px 2px 2px #000000;
border: 3px solid #3B2D24;
padding: 4px;
color: #F7E5B4;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 2px 2px 2px #000000;
-moz-box-shadow: 2px 2px 2px #000000;
-o-box-shadow: 2px 2px 2px #000000;
-htm-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
}
.spoiler_content.hidden
{
display:none;
}

/*TITRE STAFF*/
.titreadminpost{
text-align: center;
font-family: Augusta;
font-weight : bold;
font-size: 36px;
color: #3B2D24;
letter-spacing: 1px;
text-shadow: 2px 2px #B39E6F;
text-decoration : inherit;}

/* fiche & staff */

.basadminpost{width:auto;
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
background:-moz-linear-gradient(top,#1C1102, #F0E7C3);
background:-webkit-linear-gradient(top,#1C1102, #F0E7C3);
-webkit-border-bottom-left-radius:0px;
-webkit-border-radius-bottom-right:0px;
-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
font-family:Tahoma;}

.basadminpost1{background:-webkit-linear-gradient(top, #F0E7C3, #1C1102);
text-align:justify;
padding:20px;
font-family:georgia;
width:auto;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
}

/*NE PAS EFFACER*/
.trans .row1 {
          background-color : transparent;
}
/*NE PAS EFFACER*/
#kaboum .row1 {
        background-color : transparent;
}

/*FOND DE PAGE SELON RESOLUTION*/
body{
    background-position: top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
}[/hide]

A présent voici un visiuel de mes problèmes:
Spoiler:
Spoiler:

Pour vous expliquer un peu j'ai suivis votre tutoriel pour adapter mon fond de page à la résolution de l'écran. Hier soir, il fonctionnait mais ce matin à mon réveil ce n'était plus le cas. malgré le
Code:
background-attachment: fixed;
Le fond de page n'est pas fixe (pour la résolution de l'écran par contre ça à l'air de fonctionner, du moins c'est le cas pour mon forum Wink.

Pour le deuxième soucis. Comme vous pouvez le voir sur le premier spoiler. Le forum est décalé par rapport à la résolution de l'écran et j'ignore pourquoi Sad. Quand on est sur la page d'accueil comme vous pouvez le voir dans le deuxième spoiler, la page est centrée. J'aimerais donc que cette page soit centrée de partout Embarassed .

Pour le troisième problème: Comme vous pouvez le voir dans le deuxième spoiler, j'ai tenté de supprimer la première colonne le problème c'est que visiblement je n'ai pas supprimé complètement le code ou mal supprimé mais j'ignore ce que j'ai pu oublier Sad. Ou même si c'est complètement possible maintenant que j'y pense lol.

Voici l'adresse du forum: http://olympians.forumgratuit.org/

En espérant que vous pourrez me venir en aide.
Merci de votre attention en tout cas.
Cordialement.
S.


Dernière édition par steph846 le Mer 23 Nov 2011 - 6:38, édité 1 fois

steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de templates

Message par steph846 le Jeu 10 Nov 2011 - 18:19

J'ose un Up j'espère ne pas faire de bêtises Embarassed

steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de templates

Message par Dark Raviel le Jeu 10 Nov 2011 - 18:30

Au lieu de position absolute, prends plutot une relative.

Dark Raviel
****

Messages : 344
Inscrit(e) le : 10/10/2007

http://rpgdedarkraviel.forumpro.fr
Dark Raviel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de templates

Message par steph846 le Dim 13 Nov 2011 - 12:31

Hannnn merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiii. Ca fonctionne parfaitement ^^.

Par contre un nouveau soucis est apparut. Ma bannière de fond n'apparaît plus et je n'ai pourtant changé aucun code Sad. (A part le absolu/relative mais que ce soit l'un ou l'autre le problème est toujours le même Sad). Embarassed Est-ce que vous auriez une idée du problème? (en sachant que j'ai utilisé ce tuto: http://forum.forumactif.com/t286701-image-de-fond-changeante-selon-la-resolution-du-visiteur?highlight=couleur+de+fond+de+pub

Mais une nouvelle fois ça fonctionnait très bien jusqu'ici et je n'ai rien changé Sad

Mais une nouvelle fois Dark Raviel un immense merci **

steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de templates

Message par Invité le Mar 22 Nov 2011 - 12:06

Bonjour,
Pour retirer la colonne, enlevez ceci dans l'index_box:
Code:
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<!-- aciènne place img -->
              </td>

Concernant l'image de fond, reprenez le tutoriel et vérifiez bien que le javascript n'est pas désactivé. Vérifiez aussi que les images sont toujours bien hébergées. Wink

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de templates

Message par steph846 le Mer 23 Nov 2011 - 6:37

Merci beaucoup^^ Isolde c'est parfait **
Et pour l'image de fond Embarassed j'étais persuadée que s'était le cas pour pourtant mais tu as tout à fait raison le javascript n'était pas activé Embarassed

Sujet Terminé.

Encore une fois un grand merci à tous les deux pour votre aide.

Tendrement.
S.


steph846
***

Féminin
Messages : 198
Inscrit(e) le : 20/02/2010

http://wildwide.forumgratuit.org
steph846 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


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