Alt aspect la ChatBox si punerea lui altundeva.

Cod:

#chatbox_contextmenu {
    background: #242424;
    border: 1px solid #2C2E2E;
}
#chatbox_contextmenu p {
    background: #222;
    border-bottom: 1px solid #000;
    border-top: 1px solid #2B2B2B;
}
#chatbox_contextmenu p:hover {
    background: #303030;
}
#chatbox p {
background-image: url("http://i.imgur.com/GpB5BCN.png");
background-repeat: repeat-x;
border: 0;
background-color: #212121;
border-top: 1px solid #292929;
border-bottom: 0;
font-family: tahoma, helvetica, arial, sans-serif;
font-size: 11px;
color: #646464;
background-position: bottom;
}
#chatbox_members .member-title {
background: #222;
}
#chatbox_footer {
border-top: 1px solid #303030;
padding: 0;
}
#chatbox_messenger_form {
margin: 0;
}
#chatbox_members {
border-right: 1px solid #333;
}
#chatbox_header.main-head {
text-shadow: rgba(0, 0, 0, 0.8) 0px -1px 0px;
background: #161616;
border: 0;
}

body {
background: #121212;
color: #BCBCBC;
font: normal 11px tahoma,helvetica,arial,sans-serif;
padding-bottom: 20px;
margin: auto!important;}

.fontbutton_normal, .fontbutton {
background: #3C3C3C;
border: 1px solid #444141;
border-radius: 2px;
position: relative;
top: 4px;
}
#chatbox, #chatbox_members, #chatbox_footer {background: #111 !important;}

.member-title {color: white !important;}

Tehnician ET a scris:Acolo a fost folosit JavaScript + editari in template

Cod:

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
         <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
         <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
      {S_HIDDEN_FIELDS}<input class="mainoption" 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'" v="2" scope="{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>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<div id="board_stats">      
      <ul class="ipsType_small">
         <li><span class="FORUMCOUNTPOST"></span> Total Posts</li>
         <li><span class="FORUMCOUNTUSER"></span> Total Members</li>
         <li><span class="FORUMLASTUSER"></span> Newest Member</li>
         <li><span class="FORUMONLINEUSER"></span> Most Online</li>
      </ul>
   </div>
<!-- BEGIN disable_viewonline -->
<div class="board-title-line"><p>{RECORD_USERS}</p><ul><li><a href="/search?search_id=activetopics">Temas activos del día</a></li><li><a href="/memberlist?mode=today_posters">Top 20 posteadores hoy</a></li><li><a href="/memberlist?mode=overall_posters">Top 20 posteadores del foro</a></li></ul></div>
<div id="pun-info-ipb" class="main">
   <div class="main-content">
      <div id="onlinelist">
         <p>{TOTAL_USERS_ONLINE}
         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

         <p>{LEGEND} : {GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE} : 
         {CHATTERS_LIST}<br />
         <!-- 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 -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

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

{CHATBOX_BOTTOM}

{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,
   oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->



<style type="text/css">
.parteneri { 900px; margin: 0 auto;}
.row14 {border: 1px solid #222;padding: 2px;}
</style>
<table class="parteneri" cellspacing="6">
  <tr>
    <td class="row14"><a href="http://virtualcs.forum.st/"><img src="http://i57.servimg.com/u/f57/18/34/64/30/x4ibn110.gif" /></a></td>
    <td class="row14"><a href="http://redcs.uniogame.com/"><img src="http://s24.postimg.org/iqduut1u9/Mini_benner.gif" /></a></td>
    <td class="row14"><a href="http://legendarcs.galaxygamer.org/"><img src="http://img21.imageshack.us/img21/38/nph1.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
  </tr>
  <tr>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
    <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
  </tr>
</table>

Cod:

    <style type="text/css">
      #onlinechat {background: black;border: 0px !important;border-radius: 5px;}
        .board-title-line ul {margin-top: -23px;}
    #title-e{
     
      margin-bottom: 10px;
      margin-top: 5px;
      font-size: 12px;
      font-weight: bold;
      background: none repeat scroll 0% 0% rgb(34, 34, 34);
      border-bottom: 1px solid rgb(17, 17, 17);
      border-radius: 3px 3px 3px 3px;
      border-top: 1px solid rgb(14, 116, 204);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.13), 0px 0px 0px 1px rgba(255, 255, 255, 0.03), 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
      color: rgb(255, 255, 255) !important;
      padding: 5px;
      text-shadow: 0px 0px 5px rgb(0, 0, 0);
      }
      .tabActive {
        background: black;
        padding: 5px;
        margin-top: -7px;
        }

        .tabInactive {
        padding: 5px;
        margin-top: -7px;
        }
         h2.chatbox-title {display: none !important;}
        </style>
        <script type="text/javascript">
        jQuery(document).ready(function(){
            jQuery('.dashboard_body').css({display: 'none'});
            jQuery('.tabContent a:first').addClass('current');
            var rel = jQuery('.dashboard_tabs a.current').attr('rel');
            jQuery('#'+rel).show();

            jQuery('.dashboard_tabs a').click(function(){
                jQuery('.tabHeaders a').removeClass('current');
                jQuery('.tabContent').hide();
                jQuery(this).addClass('current');
                var rel = jQuery(this).attr('rel');
        jQuery.cookie('active_tab', rel);
                jQuery('#'+rel).show();
            });
        });


        $(document).ready(function(){
        $("#test_pages").find("div").hide();
        $("#test_tab1").addClass("tabActive");
        $("#test_tab1Content").show();
        $(" #test_tab1,#test_tab2,#test_tab3").click(function(){var oldTab = "#"+ $("#test_tabHeaders").find(".tabActive").attr("id");
        $(oldTab).removeClass("tabActive");
        $(this).addClass("tabActive");
        var newTab ="#"+$(this).attr("id")+"Content";$(oldTab+"Content").hide();$(newTab).fadeIn();});});</script>

      {JAVASCRIPT}
            <!-- BEGIN switch_user_logged_in -->
            <div id="pun-visit" class="clearfix">
              <ul>
                    <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
                    <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
                  <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
                  <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
              </ul>
              <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
            </div>
            <!-- END switch_user_logged_in -->
            <!-- BEGIN switch_user_logged_out -->
            <div id="pun-visit">
              <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
            </div>
            <!-- END switch_user_logged_out -->

            <!-- BEGIN message_admin_index -->
            <div class="main">
              <!-- BEGIN message_admin_titre -->
              <div class="main-head">
                  <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
              </div>
              <!-- END message_admin_titre -->

              <!-- BEGIN message_admin_txt -->
              <div id="pun-announcement">
                  <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
              </div>
              <!-- END message_admin_txt -->
            </div>
            <!-- END message_admin_index -->

            <!-- BEGIN switch_user_login_form_header -->
            <div class="main">
            <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
              <div class="user_login_form main-box center">
                  <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>
                <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
                <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
                {S_HIDDEN_FIELDS}<input class="mainoption" 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'" v="2" scope="{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>
                  <!-- END switch_fb_connect -->
              </div>
            </form>
            </div>
            <!-- END switch_user_login_form_header -->

            {CHATBOX_TOP}
            {BOARD_INDEX}
            <div id="board_stats">
                <ul class="ipsType_small">
                    <li><span class="FORUMCOUNTPOST"></span> Total Posturi</li>
                    <li><span class="FORUMCOUNTUSER"></span> Total Memberi</li>
                    <li><span class="FORUMLASTUSER"></span> Membru Nou</li>
                    <li><span class="FORUMONLINEUSER"></span> Record Online</li>
                  </ul>
              </div>
    <!-- BEGIN disable_viewonline -->
            <div id="pun-info" class="main">
                  <ul id="explore-nav" style="list-style: none;">
                      <li id="ex-core"><a rel="core" href="#" class="current">Cine este conectat ?</a></li>
                      <li id="ex-jqeury"><a rel="jquerytuts" href="#">Legenda </a></li>
                      <li id="ex-classics"><a rel="classics" href="#">Parteneri</a></li>
              </ul>
                  <ul id="core" style="list-style: none;">
                      <li style="display: block; padding: 0px; color: #999999;">
                  <div id="statistici">
                     <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
                     <p class="right">
                        <!-- BEGIN switch_viewonline_link -->
                        <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
                        <!-- END switch_viewonline_link -->
                        <!-- BEGIN switch_viewonline_nolink -->
                        {L_WHO_IS_ONLINE}
                        <!-- END switch_viewonline_nolink -->
                     </p>
                     <p>{TOTAL_USERS_ONLINE}<br />

                       <div id="etMiniOnline">{LOGGED_IN_USER_LIST}</div>

                     {L_ONLINE_USERS}
                     {L_CONNECTED_MEMBERS}<br />
                     {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
                     <div class="clear"></div>
                  </div>
               </li>
                  </ul>
             
                  <ul id="jquerytuts" style="list-style: none;">
               <li style="display: block; padding: 0px; color: #999999;"><div id="tab2"><p>{LEGEND} : {GROUP_LEGEND}</p></div> </li>
                  </ul>
             
                  <ul id="classics" style="list-style: none;">
                    <li style="display: block; padding: 0px; color: #999999;">
                  <div id="tab3">   
                    <style type="text/css">
                    .parteneri { 900px; margin: 0 auto;}
                    .row14 {border: 1px solid #222;padding: 2px;}
                    </style>
                       <div class="tabContent" id="test_tab2Content" style="display: block; ">
                           <table class="parteneri" cellspacing="6">
                             <tr>
                              <td class="row14"><a href="http://redgames.taro.tv"><img src="http://i46.tinypic.com/309t0d1.gif" /></a></td>
                              <td class="row14"><a href="http://llg-cstrike.forumer.ro"><img src="http://i1138.photobucket.com/albums/n540/Scoons1996/Llg-cstrike-Community2.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                             </tr>
                             <tr>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <td class="row14"><a href="#"><img src="http://i.imgur.com/bblWbwd.gif" /></a></td>
                              <!-- Code 2.0 Romanian Top 66 START (playhard.f-orum.com) -->
                              <script src="http://script.top66.ro/id-483133/23/1/Bine%20ati%20venit!%20Apasati%20OK%20pentru%20a%20vota%20pentru%20acest%20site%20in%20Romanian%20Top%2066/code2.js" type="text/javascript"></script>
                              <a href="http://www.top66.ro" title="Promovare gratuita"><img src="http://images.top66.ro/vote/23.gif" usemap="#Top66Vote" border="0"></a>
                              <!-- Code 2.0 Romanian Top 66 STOP (playhard.f-orum.com) -->
                             </tr>
                           </table>
                        </div>
                  </div>
               </li>
                  </ul>
            </div>             
                     <br />
                                 
                                  <div class="forabg-ipb"><br /><center><span class="page-title" id="title-e">ChatBox</span></center><br />
                <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE} : 
         {CHATTERS_LIST}<br />
         <!-- 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 -->
         </p>
                  </div>
      <!-- END switch_chatbox_activate -->
                                  {CHATBOX_BOTTOM}
                                  </div>
                                 
    <!-- END disable_viewonline -->

            <!-- BEGIN switch_user_login_form_footer -->
            <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
              <div class="user_login_form main-box center">
                  <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
                <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
                <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
                {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
                  <!-- BEGIN switch_fb_connect -->
                  <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                  <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" 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>
            <!-- END switch_user_login_form_footer -->
           
            {AUTO_DST}

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