مشكل علبة الدردشة

السلام عليكم انا لدي مشكلة بعلبة الدردشة ان زر تسجيل الدخول لا يظهر ولا اي زر في العلبة 
وقد عرفت السبب لما دورت بكود CSS ان المشكلة في  كود خلفية الاقسام فهو ملائم للاقسام ولكن مو ملائم لعلبة الدردشة فادا شلته بتتصلح دردشة وبتخرب الاقسام والعكس صحيح 
هدا منتداي : هنا
هدا كود ال CSS

الكود:

//* www.t-altwer.com *//
#page-footer a {
  opacity: 0.3;
  color: black
}
#page-footer {
  opacity: 0.2
}
#page-footer a:hover {
  opacity: 1 !important;
  color: black
}
//* www.t-altwer.com *//
.linklist{
        display: none;
          }
/***الاطار الخارجي**/
body {
background-color:#170F1E;
background: url("http://www9.0zz0.com/2016/01/17/19/232447081.jpg") center top no-repeat,
url("http://gamesitetemplates.com/phpBB31demo/phpBB3/styles/MegaWarSkin/theme/images/footer.jpg") center bottom no-repeat,
url(http://gamesitetemplates.com/phpBB31demo/phpBB3/styles/MegaWarSkin/theme/images/body-wrapper.png) repeat-y center top;
url() center bottom no-repeat,
url() right bottom no-repeat,
url() center bottom repeat-x,
url("") left repeat-y,
url("") right repeat-y;

}

.headerbar {
 background: url("") center top no-repeat,
    url("") left top no-repeat,
url("") right top no-repeat;
height: 430px;
width: 99.5%;
}


/********** YugoForum Body **********/




html {
background: #ffffff;
/* Height is 100%, so the body can be 100% */
height: 100%;
background-attachment:fixed;
background-position:center center;
}



/*Free CursorsMyspace LayoutsMyspace Comments8*/

li.header {
background: url("") top center repeat-x;
height: 40px;
}


/***خلفية الاقسام**/
ul.forums {
background-color: #19121A ;
background-image: url("http://i68.servimg.com/u/f68/15/40/41/93/50010.jpg");
background-repeat: repeat-x;
color: #ffffff;
}

/***خلفية الاقسام**/
.row1 {
     background: #19121A url("http://i68.servimg.com/u/f68/15/40/41/93/50010.jpg") center top repeat-x;
}
.row2 {
     background: #19121A url("http://i68.servimg.com/u/f68/15/40/41/93/50010.jpg") center top repeat-x;

}
.row3 {
     background: #19121A url("http://i68.servimg.com/u/f68/18/22/98/96/76710.png") center top repeat-x;

}
td.row3Right,td.spaceRow {
     background: #19121A url("http://i68.servimg.com/u/f68/18/22/98/96/76710.png") center top repeat-x;

}

td.row3Right,td.spaceRow {
     background: #19121A url("http://i68.servimg.com/u/f68/18/22/98/96/76710.png") center top repeat-x;
sam_hameed;

}

.forabg, .forumbg {
    background: url("http://gamesitetemplates.com/phpBB31demo/phpBB3/styles/MegaWarSkin/theme/images/title_bar.png") center top no-repeat,
    url("") right top no-repeat,
       url() center top repeat-x,
    url() left bottom no-repeat,
    url() right bottom no-repeat,
       url() center bottom repeat-x,
    url("") left repeat-y,
    url("") right repeat-y;
padding: 40px 10px 0px 10px;
}




/* كود خلفية لعارضة المنتدى */
#fa_toolbar, #fa_toolbar_hidden {
    background-image: url("http://i68.servimg.com/u/f68/15/40/41/93/50010.jpg");
    font-size: 14px !important;
    box-shadow: 0px 0px 3px rgb(34, 34, 34);
}

/*-------------------اطار على حقوق  احلى منتدى-------------------*/
#page-footer div.navbar{background: url( no-repeat center;
height: 40px;
width: 976px;
color: white;
font-size: 10px;
leter-spacing: 0px;
padding: 0px;}
#page-footer ul.linklist li a{
color: white;
padding: 0px;
font-size: 10px;
leter-spacing: -4px;}

#page-footer ul.linklist{
padding-right: 10px;
padding-left: 10px;}

#page-footer{background: url(bottom down) bottom right no-repeat;
height: 61px;}

ul.linklist li.footer-home{
background: url(http://i86.servimg.com/u/f86/11/96/49/61/home10.gif) left no-repeat;
padding-left: 17px;}

    /*--------تغير خلفيه البيانات الشخصيه---------------*/

.postprofile dd {
background-image: url();
border-top: 1px solid #293A4A;
  text-align: right;
margin-top: 2px;
  margin-left: 5px;
 }

.postprofile dt img {
  max-width: 120px;
  min-width: 120px;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-moz-box-shadow: 0px 0px 5px black;
-webkit-box-shadow: 0px 0px 5px black;
box-shadow: 0px 0px 5px black;
    border: 2px solid #293A4A;
    padding: 2px;
}

  


وهدا الكود الي فيه المشكلة

الكود:

.forabg, .forumbg {
    background: url("http://gamesitetemplates.com/phpBB31demo/phpBB3/styles/MegaWarSkin/theme/images/title_bar.png") center top no-repeat,
    url("") right top no-repeat,
       url() center top repeat-x,
    url() left bottom no-repeat,
    url() right bottom no-repeat,
       url() center bottom repeat-x,
    url("") left repeat-y,
    url("") right repeat-y;
padding: 40px 10px 0px 10px;
}



فشو الحل ؟

وعليكم السلام
اهلاً اخي ممكن عضوية تجريبية
مع تركيب الكود لأعاين المشكلة
وجرب حالياً هذا الكود :

الكود:

    .forabg, .forumbg {
        background: url("http://gamesitetemplates.com/phpBB31demo/phpBB3/styles/MegaWarSkin/theme/images/title_bar.png") center top no-repeat,
        url("") right top no-repeat,
          url() center top repeat-x,
        url() left bottom no-repeat,
        url() right bottom no-repeat,
          url() center bottom repeat-x,
        url("") left repeat-y,
        url("") right repeat-y;
    }



AbuIdris كتب:وعليكم السلام
اهلاً اخي ممكن عضوية تجريبية
مع تركيب الكود لأعاين المشكلة
وجرب حالياً هذا الكود :

الكود:

    .forabg, .forumbg {
        background: url("http://gamesitetemplates.com/phpBB31demo/phpBB3/styles/MegaWarSkin/theme/images/title_bar.png") center top no-repeat,
        url("") right top no-repeat,
           url() center top repeat-x,
        url() left bottom no-repeat,
        url() right bottom no-repeat,
           url() center bottom repeat-x,
        url("") left repeat-y,
        url("") right repeat-y;
    }



ارسلت لحضرتك بيانات العضوية التجريبية على الخاص
ركبت الكود وانحلت مشكلة الدردشة لكن شوف شكل الاقسام الصورة نزلت تحت اسم الفئة او القسم

قالب علبة الدردشة الذي طلبته

الكود:

<div class="panel row3 mini-chatbox">
   <div class="inner">
      <span class="corners-top"><span></span></span>
      <div id="cp-main" class="ucp-main">
         <br />
         <div class="panel">
            <div class="inner">
               <span class="corners-top"><span></span></span>
               <div id="chatbox_portal" style="overflow:none;height:300px;"></div>
               <script type="text/javascript">
                  insertChatBoxNew('chatbox_portal', '{U_FRAME_CHATBOX}');
               </script>
               <img src="http://2img.net/i/fa/resize.gif" onmousedown="javascript:resizeElement(event, 'chatbox_portal');" alt="" style="cursor:se-resize; float: right;" />
               <div class="clear"></div>
               <span class="corners-bottom"><span></span></span>
            </div>
         </div>
         <br />
      </div>
      <div class="clear"></div>
      <span class="corners-bottom"><span></span></span>
   </div>
</div>

قالب الاندكس بودي الذي طلبته

الكود:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in --><p class="right rightside">{LAST_VISIT_DATE}</p><!-- END switch_user_logged_in -->
<p>{CURRENT_TIME}</p>
<br class="clear" />

<!-- BEGIN switch_user_login_form_header -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{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>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_header -->

<!-- BEGIN message_admin_index -->
   <div class="panel introduction">
      <div class="inner"><span class="corners-top"><span></span></span>
   <!-- BEGIN message_admin_titre -->
      <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
      <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
   <!-- END message_admin_txt -->
      <span class="corners-bottom"><span></span></span></div>
   </div>
<!-- END message_admin_index -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->

   <!-- BEGIN switch_viewonline_link -->
   <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></div>
   <!-- END switch_viewonline_link -->

   <!-- BEGIN switch_viewonline_nolink -->
   <div class="h3">{L_WHO_IS_ONLINE}</div>
   <!-- END switch_viewonline_nolink -->

<img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" class="img-whois" />
<p>{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}

<br />
{LOGGED_IN_USER_LIST}

{L_ONLINE_USERS}
{L_CONNECTED_MEMBERS}<br />
{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

<br />
<em>{LEGEND}&nbsp;:&nbsp;{GROUP_LEGEND}</em>

</p>
<div class="clear"></div>

   <!-- BEGIN switch_statistics_link -->
   <div class="h3"><a href="{U_STATISTICS}" rel="nofollow">{L_STATISTICS}</a></div>
   <!-- END switch_statistics_link -->

   <!-- BEGIN switch_statistics_nolink -->
   <div class="h3">{L_STATISTICS}</div>
   <!-- END switch_statistics_nolink -->

<p class="page-bottom">
{TOTAL_POSTS}
</p>
<p class="page-bottom">
{TOTAL_USERS}
</p>
<p class="page-bottom">
{NEWEST_USER}
</p>
   <!-- BEGIN switch_chatbox_activate -->
   <div class="h3"><a href="{S_JOIN_CHAT}" target="ChatBox">{CHATBOX_NAME}</a></div>
   <div class="page-bottom">
   {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
   {CHATTERS_LIST}<br />
   </div>
      <!-- BEGIN switch_chatbox_popup -->
      <div id="chatbox_popup"></div>
      <script type="text/javascript">
      insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
      </script>
      <!-- END switch_chatbox_popup -->
   <!-- END switch_chatbox_activate -->
<!-- END disable_viewonline -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_user_login_form_footer -->
<div class="panel">
   <div class="inner"><span class="corners-top"><span></span></span>
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
         <div class="user_login_form center">
            <label>{L_USERNAME} : <input class="post" type="text" size="10" name="username" /></label>&nbsp;
            <label>{L_PASSWORD} : <input class="post" type="password" size="10" name="password" /></label>&nbsp;
            <label>{L_AUTO_LOGIN} : <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>&nbsp;
            {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
            <!-- BEGIN switch_fb_connect -->
            <span class="fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
            <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" scope="{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>
            <!-- END switch_fb_connect -->
         </div>
      </form>
   <span class="corners-bottom"><span></span></span></div>
</div>
<!-- END switch_user_login_form_footer -->

<br style="clear:both" />

<!-- BEGIN switch_legend -->
<ul id="picture_legend">
   <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
   <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
   <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script>
    FB.init({
      appId      : {switch_fb_index_login.FACEBOOK_APP_ID},
      cookie    : true,
      xfbml      : true,
      oauth      : true,
      version    : 'v2.3'
    });

  (function(d, s, id){
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<!-- END switch_fb_index_login -->

تم حل المشكلة
بأستخدام css
وسبب طلبي للقوالب هو لللتحكم في الصندوق دون التأثير على باقي المنتدى
لكن للأسف لم اجد الـكلاسات المناسبة للتعديل عليها وتم التعديل بأستخدام الـcss والحمدلله

AbuIdris كتب:تم حل المشكلة
بأستخدام css
وسبب طلبي للقوالب هو لللتحكم في الصندوق دون التأثير على باقي المنتدى
لكن للأسف لم اجد الـكلاسات المناسبة للتعديل عليها وتم التعديل بأستخدام الـcss والحمدلله

شكرا جزيلا لك