Bug bas cadre forum

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

Résolu Bug bas cadre forum

Message par Naaw-el le Lun 25 Avr 2011 - 21:24

Re-bonjour

J'ai remarqué un bug sur mon forum. Un petit screen pour vous montrer :
Spoiler:

Il y a un espace en bas de mon forum !
Pourtant, mon CSS est modifié correctement (enfin je pense !)

Code:
.bodylinewidth {
margin-bottom: -20px;
margin-top: -20px;
}

.bodyline {
padding: 0px;
}

th {
   color: #285db4;
   font-size: 11px;
   font-weight : bold;
   background-color: #6390d9;
   height: 25px;
   background-image: url("");
   padding: 2px 3px;
   }

.secondarytitle,.secondarytitle h2 {
   margin: 0;
   padding: 0;
   color: #285db4;
background-color: #6390d9;
   }

td.row1,td.row3.over:hover {
    background-color: #285db4;
    }
td.row2,td.row1.over:hover {
    background-color: #285db4;
    }
td.row3{
    background-color: #285db4;
    }
td.rowpic {
   background-color: #285db4;
   background-image: url("");
   css}

.bodylinewidht {
widht: 980px;
}

.bodyline {
background-color: #285db4;
-moz-box-shadow: 0px 0px 10px #000000;
  box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
}

a { text-decoration: none; }

.statistiques{
border:0px;
background-image: url("http://www.picdo.net/fichiers/2011/4/25/d822b7e1-15e6-4934-b91a-da6295ade4fc_Qui-est-la.png");
background-repeat: no-repeat;
background-position: left;
width:980px;
text-align: center;
}

.groupes{
height:px;
padding-right:6px;
padding-left:6px;
padding-bottom:3px;
font-size:15px;
text-decoration: none !important;
margin-left: px;}

.description {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
background: none repeat scroll 0 0;
background-color: #a2c0f3;
border-color: #;
border-style:none;
color: #4d77be;
margin-left:150px;
margin-right:150px;
margin-top:10px;
padding:5px 5px 5px 25px;
}

Ah et puis j'ai une autre question, concernant les titres des forums ;D
J'ai essayer de les centrer grâce au code <center>TITRE DU FORUM</center> mais ça donne ça :
Spoiler:
Merci d'avance pour vos conseils...


Dernière édition par Naaw-el le Mer 27 Avr 2011 - 21:32, édité 2 fois

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Invité le Mar 26 Avr 2011 - 10:29

Bonjour,

Pour l'espace en bas du forum est-ce que je pourrais avoir le copier/coller du template overal_footer svp?

Pour le center, je vais faire des tests Wink

Cordialement,

Invité
Invité


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

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mar 26 Avr 2011 - 10:34

Merci de vous occuper de mon "cas" ^^

Le template overal_footer (je ne l'ai pas modifié celui-là)

Code:
<!-- BEGIN html_validation -->
<!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">
<body>
<table>
   <tr>
      <td>
         <div>
            <div>
               <table>
                  <tbody>
                     <tr>
                        <td>
<!-- END html_validation -->
                        </td>
                        <td valign="top" width="{C3SIZE}">
                        <div id="{ID_RIGHT}">
                           <!-- BEGIN giefmod_index2 -->
                           {giefmod_index2.MODVAR}
                           <!-- BEGIN saut -->
                           <div style="height: {SPACE_ROW}px"></div>
                           <!-- END saut -->
                           <!-- END giefmod_index2 -->
                        </div>
                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
         <!-- close div id=&quot;page-body&quot; -->
         <div id="page-footer">
                                <!-- BEGIN switch_footer_fa_copyrights -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_fa_copyright_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                                                <!-- END footer_fa_copyright_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_fa_copyrights -->
                                <!-- BEGIN switch_footer_links -->
                                <div align="center">
                                        <div class="gen">
                                                <!-- BEGIN footer_link -->
                                                        <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                        <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                                <!-- END footer_link -->
                                        </div>
                                </div>
                                <!-- END switch_footer_links -->
         </div>
         {PROTECT_FOOTER}
      </td>
   </tr>
</table>

<!-- BEGIN switch_facebook_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
//]]>
</script>
<!-- END switch_facebook_login -->

<!-- BEGIN switch_facebook_logout_TMP -->
<script type="text/javascript">
//<![CDATA[
FB.Event.subscribe('auth.logout', function(response) {
   if ($('a#logout'))
   {
      var lien_redir = $('a#logout').attr('href');

      if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
      {
         document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
      }
   }
});

$(document).ready( function() {
   $('a#logout').click( function() {
      FB.logout();
   } );
});
//]]>
</script>
<!-- END switch_facebook_logout_TMP -->

<script type="text/javascript">
//<![CDATA[
   fa_endpage();
//]]>
</script>

</body>
</html>

Ah et puis de mon côté, j'ai fais quelques essais pour voir d'où cela venait, et apparemment, ce serait à cause de l'ombre que j'ai appliqué sur le bodyline. Car lorsque j'enlève l'ombre, tout roule !
Pourtant, en haut ça ne me fait pas ça...

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Invité le Mar 26 Avr 2011 - 10:43

Le forum est bien celui-ci http://test-nawel.forumgratuit.org/ ?

Invité
Invité


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

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mar 26 Avr 2011 - 10:46

oui, c'est ça !

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Invité le Mar 26 Avr 2011 - 10:49

Pour le template, replacez-le par:

Code:
    <!-- BEGIN html_validation -->
    <!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">
    <body>
    <table>
      <tr>
          <td>
            <div>
                <div>
                  <table>
                      <tbody>
                        <tr>
                            <td>
    <!-- END html_validation -->
                            </td>
                            <td valign="top" width="{C3SIZE}">
                            <div id="{ID_RIGHT}">
                              <!-- BEGIN giefmod_index2 -->
                              {giefmod_index2.MODVAR}
                              <!-- BEGIN saut -->
                              <div style="height: {SPACE_ROW}px"></div>
                              <!-- END saut -->
                              <!-- END giefmod_index2 -->
                            </div>
                            </td>
                        </tr>
                      </tbody>
                  </table>
                </div>
            </div>
            <!-- close div id=&quot;page-body&quot; -->
            <div id="page-footer"> <!-- BEGIN switch_footer_fa_copyrights -->
                                    <div align="center"> <div class="gen"><!-- BEGIN footer_fa_copyright_link -->
                                                            <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                            {switch_footer_fa_copyrights.footer_fa_copyright_link.FOOTER_FA_LINK}
                                                    <!-- END footer_fa_copyright_link -->
                                            </div>
                                    </div>
                                    <!-- END switch_footer_fa_copyrights -->
                                    <!-- BEGIN switch_footer_links -->
                                    <div align="center">
                                            <div class="gen">
                                                    <!-- BEGIN footer_link -->
                                                            <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                                                            <a name="bottom" class="copyright" href="{switch_footer_links.footer_link.U_FOOTER_LINK_HREF}" rel="{switch_footer_links.footer_link.FOOTER_LINK_REL}" target="{switch_footer_links.footer_link.FOOTER_LINK_TARGET}" title="{switch_footer_links.footer_link.L_FOOTER_LINK_TITLE}">{switch_footer_links.footer_link.L_FOOTER_LINK_TEXT}</a>
                                                    <!-- END footer_link -->
                                            </div>
                                    </div>
                                    <!-- END switch_footer_links -->
            </div>
            {PROTECT_FOOTER}
          </td>
      </tr>
    </table>

    <!-- BEGIN switch_facebook_login -->
    <div id="fb-root"></div>
    <script type="text/javascript">
    //<![CDATA[
    FB.init({appId: '{switch_facebook_login.FACEBOOK_APP_ID}', status: true, cookie: true, xfbml: true});
    //]]>
    </script>
    <!-- END switch_facebook_login -->

    <!-- BEGIN switch_facebook_logout_TMP -->
    <script type="text/javascript">
    //<![CDATA[
    FB.Event.subscribe('auth.logout', function(response) {
      if ($('a#logout'))
      {
          var lien_redir = $('a#logout').attr('href');

          if ($('a#logout').attr('href') && $('a#logout').attr('href') != '')
          {
            document.location.href = 'http://{switch_facebook_logout.SERVER_NAME}/' + lien_redir;
          }
      }
    });

    $(document).ready( function() {
      $('a#logout').click( function() {
          FB.logout();
      } );
    });
    //]]>
    </script>
    <!-- END switch_facebook_logout_TMP -->

    <script type="text/javascript">
    //<![CDATA[
      fa_endpage();
    //]]>
    </script>

    </body>
    </html>

Est-ce que quelque chose change ou pas? What's happen ?!?

Invité
Invité


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

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mar 26 Avr 2011 - 10:51

Rien n'a changé :/

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mar 26 Avr 2011 - 21:53

Juste pour prévenir que j'ai réhebergé les screens puisque picdo (mon hébergeur) affiche page introuvable aujourd'hui.
Voilà, pour ceux qui pensaient avoir la solution mais ne pouvaient pas voir ;D

Ah et le bug du bas du bodyline n'apparaît que sous Firefox, sous Chrome ça marche.

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Anzu le Mar 26 Avr 2011 - 22:39

Bonsoir,

Pensez à utiliser la fonction :editer: Wink

Comme ceci, c'est mieux?:

Code:
    .bodylinewidth {
    margin-bottom: -20px;
    margin-top: -20px;
    widht: 980px;
    }

  .bodyline {
  padding: 0px;
    background-color: #285db4;
    -moz-box-shadow: 0px 0px 10px #000000;
      box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    }


    th {
      color: #285db4;
      font-size: 11px;
      font-weight : bold;
      background-color: #6390d9;
      height: 25px;
      background-image: url("");
      padding: 2px 3px;
      }

    .secondarytitle,.secondarytitle h2 {
      margin: 0;
      padding: 0;
      color: #285db4;
    background-color: #6390d9;
      }

    td.row1,td.row3.over:hover {
        background-color: #285db4;
        }
    td.row2,td.row1.over:hover {
        background-color: #285db4;
        }
    td.row3{
        background-color: #285db4;
        }
    td.rowpic {
      background-color: #285db4;
      background-image: url("");
      css}

 

    a { text-decoration: none; }

    .statistiques{
    border:0px;
    background-image: url("http://www.picdo.net/fichiers/2011/4/25/d822b7e1-15e6-4934-b91a-da6295ade4fc_Qui-est-la.png");
    background-repeat: no-repeat;
    background-position: left;
    width:980px;
    text-align: center;
    }

    .groupes{
    height:px;
    padding-right:6px;
    padding-left:6px;
    padding-bottom:3px;
    font-size:15px;
    text-decoration: none !important;
    margin-left: px;}

    .description {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    background: none repeat scroll 0 0;
    background-color: #a2c0f3;
    border-color: #;
    border-style:none;
    color: #4d77be;
    margin-left:150px;
    margin-right:150px;
    margin-top:10px;
    padding:5px 5px 5px 25px;
    }

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mar 26 Avr 2011 - 22:55

Merci pour votre réponse
Cependant, non, là ça a rajouté un espace en haut en plus de celui du bas :/

Entre temps, j'avais modifié quelques lignes de CSS je le remet.
Code:
 .quote{
   font-family: bookman,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #6595e5;
   line-height: 100%;
   background-color: #204a90;
   border: #204a90;
   border-style: solid;
   border-left-width:1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px}

.code{
    font-family: bookman,Courier New,sans-serif;
    font-size: 11px;
    color: #002a6e;
   background-color: #4883e3;
    border: #4883e3;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}

.enligne {
position: absolute;
top: 509px;
left: 448px;
}

.navig {
position: absolute;
top: 260px;
width: 100%;
}

.gen,.genmed,.gensmall {
    color : #8aaee8;
}

.forumlink{
    font-weight: ;
    font-size: 11px;
    color : #7daccd;
    }
a.forumlink {
    text-decoration: none;
    color : #7daccd;
    }
a.forumlink:link {
    color : #7daccd;
    }
a.forumlink:visited {
    color : #7daccd;
    }
a.forumlink:active {
    color : #7daccd;
    }
a.forumlink:hover{
    text-decoration: none;
    color : #7daccd;
    }


 .bodylinewidth {
    margin-bottom: -20px;
    margin-top: -20px;
    widht: 980px;
    }

  .bodyline {
  padding: 0px;
    background-color: #285db4;
    -moz-box-shadow: 0px 0px 10px #000000;
      box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    }


    th {
      color: #285db4;
      font-size: 11px;
      font-weight : bold;
      background-color: #6390d9;
      height: 25px;
      background-image: url("");
      padding: 2px 3px;
      }

    .secondarytitle,.secondarytitle h2 {
      margin: 0;
      padding: 0;
      color: #285db4;
    background-color: #6390d9;
      }

    td.row1,td.row3.over:hover {
        background-color: #285db4;
        }
    td.row2,td.row1.over:hover {
        background-color: #285db4;
        }
    td.row3{
        background-color: #285db4;
        }
    td.rowpic {
      background-color: #285db4;
      background-image: url("");
      css}

    a { text-decoration: none; }

    .statistiques{
    border:0px;
    background-image: url("http://img822.imageshack.us/img822/8830/quiestlr.png");
    background-repeat: no-repeat;
    background-position: left;
    width:980px;
    text-align: center;
    }

    .groupes{
    height:px;
    padding-right:6px;
    padding-left:6px;
    padding-bottom:3px;
    font-size:15px;
    text-decoration: none !important;
    margin-left: px;}

    .description {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    background: none repeat scroll 0 0;
    background-color: #a2c0f3;
    border-color: #;
    border-style:none;
    color: #4d77be;
    margin-left:150px;
    margin-right:150px;
    margin-top:10px;
    padding:5px 5px 5px 25px;
    }

    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #f00;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #f00;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #f00;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }

A partir de maintenant, je ne touche plus au CSS tant que j'ai pas résolu mon problème, sinon ça va vous compliquer la tache :/

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Anzu le Mar 26 Avr 2011 - 23:00


Sur votre forum test, je ne vois pas d'espace en haut. (J'utilise Mozilla)

Et pour le bas, retirez le border (dans couleurs > Contours > Couleur du cadre du forum )

Je n'ai rien modifié dans votre css, juste un léger ménage. Si vous avez plusieurs bodyline par exemple, il faut les retrouver un seul bloc.

Si vous avez toujours ces espaces, pourriez vous faire une capture ? ^^

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mar 26 Avr 2011 - 23:07

Oui, car j'ai remis mon ancien code (celui que je vous ai donné dans le message précédent) mais en faisant le tri comme vous l'aviez fait.
Du coup, le haut s'est remis en place, mais le bas pose toujours problème :/
J'ai déjà enlevé toutes les couleurs que vous me dites de supprimer.

Le screen est le même que dans mon premier message, rien n'a changé, à part le petit tri que vous m'avez conseillé (je ferais attention désormais).

Sinon, y a-t-il une solution à mon second problème ou non ?

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Anzu le Mar 26 Avr 2011 - 23:33


Pourrais je avoir votre template index box ?

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Scoubifitz le Mer 27 Avr 2011 - 1:38

bonsoir,

un début de réponse ... en englobant le "bodylinewidth" par une autre class et en utilisant un overflow:hidden pour le bas et le haut ...



ombrage sur tableau

contenu
sans
importance
collé au code ..

contenu
sans
importance
Code:
[table style="overflow:hidden;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;"]
[tr][td][table style="padding: 0px;background-color: #285db4;-moz-box-shadow: 0px 0px 20px #000000;box-shadow: 0px 0px 20px #000000;-webkit-box-shadow: 0px 0px 20px #000000;margin-top: -4px;margin-bottom: -4px;color:white;"]
[tr]
[td][center]contenu
sans
importance [/center][/td][/tr][/table]
[/td][/tr][/table]

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mer 27 Avr 2011 - 9:45

Anzu, voici mon template :
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
                  <!-- 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 -->
         <!-- END switch_user_logged_in -->
      </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>
      
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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="3" 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">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
             <table width="100%"><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><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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50">
         <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 -->

Scoubifitz > je comprends à peu près ce qu'il faudrait faire, mais où est-ce que je dois encadrer le bodylinewidht et où dois-je mettre le overflow:hidden ?

Merci à tous les deux,
Naw

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Scoubifitz le Mer 27 Avr 2011 - 14:01

comme les templates sont "des morceaux de ..." , "des débuts de ..." , "des fins de ..." et que je préfère ne pas dire de bétises ,

je laisse la place à Anzu pour expliquer où mettre le "div" qui englobe la table "bodylinewidth" ...

pour le CSS , la première table de mon exemple correspondra au "div" à placer ,
la deuxième table , au "bodylinewidth" ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mer 27 Avr 2011 - 15:48

Je suis désolée, je suis pas très douée :/
J'ai encore pas compris.

Je vais attendre la venue d'Anzu, alors, merci de vous être préoccupé de mon problème !

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Ea le Mer 27 Avr 2011 - 18:44

Bonjour,


Un membre du forum n'est ni omniscient ni sous l'égide de quelqu'un Wink

    Mr A : j'ai un problème avec le schtroumph.
    Mr B : je fais un test et je vous aide.
    Mr C : je pense que ça doit venir du schtroumph, attendonz Mr B.
    Okay la réponse de Mr C est logique Very Happy

    Mr A : j'ai un problème avec le schtroumph.
    Mr B : est-ce que votre schtroumph est rouge ?
    Mr C : je pense que ça doit venir du schtroumph, attendonz Mr B.
    La réponse de Mr C n'est pas logique.


Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mer 27 Avr 2011 - 19:01

J'ai pas non plus compris là où vous vouliez en venir :/
Je pense que c'était une sorte de morale pour moi, mais dans l'histoire du schtroumf, je ne sais pas qui je suis u_u
Je me sentais pas fautive, étant donné que je n'avais VRAIMENT pas compris ce que me proposait Scoubi...

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Ea le Mer 27 Avr 2011 - 19:19

Dans l'histoire Mr A, je veux juste dire que Anzu n'indique pas qu'elle a la solution, repassera ou quelque chose du genre Wink

Pour votre problème d'espace en bas je ne sais pas de quoi vous parlez, j'imagine que c'est un des 2 suivants :



Cordialement.

Ea
Aidactif
Aidactif

Messages : 23447
Inscrit(e) le : 04/04/2008

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

Résolu Re: Bug bas cadre forum

Message par Scoubifitz le Mer 27 Avr 2011 - 20:35



@Naaw-el a écrit:Re-bonjour
Il y a un espace en bas de mon forum !

@Naaw-el a écrit:Ah et puis de mon côté, j'ai fais quelques essais pour voir d'où cela venait, et apparemment, ce serait à cause de l'ombre que j'ai appliqué sur le bodyline. Car lorsque j'enlève l'ombre, tout roule !
Pourtant, en haut ça ne me fait pas ça...

bonsoir,

le problème , c'est l'ombrage qui s'affiche en haut et en bas du forum (d'après ce que j'ai compris)

contenu
sans
importance

et que Mr A cherche à éliminer ... Wink

contenu
sans
importance
Code:
[table style="overflow:hidden;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto;"]
[tr][td][table style="padding: 0px;background-color: #285db4;-moz-box-shadow: 0px 0px 20px #000000;box-shadow: 0px 0px 20px #000000;-webkit-box-shadow: 0px 0px 20px #000000;margin-top: -4px;margin-bottom: -4px;color:white;"]
[tr]
[td][center]contenu
sans
importance [/center][/td][/tr][/table]
[/td][/tr][/table]

je laisse ma place à ceux qui connaissent assez les templates pour mettre un "div" qui englobe la table "bodylinewidth" ... que ce soit Anzu ou un(e) autre ... What a Face

pour le CSS , il est dans le tableau ...

puisqu'Anzu a parlé du bodylinewidth , j'en ai conclu (hâtivement peut-être) qu'elle a aussi vu le problème ...

Cordialement
Mr C ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Anzu le Mer 27 Avr 2011 - 20:49

Bonsoir,

Je n'ai mentionné nulle part ce bodylinewidth, c'est vous qui en avez parlé Rolling Eyes

Naaw-el > Concernant les titres de forum, postez un nouveau sujet, parce que ce topic par en cacahuète Mr. Green

Concernant le problème d'espace, on en est où ? Parce que je ne m'y retrouve plus Wink
De quel code dois je partir ?

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mer 27 Avr 2011 - 21:01

Oui, c'est ce que j'étais en train de me dire, pour le second problème ^^

Mon problème est toujours le même : http://img842.imageshack.us/img842/6108/screengak.png

Mon CSS est celui-ci :
Code:
.quote{
   font-family: bookman,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #6595e5;
   line-height: 100%;
   background-color: #204a90;
   border: #204a90;
   border-style: solid;
   border-left-width:1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px}

.code{
    font-family: bookman,Courier New,sans-serif;
    font-size: 11px;
    color: #002a6e;
   background-color: #4883e3;
    border: #4883e3;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}

.enligne {
position: absolute;
top: 509px;
left: 448px;
}

.navig {
position: absolute;
top: 260px;
width: 100%;
}

.gen,.genmed,.gensmall {
    color : #8aaee8;
}

.forumlink{
    font-weight: ;
    font-size: 11px;
    color : #7daccd;
    }
a.forumlink {
    text-decoration: none;
    color : #7daccd;
    }
a.forumlink:link {
    color : #7daccd;
    }
a.forumlink:visited {
    color : #7daccd;
    }
a.forumlink:active {
    color : #7daccd;
    }
a.forumlink:hover{
    text-decoration: none;
    color : #7daccd;
    }


 .bodylinewidth {
    margin-bottom: -20px;
    margin-top: -20px;
    widht: 980px;
    }

.bodyline {
  padding: 0px;
    background-color: #285db4;
    -moz-box-shadow: 0px 0px 10px #000000;
      box-shadow: 0px 0px 10px #000000;
    -webkit-box-shadow: 0px 0px 10px #000000;
    } 


    th {
      color: #285db4;
      font-size: 11px;
      font-weight : bold;
      background-color: #6390d9;
      height: 25px;
      background-image: url("");
      padding: 2px 3px;
      }

    .secondarytitle,.secondarytitle h2 {
      margin: 0;
      padding: 0;
      color: #285db4;
    background-color: #6390d9;
      }

    td.row1,td.row3.over:hover {
        background-color: #285db4;
        }
    td.row2,td.row1.over:hover {
        background-color: #285db4;
        }
    td.row3{
        background-color: #285db4;
        }
    td.rowpic {
      background-color: #285db4;
      background-image: url("");
      css}

    a { text-decoration: none; }

    .statistiques{
    border:0px;
    background-image: url("http://img822.imageshack.us/img822/8830/quiestlr.png");
    background-repeat: no-repeat;
    background-position: left;
    width:980px;
    text-align: center;
    }

    .groupes{
    height:px;
    padding-right:6px;
    padding-left:6px;
    padding-bottom:3px;
    font-size:15px;
    text-decoration: none !important;
    margin-left: px;}

    .description {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    -moz-border-radius-topleft:10px;
    -moz-border-radius-topright:10px;
    -moz-border-radius-bottomleft:10px;
    -moz-border-radius-bottomright:10px;
    background: none repeat scroll 0 0;
    background-color: #a2c0f3;
    border-color: #;
    border-style:none;
    color: #4d77be;
    margin-left:150px;
    margin-right:150px;
    margin-top:10px;
    padding:5px 5px 5px 25px;
    }

    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #f00;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #f00;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #f00;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }

& le template index_box que vous me demandiez plus haut :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
                  <!-- 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 -->
         <!-- END switch_user_logged_in -->
      </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>
      
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></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="3" 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">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
             <table width="100%"><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><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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      
      <td class="row3 over" align="center" valign="middle" height="50">
         <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 -->

Enfin, le lien vers le forum concerné : http://test-nawel.forumgratuit.org/

J'espère vous avoir donné toutes les infos nécessaires ;D

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Scoubifitz le Mer 27 Avr 2011 - 21:27

bonsoir ,

pour en finir avec ce topic , et après avoir testé ,

dans le template "overall_header" recherchez ceci :

Code:
   {JAVASCRIPT}
   <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

et remplacez par ceci :

Code:
   {JAVASCRIPT}

   <div class="autour"><table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

puis , en bas du template remplacez ceci :

Code:
   </table>
</body>
</html>
<!-- END html_validation -->

par ceci :

Code:
      </table></div>
    </body>
    </html>
    <!-- END html_validation -->

et enfin rajoutez à la fin de votre CSS ceci :

Code:
.autour {
overflow:hidden;
padding-left:20px;
padding-right:20px;
margin-left:auto;
margin-right:auto;
margin-bottom: -10px;
margin-top: -10px;}

.bodylinewidth {
padding: 0px;
background-color: #285db4;
-moz-box-shadow: 0px 0px 20px #000000;
box-shadow: 0px 0px 20px #000000;
-webkit-box-shadow: 0px 0px 20px #000000;
margin-top: -4px;
margin-bottom: -4px;
}


bonne fin de soirée ... geek

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Naaw-el le Mer 27 Avr 2011 - 21:32

MERCIIIII !
Ca marche parfaitement bien ! Merci beaucoup à vous, scoubifitz ;D
Je mets résolu

Naaw-el
**

Messages : 52
Inscrit(e) le : 03/04/2011

http://studio-graph.forumactif.fr/
Naaw-el a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Bug bas cadre forum

Message par Anzu le Mer 27 Avr 2011 - 21:36

C'était inutile de passer par les templates Wink
Faut faire au plus simple:
Via la css:

Code:
body {
padding: 0px;
margin: 0;
}

.bodylinewidth {
margin-bottom: 0px !important;
}

.bodyline {
margin-bottom: 0px !important;
}


    .quote{
      font-family: bookman,Arial,Helvetica,sans-serif;
      font-size: 11px;
      color: #6595e5;
      line-height: 100%;
      background-color: #204a90;
      border: #204a90;
      border-style: solid;
      border-left-width:1px;
      border-top-width: 1px;
      border-right-width: 1px;
      border-bottom-width: 1px}

    .code{
        font-family: bookman,Courier New,sans-serif;
        font-size: 11px;
        color: #002a6e;
      background-color: #4883e3;
        border: #4883e3;
        border-style: solid;
      border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px}

    .enligne {
    position: absolute;
    top: 509px;
    left: 448px;
    }

    .navig {
    position: absolute;
    top: 260px;
    width: 100%;
    }

    .gen,.genmed,.gensmall {
        color : #8aaee8;
    }

    .forumlink{
        font-weight: ;
        font-size: 11px;
        color : #7daccd;
        }

    a.forumlink {
        text-decoration: none;
        color : #7daccd;
align: middle;
        }

    a.forumlink:link {
        color : #7daccd;
align: middle;
        }

    a.forumlink:visited {
        color : #7daccd;
        }
    a.forumlink:active {
        color : #7daccd;
        }
    a.forumlink:hover{
        text-decoration: none;
        color : #7daccd;
        }


    .bodylinewidth {
        margin-bottom: -20px;
        margin-top: -20px;
        widht: 980px;
        }

    .bodyline {
      padding: 0px;
        background-color: #285db4;
        -moz-box-shadow: 0px 0px 10px #000000;
          box-shadow: 0px 0px 10px #000000;
        -webkit-box-shadow: 0px 0px 10px #000000;
        }


        th {
          color: #285db4;
          font-size: 11px;
          font-weight : bold;
          background-color: #6390d9;
          height: 25px;
          background-image: url("");
          padding: 2px 3px;
          }

        .secondarytitle,.secondarytitle h2 {
          margin: 0;
          padding: 0;
          color: #285db4;
        background-color: #6390d9;
          }

        td.row1,td.row3.over:hover {
            background-color: #285db4;
            }
        td.row2,td.row1.over:hover {
            background-color: #285db4;
            }
        td.row3{
            background-color: #285db4;
            }
        td.rowpic {
          background-color: #285db4;
          background-image: url("");
          css}

        a { text-decoration: none; }

        .statistiques{
        border:0px;
        background-image: url("http://img822.imageshack.us/img822/8830/quiestlr.png");
        background-repeat: no-repeat;
        background-position: left;
        width:980px;
        text-align: center;
        }

        .groupes{
        height:px;
        padding-right:6px;
        padding-left:6px;
        padding-bottom:3px;
        font-size:15px;
        text-decoration: none !important;
        margin-left: px;}

        .description {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        -moz-border-radius-topleft:10px;
        -moz-border-radius-topright:10px;
        -moz-border-radius-bottomleft:10px;
        -moz-border-radius-bottomright:10px;
        background: none repeat scroll 0 0;
        background-color: #a2c0f3;
        border-color: #;
        border-style:none;
        color: #4d77be;
        margin-left:150px;
        margin-right:150px;
        margin-top:10px;
        padding:5px 5px 5px 25px;
        }

        .colorpicker {
          width: 356px;
          height: 176px;
          overflow: hidden;
          position: absolute;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
          font-family: Arial, Helvetica, sans-serif;
          display: none;
        }
        .colorpicker_color {
          width: 150px;
          height: 150px;
          left: 14px;
          top: 13px;
          position: absolute;
          background: #f00;
          overflow: hidden;
          cursor: crosshair;
        }
        .colorpicker_color div {
          position: absolute;
          top: 0;
          left: 0;
          width: 150px;
          height: 150px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
        }
        .colorpicker_color div div {
          position: absolute;
          top: 0;
          left: 0;
          width: 11px;
          height: 11px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
          margin: -5px 0 0 -5px;
        }
        .colorpicker_hue {
          position: absolute;
          top: 13px;
          left: 171px;
          width: 35px;
          height: 150px;
          cursor: n-resize;
        }
        .colorpicker_hue div {
          position: absolute;
          width: 35px;
          height: 9px;
          overflow: hidden;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
          margin: -4px 0 0 0;
          left: 0px;
        }
        .colorpicker_new_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 213px;
          top: 13px;
          background: #f00;
        }
        .colorpicker_current_color {
          position: absolute;
          width: 60px;
          height: 30px;
          left: 283px;
          top: 13px;
          background: #f00;
        }
        .colorpicker input {
          background-color: transparent;
          border: 1px solid transparent;
          position: absolute;
          font-size: 10px;
          font-family: Arial, Helvetica, sans-serif;
          color: #898989;
          top: 4px;
          right: 11px;
          text-align: right;
          margin: 0;
          padding: 0;
          height: 11px;
        }
        .colorpicker_hex {
          position: absolute;
          width: 72px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
          left: 212px;
          top: 142px;
        }
        .colorpicker_hex input {
          right: 6px;
        }
        .colorpicker_field {
          height: 22px;
          width: 62px;
          background-position: top;
          position: absolute;
        }
        .colorpicker_field span {
          position: absolute;
          width: 12px;
          height: 22px;
          overflow: hidden;
          top: 0;
          right: 0;
          cursor: n-resize;
        }
        .colorpicker_rgb_r {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
          top: 52px;
          left: 212px;
        }
        .colorpicker_rgb_g {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
          top: 82px;
          left: 212px;
        }
        .colorpicker_rgb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
          top: 112px;
          left: 212px;
        }
        .colorpicker_hsb_h {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
          top: 52px;
          left: 282px;
        }
        .colorpicker_hsb_s {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
          top: 82px;
          left: 282px;
        }
        .colorpicker_hsb_b {
          background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
          top: 112px;
          left: 282px;
        }
        .colorpicker_submit {
          position: absolute;
          width: 22px;
          height: 22px;
          background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
          left: 322px;
          top: 142px;
          overflow: hidden;
        }
        .colorpicker_focus {
          background-position: center;
        }
        .colorpicker_hex.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_submit.colorpicker_focus {
          background-position: bottom;
        }
        .colorpicker_slider {
          background-position: bottom;
        }

Ah résolu ? Vous n'en voulez plus des titres centrés ? Rolling Eyes


Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu 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