Largeur du forum - Difficultés

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

Résolu Largeur du forum - Difficultés

Message par La Forêt des Mages le Jeu 21 Juil 2011 - 11:06

Bonjour à tous & à toutes !
Je viens ici car je viens de recréer un forum, et je commence déjà à peiner Razz
J'ai fais une recherche qui pourrait expliquer mon problème, j'ai trouvé le problème de cette membre qui est similaire au mien Smile

Voir ici > http://forum.forumactif.com/t309761-ma-largeur-du-forum-m-est-impossible-a-changer?highlight=largeur+du+forum

En effet, je n'arrive pas non plus à changer la largeur de mon forum.
J'ai testé ce qui a été dit sur le topic mais rien n'y fait.

Et j'ai ajouté la chatbox qui s'ouvre en spoiler, j'aimerais qu'elle soit de la même largeur que le forum (de façon à ce qu'il ne se déforme pas quand on l'ouvre) L'idéal serait de prendre la largeur de la chatbox pour l'ensemble du forum Smile

Je dépose à mon tour mon index_body et mon CSS si quelqu'un est en mesure de m'aider Smile

Index_body

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

<!-- DEBUT CHAT BOX -->
<div style="top: 0px; left: 50%; width: 100%;><div style="margin-top: -10px; width: 380px;"><div style="align: right"><span class="bouton"><a href="##" class="bouton_ouverture">Chat box</a></span>

    <div id="chat_box_cachee">
<iframe src ="/chatbox/chatbox.forum?" width="790px" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>
    </div>

</div></div>
<!-- FIN CHAT BOX -->



<!-- SCRIPT Chat Box-->

<script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-132min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".bouton_ouverture").click(function(){
$("#chat_box_cachee").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});


</script>
{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="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 border="0" cellpadding="1" cellspacing="1"; width="100%" align="center" valign="middle"><tbody><tr><td width="100%">
      <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" align="center" valign="middle"><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="20%"><div class="onglet" onmouseover="javascript:patonglet1()">Statistiques</div></td>
                          <td width="20%"><div class="onglet" onmouseover="javascript:patonglet2()">Groupes</div></td>
                          <td width="20%"><div class="onglet" onmouseover="javascript:patonglet3()">Copyright</div></td>
                          <td width="20%"><div class="onglet" onmouseover="javascript:patonglet4()">Divers</div></td></tr></table>
                                 
                    <table width="100%">
                      <tr width="100%">
                        <td width="100%">
        <!-- 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}

              {TOTAL_USERS}

              {NEWEST_USER}

        {TOTAL_USERS_ONLINE}

              {RECORD_USERS}

             

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

<center>
        <span class="groupes"> <a href="http://laforetdesmages.forumpro.fr/g2-les-gardiens"><font color="#268C67" size="2">Les Gardiens</font></a></span>
        <span class="groupes"> <a href="http://laforetdesmages.forumpro.fr/g3-les-surveillants"><font color="#2138CC" size="2">Les Surveillants</font></a></span>
        <span class="groupes"> <a href="http://laforetdesmages.forumpro.fr/g6-les-mages"><font color="#B778EB" size="2">Les Mages</font></a></span>
        <span class="groupes"> <a href="http://laforetdesmages.forumpro.fr/g5-les-mages-superieurs"><font color="#FF0000" size="2">Les Mages Supérieurs</font></a></span>


        </center>
                                        </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%"><br>
<br>
                                        Forum fondé par Asarlaí le 19/07/11<br>
                                        Design & Codes par Asarlaí & Quierra<br>
                                        Copie partielle ou totale interdite<br>
                                        Forum optimisé pour Firefox  <br>
                                        </td>
                                      </tr>
                                  </table>
                                </div>
                            </div>

    <div id="onglet4" style="display: none;">
                                <div class="message">
                                  <table width="100%" border="0" cellpadding="10" cellspacing="1">
                                      <tr>
                                        <td style="text-align: left;" width="100%">
      <table>{L_CONNECTED_MEMBERS}</table>
      <table>{L_WHOSBIRTHDAY_TODAY}</table>
      <table>{L_WHOSBIRTHDAY_WEEK}</table>
                                        </td>
                                      </tr>
                                  </table>
                                </div>
                            </div>
                        </td>
                      </tr>
                    </table>
                </div>
              </td>
          </tr>
        </table>         
                 
        </ul></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 -->

CSS

Spoiler:
Code:
body{
background-position:top center;font-weight:normal;}
body{margin-top:0px;}
#page-body{
margin:10px 22px 10px 22px;}
button.button2:hover,input.button2:hover{
color:#000;font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;background-position:top;}
input.liteoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.liteoption:hover{
font-weight:bold;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000;background-position:top;}
input.mainoption{color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}
input.mainoption:hover{
font-weight:bold;
background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');
background-position:top;color:#000;background-position:top;}
.catBottom{
border:none !important;} .catHead{border:none !important;}
.thLeft{border:none !important;}
.thRight{border:none !important;}
.forumline{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/b1_bas10.png');background-repeat:no-repeat;background-position:bottom;padding-bottom:34px;/padding-bottom:3px;/background-image:none;/background-repeat:repeat;}
td.cat{background-repeat:repeat;
}
td.catHead{background-repeat:repeat;}
td.catSides{
background-repeat:repeat;}
td.catLeft{background-repeat:repeat;border-left:none !important;} td.catRight{background-repeat:repeat;}
td.catBottom{background-repeat:repeat;} #plus_menu{background-color:#23201b;border:1px solid #2e2b26 !important;}
.wysiwyg{background-color:#2e2b26 !important;}  .bodyline{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/217.png');background-position:bottom right;background-repeat:no-repeat;}
#text_editor_textarea{background-color:#2e2b26 !important;color:#a79f91;}
.attachbox{
background-color:#2e2b26;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');border:1px solid #6c6657;padding:5px;-moz-border-radius-topleft:15px;-webkit-border-radius-topleft:15px;-moz-border-radius-topright:15px;-webkit-border-radius-topright:15px;border-radius-topleft:15px;border-radius-topright:15px;-moz-box-shadow:0px 0px 10px #000;-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;
}
.attachbox dl.file{
background-color:#212121;
margin-top:8px;padding:5px;
border:1px solid #6c6657;-moz-border-radius:15px;
-webkit-border-radius:15px;border-radius:15px;
-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;}
.row1,.row2,.row3,.row3Right{background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_c10.jpg');background-repeat:repeat;border:1px solid  #37342d;}  .container_IE{background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/copy11.png');background-position:bottom right;background-repeat:no-repeat;}
div.errorwrap,div.infowrap{background-color:#776952;border:1px solid #ac9a7b;color:#443b2b !important;font-weight:bold;}
div.errorwrap h4,div.infowrap h4{background-color:#443b2b;border:1px solid #ac9a7b;color:#ac9a7b;} div.errorwrap p,div.infowrap p{color:#443b2b;font-weight:bold;}
#i_icon_mini_index{width:80px;height:22px;background:url(http://i30.servimg.com/u/f30/13/30/32/72/1610.png) no-repeat 0 0;}
#i_icon_mini_index:hover{background:url(http://i30.servimg.com/u/f30/13/30/32/72/1610.png) no-repeat 0 -22px;}
#i_icon_mini_portal{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1010.png) no-repeat 0 0;}
#i_icon_mini_portal:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1010.png) no-repeat  0 -22px;}
#i_icon_mini_gallery{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1210.png) no-repeat 0 0;}
#i_icon_mini_gallery:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1210.png) no-repeat  0 -22px;}
#i_icon_mini_calendar{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1510.png) no-repeat 0 0;}
#i_icon_mini_calendar:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1510.png) no-repeat  0 -22px;}
#i_icon_mini_faq{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat 0 0;}
#i_icon_mini_faq:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1110.png) no-repeat  0 -22px;}
#i_icon_mini_search{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1410.png) no-repeat 0 0;}
#i_icon_mini_search:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1410.png) no-repeat  0 -22px;}
#i_icon_mini_members{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/910.png) no-repeat 0 0;}
#i_icon_mini_members:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/910.png) no-repeat  0 -22px;}
#i_icon_mini_groups{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/710.png) no-repeat 0 0;}
#i_icon_mini_groups:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/710.png) no-repeat  0 -22px;}
#i_icon_mini_profile{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/610.png) no-repeat 0 0;}
#i_icon_mini_profile:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/610.png) no-repeat  0 -22px;}
#i_icon_mini_message{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/810.png) no-repeat 0 0;}
#i_icon_mini_message:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/810.png) no-repeat 0 -22px;}
#i_icon_mini_new_message{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/512.png) no-repeat 0 0;}
#i_icon_mini_new_message:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/512.png) no-repeat  0 -22px;}
#i_icon_mini_logout{width:34px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat 0 0;}
#i_icon_mini_logout:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1710.png) no-repeat  0 -22px;}
#i_icon_mini_register{width:80px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/414.png) no-repeat 0 0;}
#i_icon_mini_register:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/414.png) no-repeat  0 -22px;}
#i_icon_mini_login{width:34px;height:22px;background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat 0 0;}
#i_icon_mini_login:hover{background:url(http://i35.servimg.com/u/f35/11/95/30/70/1811.png) no-repeat  0 -22px;}
.code{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.quote{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;-moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/35px10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px; -moz-box-shadow:0px 0px 10px #000;
-webkit-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000;
}
.spoiler_closed{background-color:#2c2a25;border:1px solid #6c6657;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
.spoiler_content{background-color:#2c2a25;border:1px solid #6c6657;background-image:url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:12px;color:#caba9f;padding:5px;}
#i_logo{
margin-top:-7px !important;
/position:relative;} .catSides{border:none !important;}
button.button2,input.button2{
color:#000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;}
button.button2:hover,input.button2:hover{border:1px solid #000000;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz210.png');background-position:top;color:#000000;}
button.button2,input.button2{
color:#000;font-weight:bold;background-repeat:repeat-x;background-image:url('http://i35.servimg.com/u/f35/11/95/30/70/zz110.png');background-position:top;background-position:center;}

/*liens en petites majuscules*/

a {
  font-variant: small-caps;
}


/*-- Qui est Onligne --*/
    .onglet{
            background-image: url('http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png');
            padding: 5px;
            text-align: center;
            border: 1px solid #B3985D;
            -moz-border-radius: 15px 15px 15px 15px;
            -moz-box-shadow: 1px 1px 15px #000;}
    .groupes{
            background-image: url('http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png');
            margin: 15px;
            padding: 2px;
            text-align: center;
            border: 1px solid #B3985D;
            -moz-border-radius: 15px 15px 15px 15px;
            -moz-box-shadow: 1px 1px 15px #000;
text-shadow: 1px 1px 15px #191C19 ;
        border: 1px #191C19 solid;
            -moz-border-radius: 5px;}

  #onglet1 {
min-height: 130px;
}

  #onglet2 {
min-height: 130px;
}

 #onglet3 {
min-height: 130px;
}

 #onglet4 {
min-height: 130px;
}

/*-- infobulles staff --*/

.tstaff{
font-size:1em;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{
position: absolute;
background-image: url('http://hitskin.com/themes/15/96/99/i_background.jpg');
padding: 3px;
left: -1000px;
border: 1px groove #917B47;
visibility: hidden;
color: #615438;
text-decoration: none;
}

.thumbnail span img{
border: 1px groove;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 50px;
left: 25px; /*position where enlarged image should offset horizontally */
width: 160px
}

/*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
.forum-stats {
      -moz-border-radius-topleft: 20px;
      -moz-border-radius-topright: 20px;
      -webkit-border-top-right-radius: 20px;
      -webkit-border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      border-top-left-radius: 20px;
      border-bottom: 0 none !important;
      border-left: 3px solid #615438;
      border-right: 3px solid #615438;
      border-top: 3px solid #615438;
      color: #000000;
      font-size: 11px;
      font-style: italic;
      height: 14px;
      left: 280px;
      padding: 3px;
      position: relative;
      text-align: center;
      width: 200px;
}

/*--- Cette partie correspond à l'affichage des sous-forums ---*/
.forum-sousforum {
      color: #000000;
      border: 3px solid #615438;
      border-top: 0px !important;
      -moz-border-radius-bottomleft: 14px;
      -moz-border-radius-bottomright: 14px;
      -webkit-border-bottom-right-radius: 14px;
      -webkit-border-bottom-left-radius: 14px;
      border-bottom-right-radius: 14px;
      border-bottom-left-radius: 14px;
      margin: auto;
      padding: 4px;
      color: #615438;
      width: 50%;
      text-align: center;
      font-size: 11px;
}

.forumline {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}

.postdetails.poster-profile a img { width: 150px;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
border: 3px solid #615438;
}

    /*-- Fond de la Chatbox --*/
    body.chatbox {
            background-image: url('http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png');}


    /*FOND SPOILER CITATIONS CODES*/
    .spoiler
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }
    .spoiler_closed hidden
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }
    .spoiler_content
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }
    .spoiler_closed
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }

    .quote
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }

    .code
    {
    background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/fond_s10.png');
    }

    /*DIVERS CHAT BOX*/
    #chatbox_header .catBottom .cattitle {
    color: #D1BA88;}

    #chatbox_header .chatbox-options .genmed,
    #chatbox_header .chatbox-options,
    #chatbox_header .chatbox-options a {
    color: #D1BA88;}

.moderation{
border:1px solid #40994e;
-moz-border-radius:8px;
border-radius:8px;
-moz-box-shadow: 1px 1px 8px #40994e;
color: #40994e;}


    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 0px;
          color: #917B47;
          width: 80%;
          height: 100px;
          border: 3px solid #917B47;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;}

/*-- Images fonds catégories --*/

td.row1{
background-image: url("http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png");
background-repeat: repeat;
}
td.row2{
background-image: url("http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png");
background-repeat: repeat;
}
td.row3{
background-image: url("http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png");
background-repeat: repeat;
}

/**-- Supprimer le soulignement des liens --*/

a { text-decoration: none; }


/* ***************************** PA *************************** */


/* SUPPRESSION DES MARGES POUR TOUS LES BOUTONS */

#groupe1, #groupe2, #groupe3, #groupe4, #groupe5, #groupe6, #groupe7, #groupe8{
margin: 0;
padding: 0;
}

/* CONTENEUR */

#groupe_TFA{
width: 100%;
text-align: center;
margin: 0 auto;
padding: 0;
}

/* CONTENEUR DES BOUTONS */

.tfa_group{
width: 20%;
margin: 0 auto;
padding: 5px;
}

/* BOUTONS */

.tfa_group a{
background-image: url('http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png');
border: 1px solid #B3985D;
display: block;
width: 100%;
height: 30px;
line-height: 30px;
margin: 3px 0px;
text-align: center;
vertical-align: middle;
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}

/* TEXTE DES BOUTONS */

.tfa_group a .group_span{
color: #D1B86D;
font-size: 13px;
font-family: Impact;
letter-spacing:2px;
text-decoration: none;
}

/* FOND DES BOUTONS AU SURVOL (modification du contour et pas de decoration du texte) */

.tfa_group a:hover{
border: 1px solid #477aa5;
text-decoration: none !important;
}

/* BLOC DE CONTENU */

#container_tfa_group{
position: relative;
background-position: center;
text-align: center;
margin: 3px auto;
padding: 5px;
background-image: url('http://hitskin.com/themes/15/96/99/i_background.jpg');
border: 1px solid #917544;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
height: 190px;
overflow-y: auto;
}

/* PARAGRAPHE DU BLOC DE CONTENU */

.content_tfa_groupe p{
font-size: 12px;
font-family: Arial;
color: #D1BA88;
padding: 3px;
margin: 0 auto;
text-align: center;
}

/* POSITION DU LIEN EN BAS DU BLOC DE CONTENU */

.bas-tfagroup{
position: center;
bottom: 6px;
left: 15px;
}

/* LIEN EN BAS DU BLOC DE CONTENU */

a.lien_bas_group{
font: 13px Verdana;
color: #e50016;
-moz-text-shadow: 0px 1px 0px #000;
-webkit-text-shadow: 0px 1px 0px #000;
text-shadow: 0px 1px 0px #000;
}

/*--Chatbox déroulante--*/

#chat_box_cachee { /* est le panneau ou la chat box vas s'ouvrir */
margin: 0 auto;
width: 790px;
//min-height: 10px;
padding: 10px;
border: 1px solid #707070;
display: none;
background-image: url('http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png');
border: 2px solid black;
}


.bouton_ouverture { /* est le bouton pour ouvrir la chat box */
background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/b1_bas10.png');
background-position: center !important;
width: 802px;
height: 25px;
//min-height: 10px;
border-top: 0px;
display: block;
margin: 0 auto;
padding: 4px;
-webkit-border-radius:  15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px;
-ô-border-radius:15px 15px 0px 0px;
-khtml-border-radius:15px 15px 0px 0px;
border-radius:  15px 15px 0px 0px;
margin-top: 10px;
border: 2px solid black;
}

.bouton_ouverture { /* chat box (partie texte)*/
font-family:Verdana, Helvetica, sans-serif;
text-align: center;
font-size: 14px;
text-decoration: none !important;
color: #70a400 !important;
uppercase: 1px;
text-shadow: 1px 0px 1px #000;
}


.bouton_ouverture:hover { /* ouvrir chat box (partie texte) au survol */
color: #9de00c !important;
uppercase: 2px;
text-decoration: none !important;
text-shadow: 1px 0px 1px #000;
}

D'avance, merci Smile


Dernière édition par La Forêt des Mages le Ven 22 Juil 2011 - 18:15, édité 1 fois

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum - Difficultés

Message par Scipion le Jeu 21 Juil 2011 - 13:45

Bonjour

Pourriez-vous m'indiquer svp la largeur de votre chatbox sur laquelle vous souhaitez aligner celle du forum ?

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Largeur du forum - Difficultés

Message par La Forêt des Mages le Jeu 21 Juil 2011 - 13:54

Bonjour,
Finalement je viens de redimensionner la taille de ma bannière et le problème est résolu. Je l'avais déjà fait tout à l'heure mais ça n'avait rien changé scratch

J'ai tout de même encore un soucis.
J'ai installé la chatbox en spoiler comme je disais, cependant quand je clique sur 'connexion', ça ne marche pas.
Sauriez-vous m'aider ou dois-je reposer ma question dans le salons des problèmes de codage ?

Cordialement.

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum - Difficultés

Message par Scipion le Jeu 21 Juil 2011 - 14:02

Pour la largeur, j'avais justement remarqué que les dimensions trop grandes de votre bannière (932 x 232px) étaient bien à l'origine du blocage.

Concernant votre chatbox, mettez ici son code, pour test.

Cordialement


Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Largeur du forum - Difficultés

Message par La Forêt des Mages le Jeu 21 Juil 2011 - 14:06

D'accord Smile

Voici le code que j'ai du enlever au template index_body

Code:
{CHATBOX_TOP}

Pour ajouter

Spoiler:

Code:
    <!-- DEBUT CHAT BOX -->
    <div style="top: 0px; left: 50%; width: 100%;><div style="margin-top: -10px; width: 380px;"><div style="align: right"><span class="bouton"><a href="##" class="bouton_ouverture">Chat box</a></span>

        <div id="chat_box_cachee">
    <iframe src ="/chatbox/chatbox.forum?" width="790px" height="300">
      <p>Your browser does not support iframes.</p>
    </iframe>
        </div>

    </div></div>
    <!-- FIN CHAT BOX -->



    <!-- SCRIPT Chat Box-->

    <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-132min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(".bouton_ouverture").click(function(){
    $("#chat_box_cachee").slideToggle("slow");
    $(this).toggleClass("active"); return false;
    });
    });


    </script>

Cordialement.

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum - Difficultés

Message par Scipion le Jeu 21 Juil 2011 - 14:21

A titre de test :

Like a Star @ heaven Repérez ce code :

Code:
"/chatbox/chatbox.forum?"
Like a Star @ heaven Supprimez et remplacez par celui-ci :

Code:
"/chatbox/index.forum?"
Like a Star @ heaven Ce qui vous donne au final :

Code:
<!-- DEBUT CHAT BOX -->
    <div style="top: 0px; left: 50%; width: 100%;><div style="margin-top: -10px; width: 380px;"><div style="align: right"><span class="bouton"><a href="##" class="bouton_ouverture">Chat box</a></span>

        <div id="chat_box_cachee">
    <iframe src ="/chatbox/index.forum?" width="790px" height="300">
      <p>Your browser does not support iframes.</p>
    </iframe>
        </div>

    </div></div>
    <!-- FIN CHAT BOX -->



    <!-- SCRIPT Chat Box-->

    <script type="text/javascript" src="http://s3.archive-host.com/membres/up/1696114791/java/jquery-132min.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $(".bouton_ouverture").click(function(){
    $("#chat_box_cachee").slideToggle("slow");
    $(this).toggleClass("active"); return false;
    });
    });


    </script>
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Largeur du forum - Difficultés

Message par La Forêt des Mages le Jeu 21 Juil 2011 - 14:31

Impeccable ça fonctionne ! Merci Very Happy
Par contre comment changer la couleur du cadre blanc qui est à l'intérieur svp ?

Voici la partie CSS concernant la chatbox



Spoiler:
Code:

/*--Chatbox déroulante--*/

#chat_box_cachee { /* est le panneau ou la chat box vas s'ouvrir */
margin: 0 auto;
width: 790px;
//min-height: 10px;
padding: 10px;
border: 1px solid #707070;
display: none;
background-image: url('http://nsa27.casimages.com/img/2011/07/16/110716125958456131.png');
border: 2px solid black;
}


.bouton_ouverture { /* est le bouton pour ouvrir la chat box */
background-image: url('http://i30.servimg.com/u/f30/13/30/32/72/b1_bas10.png');
background-position: center !important;
width: 802px;
height: 25px;
//min-height: 10px;
border-top: 0px;
display: block;
margin: 0 auto;
padding: 4px;
-webkit-border-radius:  15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px;
-ô-border-radius:15px 15px 0px 0px;
-khtml-border-radius:15px 15px 0px 0px;
border-radius:  15px 15px 0px 0px;
margin-top: 10px;
border: 2px solid black;
}

.bouton_ouverture { /* chat box (partie texte)*/
font-family:Verdana, Helvetica, sans-serif;
text-align: center;
font-size: 14px;
text-decoration: none !important;
color: #70a400 !important;
uppercase: 1px;
text-shadow: 1px 0px 1px #000;
}


.bouton_ouverture:hover { /* ouvrir chat box (partie texte) au survol */
color: #9de00c !important;
uppercase: 2px;
text-decoration: none !important;
text-shadow: 1px 0px 1px #000;


Cordialement.

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Largeur du forum - Difficultés

Message par La Forêt des Mages le Ven 22 Juil 2011 - 18:15

Bonsoir,
J'ai changé le design de mon forum, ce qui fait que le fameux cadre n'est plus un soucis.
Je met en résolu.
Merci pour votre aide Smile

La Forêt des Mages
**

Masculin
Messages : 75
Inscrit(e) le : 21/07/2011

http://laforetdesmages.forumpro.fr/
La Forêt des Mages 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