Zone-FM - Cộng Đồng Forumotion Việt Nam [Share] Skin Zentoa
24h...CậuéC
24h...CậuéC
Thiết Kế Team
Bài Viết : 51
24.10.12 16:05
24h...CậuéC - Thiết Kế Team
Demo ảnh:
[Share] Skin Zentoa 4rblue10

index_body
Code:
{JAVASCRIPT}


<!-- 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}

<!-- BEGIN disable_viewonline -->
<span class="clear upperframe"><span></span></span>

<div class="roundframe"><div class="innerframe">
      <div class="cat_bar">
         <h3 class="catbg">
            <img class="icon" id="upshrink_ic" src="http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/collapse.gif" alt="*" title="Thu gọn hoặc mở rộng" style="cursor: pointer; ">
            Thông kế diễn đàn
         </h3>
      </div>
      <div id="upshrinkHeaderIC">
         <div class="title_barIC">
            <h4 class="titlebg">
               <span class="ie6_header floatleft">
                                          <a href="/forum"><img class="icon" src="http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/icons/info.gif" alt="Thông kế"></a>
                  Thành viên
               </span>
            </h4>
         </div>
           <p>{TOTAL_USERS_ONLINE}
              <br />{LOGGED_IN_USER_LIST} {L_ONLINE_USERS} {L_CONNECTED_MEMBERS}</p>
                          
         <div class="title_barIC">
            <h4 class="titlebg">
               <span class="ie6_header floatleft">
                  <img class="icon" src="http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/icons/online.gif" alt="Số người đang Online">
                  Thông kế
               </span>
            </h4>
         </div>
         <p class="inline stats">
            {RECORD_USERS}
         </p>
         <p class="inline smalltext">
         </p>
         <p class="last smalltext">
            {TOTAL_POSTS}</br>
                          {TOTAL_USERS}
         </p>
   </div></div>
                          <span class="lowerframe"><span></span></span>
<!-- 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 -->
index_box
Code:
<div class="pun-crumbs">
   <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
   <!-- BEGIN tablehead -->
      <div class="main-head">
         <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
         <table cellspacing="0" class="table">
            <tbody class="statused">
   <!-- END tablehead -->

   <!-- BEGIN forumrow -->
               <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                     <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                     </span>
                     <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                     <br />
                     {catrow.forumrow.FORUM_DESC}
                     <!-- BEGIN switch_moderators_links -->
                     <br />
                     {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                     <!-- END switch_moderators_links -->
                     {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
               <td class="tc2"><b>{catrow.forumrow.TOPICS}</b><br>Chủ đề</td>
                                            <td class="tc3"><b>{catrow.forumrow.POSTS}</b><br>Bài viết</td>
                  <td class="tcr">
                   <div class="Categorias">
                     <span>
                     <!-- BEGIN switch_topic_title -->
                     <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                     <!-- END switch_topic_title -->
                     {catrow.forumrow.USER_LAST_POST}
                     </span>
                                                  </div>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
   <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
   <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
   </ul>
   <!-- BEGIN switch_delete_cookies -->
   <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
   </p>
   <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->
Add Import the skin
http://www.mediafire.com/?4mqxmlf2edefec0
overall_footer_end
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>
<div>
   <div>
      <div>
         <div>
            <div>
               <div>
                  <ul>
                     <li>
<!-- END html_validation -->
                     </li>
                  </ul>
                  <!-- BEGIN switch_footer_links -->
                  <ul>
                     <li>
                        <!-- BEGIN footer_link -->
                           <!-- BEGIN switch_separator --> | <!-- END switch_separator -->
                           {switch_footer_links.footer_link.FOOTER_LINK_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 -->
                     </li>
                  </ul>
                  <!-- END switch_footer_links -->
               </div>
               <br />
               <p class="center">
                  <strong>{ADMIN_LINK}</strong>
               </p>
            </div>
            {PROTECT_FOOTER}
         </div>
      </div>
   </div>
</div>

<!-- 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,
   oauth: 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>

<div id="wrapper1">
<div id="footer">
               <div class="smf_copyright">
                  <span>
         <span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a href="/forum" title="Simple Machines Foro" target="_blank" class="new_win">SMF 2.0.2</a> |
                          <a href="/forum" title="Licencia" target="_blank" class="new_win">SMF © 2012</a>, <a href="/forum" title="DzinerStudio" target="_blank" class="new_win">Dziner Studio</a>
         </span></span>
                     <p class="loadtime smalltext">Trang được tạo trong 0,046 giây với 8 câu truy vấn.</p>
               </div>
               <div class="ds_copyright">
                                          <strong>Share skin </strong> by: <a href="/forum" target="_blank"><strong>Zentoa</strong></a>
               </div>
               <a class="backtop" href="#"></a>
            </div>
  </div>

còn tiếp

0
24h...CậuéC
24h...CậuéC
Thiết Kế Team
Bài Viết : 51
24.10.12 16:06
24h...CậuéC - Thiết Kế Team
xem tại đây
overall_header
Code:
<!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" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
   <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
   <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
   <meta http-equiv="content-script-type" content="text/javascript" />
   <meta http-equiv="content-style-type" content="text/css" />
   <!-- BEGIN switch_compat_meta -->
   <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
   <!-- END switch_compat_meta -->
   <!-- BEGIN switch_canonical_url -->
   <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
   <!-- END switch_canonical_url -->
   {META_FAVICO}
   {META}
   {META_FB_LIKE}
   <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
   {T_HEAD_STYLESHEET}
   {CSS}
   <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
   <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
   <script src="{JQUERY_PATH}" type="text/javascript"></script>
   <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
  
   <!-- BEGIN switch_fb_login -->
   <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
   <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
   <!-- END switch_fb_login -->

   <!-- BEGIN switch_ticker -->
   <link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
   <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
   <!-- END switch_ticker -->

   <!-- BEGIN switch_ticker_new -->
   <script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
   <script type="text/javascript">//<![CDATA[
      /* Definir le sens de direction en fonction du panneau admin */
      var tickerDirParam = "{switch_ticker.DIRECTION}";
      var slid_vert = false;
      var auto_dir = 'next';
      var h_perso = parseInt({switch_ticker.HEIGHT});

      switch( tickerDirParam )
      {
         case 'top' :
            slid_vert = true;
            break;

         case 'left':
            break;

         case 'bottom':
            slid_vert = true;
            auto_dir = 'prev';
            break;

         case 'right':
            auto_dir = 'prev';
            break;

         default:
            slid_vert = true;
      }

      $(document).ready(function() {

         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});

         if (width_max > 0)
         {
            $('#fa_ticker_content').css('display','block');

            $('ul#fa_ticker_content li').css('float','left').css('list-style','none').width(width_item).find('img').each(function () {
               if ($(this).width() > width_item)
               {
               var ratio      = $(this).width() / width_item;
               var new_height = Math.round($(this).height() / ratio);
               $(this).height(new_height).width(width_item);
               }
            });

            if (slid_vert)
            {
               var height_max = h_perso;

               $('ul#fa_ticker_content li').each( function () {
                  if ($(this).height() > height_max)
                  {
                     height_max = $(this).height();
                  }
               } );

               $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
               $('ul#fa_ticker_content li').height(height_max);
            }

            $('#fa_ticker_content').jcarousel({
                  vertical: slid_vert,
               wrap: 'circular',
               auto: {switch_ticker.STOP_TIME},
               auto_direction: auto_dir,
            scroll: 1,
            size: {switch_ticker.SIZE},
            height_max: height_max,
            animation: {switch_ticker.SPEED}
            });
         }
         else
         {
            $('ul#fa_ticker_content li:not(:first)').css('display','none');
            $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
         }
      });
   //]]>
   </script>
   <!-- END switch_ticker_new -->
 

   <script type="text/javascript">
   //<![CDATA[
   $(document).ready(function(){
      <!-- BEGIN switch_enable_pm_popup -->
         pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
         pm.focus();
      <!-- END switch_enable_pm_popup -->
      <!-- BEGIN switch_report_popup -->
         report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
         report.focus();
      <!-- END switch_report_popup -->
      <!-- BEGIN switch_ticker -->
         ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
      <!-- END switch_ticker -->
   });

   <!-- BEGIN switch_login_popup -->
      var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;
   <!-- END switch_login_popup -->

   <!-- BEGIN switch_login_popup -->
   $(document).ready( function() {
      $(window).resize(function() {
         var windowWidth = document.documentElement.clientWidth;
         var popupWidth = $("#login_popup").width();
         var mypopup = $("#login_popup");

         $("#login_popup").css({
         "left": windowWidth/2 - popupWidth/2
            });
      });
   });
   <!-- END switch_login_popup -->
   //]]>
   </script>
   {GREETING_POPUP}
   <!-- BEGIN switch_ticker_new -->
   <style>
   .jcarousel-skin-tango .jcarousel-item {
      text-align:center;
      width: 10px;
   }

   .jcarousel-skin-tango .jcarousel-item-horizontal {
      margin-right: {switch_ticker.SPACING}px;
   }

   .jcarousel-skin-tango .jcarousel-item-vertical {
      margin-bottom: {switch_ticker.SPACING}px;
   }
   </style>
   <!-- END switch_ticker_new -->
   {HOSTING_JS}
   <!-- BEGIN google_analytics_code -->
   <script type="text/javascript">
   //<![CDATA[
    var _gaq = _gaq || [];
    _gaq.push(["_setAccount", "{G_ANALYTICS_ID}"]);
    _gaq.push(["_trackPageview"]);
   _gaq.push(['_trackPageLoadTime']);

   <!-- BEGIN google_analytics_code_bis -->
   _gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
   _gaq.push(['b._trackPageview']);
   <!-- END google_analytics_code_bis -->

    (function() {
      var ga = document.createElement("script"); ga.type = "text/javascript"; ga.async = true;
      ga.src = ("https:" == document.location.protocol ? "https://ssl" : "http://www") + ".google-analytics.com/ga.js";
      var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ga, s);
    })();
   //]]>
   </script>
   <!-- END google_analytics_code -->
</head>

<body>
   <!-- BEGIN hitskin_preview -->
   <div id="hitskin_preview" style="display: block;">
      <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
      <div class="content">
         <p>
            {hitskin_preview.L_THEME_SITE_PREVIEW}
            <br />
            <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
         </p>
      </div>
   </div>
   <!-- END hitskin_preview -->

   <!-- BEGIN switch_login_popup -->
   <div id="login_popup" class="module main">
      <div id="login_popup_title" class="main-head">
         <div class="h3">{SITENAME}</div>
      </div>
      <div class="main-content">
         {LOGIN_POPUP_MSG}
         <div id="login_popup_buttons">
            <form action="{S_LOGIN_ACTION}" method="get">
               <input type="submit" class="button2" value="{L_LOGIN}" />
               <input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
               <input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
            </form>
         </div>
      </div>
   </div>
   <!-- END switch_login_popup -->
                                    
   <a id="top" name="top" accesskey="t"></a>

   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
               <div id="pun-intro" class="clearfix">
                  <a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
                                          
                  <!-- BEGIN switch_h1 -->
                  <div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
                  <!-- END switch_h1 -->

                  <!-- BEGIN switch_desc -->
                  <p id="pun-desc">{switch_desc.SITE_DESCRIPTION}</p>
                  <!-- END switch_desc -->
               </div>
                                  
                                  <div id="topbar">
                                            <div id="topbar_l">
                                              <div id="topbar_r">
                                  </div>
                                              </div>
                                    </div>
               <div id="pun-head">
                                        
                                          <div id="toolbar_m">
                                            <div id="toolbar">
                                            <div id="toolbar_r">                          
                                              
<ul id="topnav">
  
            <li id="button_home" class="firstlevel">
                                  <a class="active " href="/forum">
                  <span class="last ">Home</span>
               </a>
            </li>
            <li id="button_demo" class="firstlevel">
                                  <a class="" href="http://shutskins.forosactivos.net/portal">
                  <span class="">Portal</span>
               </a>
                                </li>
  
            <li id="button_help" class="firstlevel">
                                  <a class="" href="/faq">
                  <span class="">Hỗ trợ</span>
               </a>
            </li>
            <li id="button_search" class="firstlevel">
                                  <a class="" href="/search">
                  <span class="">Tìm kiếm</span>
               </a>
            </li>
            <li id="button_calendar" class="firstlevel">
                                  <a class="" href="/memberlist">
                  <span class="">Thành viên</span>
               </a>
            </li>
                  
                     <li id="button_login" class="firstlevel">
                                  <a class="" href="/profile?mode=editprofile">
                  <span class="">Lý lịch</span>
               </a>
            </li>
            <li id="button_register" class="firstlevel">
                                  <a class="" href="{U_PRIVATEMSGS}" onmouseover="mouseoversound.playclip()" onclick="clicksound.playclip()">{PRIVATE_MESSAGE_INFO}

               </a>
            </li>
                     <li id="button_register" class="firstlevel">
                                  <a class="" href="/login?logout=1">
                  <span class="last ">Đăng xuất?</span>
               </a>
            </li>
  
  
                                                                                                                                                                                                                                                                                                                                    <div id="account">
                                    <!-- BEGIN switch_user_logged_out -->
                                      <form id="guest_form" action="/login?redirect=/" method="post" name="form_login" id="signin">
                     <input type="text" name="username" class="login_id">
                     <input type="password" name="password" class="login_pw">
                    
                                                          <input type="submit" value="" name="login" class="login_button">
                                                          <a class="register" href="/register"></a>
                     <input type="hidden" name="hash_passwrd" value="">
                  </form>  
                                                          <script type="text/javascript">//<![CDATA[
$(function(){$('#signin').attr('action','/login?redirect='+this.location.pathname);});//]]></script>
                                                            </div>
                                                                      <!-- END switch_user_logged_out -->
  
                                                          </ul>
                                              
               </div>
                                              </div>
                                            </div>
                                          </div>
                                  
               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
                              <!-- BEGIN ticker_row -->
                              <li>{switch_ticker.ticker_row.ELEMENT}</li>
                              <!-- END ticker_row -->
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker_new -->                              
                                  
               <!-- BEGIN switch_ticker -->
               <div id="fa_ticker_block" style="padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                              <div class="fa_ticker_content">
                                 <!-- BEGIN ticker_row -->
                                 <div>{switch_ticker.ticker_row.ELEMENT}</div>
                                 <!-- END ticker_row -->
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <!-- END switch_ticker -->  
                                  
               <div id="page-body">
                  <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
                     <div id="outer-wrapper">
                        <div id="wrapper">
                           <div id="container">
                              <div id="content">
                                 <div id="{ID_LEFT}">
                                    <!-- BEGIN giefmod_index1 -->
                                    {giefmod_index1.MODVAR}
                                    <!-- BEGIN saut -->
                                    <div style="height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                                                                                            
                                                                                      <div id="zt_time">
                                    <p>AGOSTO 17, 2012, 17:20:00 PM</p>
                                    </div>
                                                                                                                                  <div id="userbar">  
                                          </div>
                                                                                  
                                 <div id="main">
                                    <div id="main-content">
                                                                                                  <div id="logopro">
                                                                                                    </div>
                                                                                                  <div id="banner">
                                                                                                    </div>
                                                                                                                                                                                        <div id="search">
               <form action="search?" method="post" accept-charset="ISO-8859-1">
                  <input class="search_input" type="text" name="search_keywords" value="Ingresa una Busqueda..." onfocus="this.value = '';" onblur="if(this.value=='') this.value='Ingresa una Busqueda...';">
                                                  </input>
               </form>                                                    
            </div>  
                              
                                                                                                                                                                                                                                                                                                                                                           <div id="quicknav">
                  <ul>
                     <li><a class="social_icon twitter" href="https://twitter.com/OnArcadeGames" title="Siguenos en Twitter" target="_blank"></a></li>
                                                                                                                                                      <li><a class="social_icon facebook" href="http://facebook.com/atiizadcovich" title="Agregar a Facebook" target="_blank"></a></li>
                     <li><a class="social_icon googleplus" href="https://plus.google.com/u/0/112598828328530692599/posts" title="Añadir a Google+" target="_blank"></a></li>
                                                  <li><a href="http://www.dzinerstudio.com/">Dziner Studio</a></li>
                                                  <li><a href="http://www.shutskins.forosactivos.net/">ShutSkins</a></li>
                  </ul>
               </div>
                                                                                                  
                                                                                                  
<!-- BEGIN html_validation -->
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
  
                              
</body>
</html>
<!-- END html_validation -->
CSS
Code:
body {
background: #CCC url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/mainbg.jpg);
font: 13px/140% "Helvetica Neue", "Arial", "Helvetica", sans-serif;
margin: 0 auto;
padding: 25px 0 0;
}

#pun-intro {
margin: -40px auto;
  visibility:;
background: #CCC url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/mainbg.jpg);
  height: 85px;
}

#pun-title {
  visibility:hidden;
}
.pun {
width: 990px;
background: #F7F7F7 url();
box-shadow: 0 0 20px black;
margin: 0 auto;
min-width: 768px;
padding: 0 6px;
}

#pun-foot {
  width: 990px;
  border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
div#wrapper {
width: 990px;
margin: 0 auto;
}

#contenedor {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/content.png) 0 0 repeat-y;
  padding: 0 10px;
}

/*-------------------BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/
.pun .frm .frm-buttons input {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 31px;
min-width: 54px;
padding: 0 8px;
text-align: center;
vertical-align: middle;
  }
.pun .frm .frm-buttons input:hover {
-moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
  }
pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
/*-------------------Final BOTONOS DE ENVIAR Y PREVISUALIZAR-------------------*/

/* Titulo de Posts,Fecha */
.pun .posthead {
background: #EBEBEB url(http://i.imgur.com/203fX.png) repeat-x;
border-bottom: 1px dashed #CCC;
border-top: 1px dashed #CCC;
font-size: 13px;
line-height: 35px;
padding: .1em .5em .5em 0;
text-shadow: 1px 1px 0 white;
  }
/* Final Titulo de Posts,Fecha */
/*-------------------Guia BB Code Icon-------------------*/
.pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited { background: url(http://cdn1.iconfinder.com/data/icons/famfamfam_mini_icons/icon_info.gif) !important; background-position: left center; background-repeat: no-repeat !important; padding: 2px 0 2px 20px; }
/*-------------------Final Guia BB Code Icon-------------------*/
/* Reset */

* {
   margin:0px;
   padding:0px;
}

.clearFix {
   clear: both;
}

/* Container */

#container {
   width: 990px;
   margin: 0px auto;
}


/* Navigation First Level */

#topnav{
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   font-weight: 300;
   font-size:15px;
}

#topnav ul{
   background: rgba(255, 255, 255, 0.5);
   height:35px;
   list-style:none;
   border: none;
   -webkit-border-radius: 6px;
}

#topnav li{
   float:left;
   padding:0px;
  list-style: none;
}

#topnav li a{
   display: block;
line-height: 38px;
padding: 0 15px;
color: #444;
text-decoration: none;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
text-transform: uppercase;
font-weight: bold;
font-size: 11px;
  margin-top: 11px;
}
  
#topnav li a:hover{
   text-decoration:none;
   background: #444;
  text-shadow: 0px 2px 1px #000;
   color: white;
   -webkit-border-radius: 5px;
}

#topbar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/topbar.png) repeat-x;
margin: 0 30px;
position: relative;
}
#topbar_l {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/topbar_l.png) 0 0 no-repeat;
margin-left: -30px;
}
#topbar_r {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/topbar_r.png) 100% 0 no-repeat;
height: 69px;
margin-right: -34px;
}

#toolbar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/toolbar.png) 0 0 no-repeat;
}

#toolbar_r {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/toolbar.png) 100% -140px no-repeat;
padding: 0 15px;
}

#toolbar_m {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/toolbar.png) 0 -70px repeat-x;
height: 63px;
padding-top: 2px;
}

#zt_time {
position: absolute;
top: 95px!important;
left: 250px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/clock.png) 0 50% no-repeat;
  text-transform: uppercase;
font-size: 11px;
color: #A3A3A3;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.8);
  padding-left: 25px;
  visibility: hidden;
}

#banner {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/banner.jpg);
height: 144px;
clear: both;
  margin-bottom: 50px;
}

#logopro {
display: block;
width: 300px;
height: 85px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/logo.png) no-repeat;
  position: absolute;
margin-top: 25px!important;
  left: 200px;
  }

#userbar {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/userbar.png) repeat-x;
height: 60px;
padding: 0 495px;
  margin-top: 140px;
    margin-bottom: 10px ;
  position:absolute;
}

#search {
  background-image: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/search.png); 0 0 no-repeat;
border: none;
cursor: pointer;
outline: none;
position: absolute;
left: 500px;
top: 355px!Important;
width: 242px;
  height: 40px;
}
span, p, form {
margin: 0;
padding: 0;
}
#search input.search_input {
float: left;
border: none;
outline: none;
font-size: 12px;
font-family: "Trebuchet MS", "Arial", "Helvetica", sans-serif;
color: #E9E9E9;
height: 15px;
padding: 8px 20px 20px 50px;
width: 170px;
}

#search .search_input {
position: absolute;
top: 8px;
left: 5px;
width: 190px;
height: 16px;
padding: 5px 0 5px 12px;
background: none;
border: none;
outline: none;
font: 13px "Helvetica Neue", Arial, sans-serif;
color: #BBB;
text-shadow: 1px 1px 5px black;
}

#quicknav {
padding: 12px 0 0;
  margin-bottom: 40px;
  margin-top: -50px;
}

#quicknav a {
padding-left: 15px;
  font-weight: bold;
color: #999;
text-shadow: 0 -1px 1px black;
}

#quicknav a:hover {
  color: #C4C4C4;
  }
#quicknav .social_icon {
display: block;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/social_icons.png) no-repeat;
height: 34px;
width: 34px;
padding: 0;
}

#quicknav li {
float: left;
padding: 0;
list-style: none;
}

#quicknav ul {
float: left;
padding: 0;
  margin:0;
line-height: 34px;
  position: absolute;
  margin-left: 20px;
}

#quicknav .twitter { background-position: 0 0;}
#quicknav .facebook { background-position: 0 -76px;}
#quicknav .googleplus { background-position: 0 -152px;}
#quicknav .twitter:hover { background-position: 0 -38px;}
#quicknav .facebook:hover { background-position: 0 -114px;}
#quicknav .googleplus:hover { background-position: 0 -190px;}

.main .main-head {
  background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat -10px -166px;
padding-right: 9px!Imporant;
  font-weight: bold;
    margin-bottom: -0.5em!Important;
}

.main .main-head .page-title {
color: #444;
font-size: 1.0em;
font-weight: bold;
background: url() no-repeat -10px -166px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)!Important;
  height: 40px;
  line-height: 25px;
}

.main .main-head, .main-foot {
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-image: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat -10px -166px;
border-radius: 10px;
color: #444;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: bold!Important;
line-height: 46px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)!Important;
  height: 30px;
  line-height: 28px;
}
.main .main-foot {
  background-color: #C4C4C4!Important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5)!Important;
  color: #444!Important;
  box-shadow: 0 0 5px #999;  
  }
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-weight: bold;
}

.pun .main-foot .options a { color: #444; }
.pun .main-foot .options a:link { color: #444; text-decoration: none; }
.pun .main-foot .options a:visited { color: #444; text-decoration: none; }
      
.hierarchy a.forumtitle {
font-weight: bold;
font-size: 14px!Important;
color: #AA4B80!Important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

a:active, a:hover, a:link, a:visited {
text-decoration: none;
}

.pun a:link {
color: #1191B0;
}

.pun a:link:hover {
color: #008CFF;
}

#account { float: right;
width: 625px;
margin-top: 10px;
position: relative;}
#account input { float: left; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) no-repeat; border: none; outline: none; margin-right: 8px; color: #999;}
#account input.login_id {
float: left;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) 0 0 no-repeat;
color: #444;
border: none;
outline: none;
width: 186px;
height: 14px;
padding: 13px 12px;
margin: -110px 7px 0px 0px;
}
#account input.login_pw {
  float: right;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) 0 0 no-repeat;
color: #444;
border: none;
outline: none;
width: 186px;
height: 14px;
padding: 13px 12px;
margin: -110px 200px 0 0;
}
#account input.login_button {
  position: absolute;
top: -110px;
right: 102px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) 0 -45px no-repeat;
width: 90px;
height: 40px;
border: none;
padding: 0;
cursor: pointer;
}
#account .login_button:hover { background-position: 0 -90px;}
#account .register { position: absolute;
top: -110px;
right: 20px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) -90px -45px no-repeat;
width: 90px;
height: 40px;}
#account .register:hover { background-position: -90px -90px;}
#account ul { margin: 0; padding: 0; line-height: 26px;}
#account li { float: left; display: block; list-style: none; padding: 0;}
#account .memb_greeting { color: #21839c; text-transform: uppercase; margin-right: 5px;}
#account li a { padding: 0 10px; border-right: 1px solid #a2a2a2;}
#account .last { border: none;}
#account .logout { display: block; margin-left: 5px; background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/zt_login.png) -90 -180px no-repeat; width: 90px; height: 40px; padding: 0;}
#account .logout:hover { background-position: 100% -145px;}


.roundframe
{
   padding: 0 10px;
  background: white;
   border-left: 1px solid #ECECEC;
   border-right: 1px solid #ECECEC;
  color:grey;
  text-shadow: 0px 1px 1px #FFFFFF;
}
.roundframe dl, .roundframe dt, .roundframe p
{
   margin: 0;
}
.roundframe p
{
   padding: 1px;
}
span.upperframe
{
   padding: 0;
   display: block;
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) 0 -90px no-repeat;
   padding-left: 20px;
}
span.upperframe span
{
   padding: 0;
   height: 12px;
   display: block;
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) 100% -90px no-repeat;
}
span.lowerframe
{
   padding: 0;
   display: block;
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) 0 -102px no-repeat;
   padding-left: 20px;
}
span.lowerframe span
{
   padding: 0;
   height: 12px;
   display: block;
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) 100% -102px no-repeat;
}
div.roundframe div.cat_bar
{
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -258px;
   margin-bottom: 0;
  color:#EEE;
  font-size: 13px;
  text-shadow: 0px 1px 0px #000;
}
div.roundframe div.cat_bar h3.catbg
{
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 100% -258px;
  color: #DDD;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
font-weight: normal !important;
overflow: hidden;
height: 42px;
line-height: 42px;
font-size: 1.1em;
}
div.title_barIC
{
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 0 -120px;
   padding-left: 9px;
   height: 38px;
   overflow: hidden;
   margin-bottom: 3px;
  margin-top: 5px;
  color:whitesmoke;
  line-height: 40px;
}
div.title_barIC h4.titlebg
{
   background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) no-repeat 100% -120px;
  color: #474747;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  line-height: 42px;
font-size: 1.1em;
  font-weight: bold;
}
#upshrinkHeaderIC p.pminfo
{
   margin: 0;
   padding: 0.5em;
}

#upshrinkHeaderIC a
{
color: #AA4B80;
}
img#upshrink_ic, img#newsupshrink
{
   float: right;
   margin: 0px auto;
}

#footer { background: #222 url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/mainbg.jpg) 0 0 repeat-x; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 25px 15px; overflow: hidden; position: relative; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);}
#footer .smf_copyright { float: left;}
#footer .ds_copyright { float: right; text-align: right;}
#footer p { color: #676767;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
font-size: 11px;}
#footer, #footer a { color: #424242; font-size: 13px;
font-family: "Helvetica Neue", "Arial", "Helvetica", sans-serif;}
#footer a:hover { text-decoration: underline;}
#footer .backtop { display: block;
position: absolute;
top: 46px;
right: 10px;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/custom/backtop.png) 0 0 no-repeat;
height: 19px;
width: 19px;}
#footer .backtop:hover { background-position: 0 -19px;}

#wrapper1 {
width: 990px;
margin: 0 auto;
overflow: hidden;
}

/* Avatar in index */
.avatar-index {float: left; display:inline-block;}
.avatar-index img {width: 40px;height: 40px;background: #F4F4F4;border: 1px solid #CACACA;margin: 0 5px;padding: 1px;}
.avatar-index img:hover {border: 1px solid #A1A1A1; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2)}
.avatar-subforo {float: right;}

.pun .user-ident .username {
background-color: #EEE;
border: 1px solid #DDD;
border-radius: 4px;
display: block;
font-family: Arvo;
font-size: 1.5em;
font-weight: 400!important;
margin-bottom: 5px;
margin-top: 10px;
padding: 8px!important;
position: relative;
text-align: center;
text-decoration: none;
}

.pun .user-ident .user-basic-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: white;
font-size: 1.5em;
font-weight: 700;
line-height: 1.8em;
margin: 5px auto;
padding: 15px;
text-align: center;
text-shadow: 0 1px 0 #CCC,0 2px 0 #C9C9C9,0 3px 0 #BBB,0 4px 0 #B9B9B9,0 5px 0 #AAA,0 6px 1px rgba(0, 0, 0, .1),0 0 5px rgba(0, 0, 0, .1),0 1px 3px rgba(0, 0, 0, .3),0 3px 5px rgba(0, 0, 0, .2),0 5px 10px rgba(0, 0, 0, .25),0 10px 10px rgba(0, 0, 0, .2),0 20px 20px rgba(0, 0, 0, .15);
}
.pun .user .user-info {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
line-height: 1.8em;
margin: 5px auto;
padding: 10px;
}

.user-contact {
background: white;
border: 1px solid #DDD;
border-radius: 5px;
color: #666;
margin: 5px auto;
padding: 0px;
}
  
.pun .post {
background-color: #F4F4F4;
border: 1px solid #BBB;
border-color: #EEE white #CCC;
border-left: 1px solid #DDD!important;
border-style: solid none;
border-width: 2px 0 1px;
}

/*-------------------Iconos de respuesta rapida-------------------*/
button.button2, input.button2 {
background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
-webkit-border-radius: 2px;
-webkit-user-select: none;
background-color: whiteSmoke;
border: 1px solid gainsboro;
border-radius: 2px;
color: #666;
cursor: pointer;
font-size: 12px;
font-weight: bold;
height: 33px;
line-height: 12px;
min-width: 34px;
padding: 5px 10px;
text-align: center;
vertical-align: middle;  
}
button.button2, input.button2:hover {
  -moz-box-shadow: 0 0 5px #999;
-webkit-box-shadow: 0 0 5px #999;
box-shadow: 0 0 5px #999;
outline: 0;
border-color: #999;
color: #333;
  }
/*-------------------Final Iconos de respuesta rapida-------------------*/
.pun-crumbs {
background: #E7E7E7 url(http://img76.xooimage.com/files/a/0/0/secondary_nav_bg-3644e4e.png) repeat-x 0 0;
border-bottom: 1px solid #D1D0D0;
border-top: 1px solid #E6E6E6;
line-height: 36px;
max-height: 30px;
overflow: hidden;
text-shadow: white 0 1px 0;
}
.pun-crumbs a {
background: url(http://img76.xooimage.com/files/2/0/1/secondary_nav-3644c51.png) no-repeat 100% -2px;
font-size: 11px;
padding: 12px 17px 12px 4px;
}

.pun-crumbs p {
line-height: 30px;
margin: 0px auto;
}

/* Caja rapida Background*/
#text_editor_textarea {
  background-color: whiteSmoke;
  }
button, input, select, textarea {
  border: 1px solid #B9B9B9;
  }
/* Final Caja rapida Background*/
/*------Foro   Temas   Mensajes   Últimos Mensajes-----*/
.pun table.table th {
background: url(http://i37.servimg.com/u/f37/15/67/21/26/extra_10.png)repeat;
border: 1px solid #C4C4C4;
color: #333;
font-weight: 700!important;
height: 20px;
line-height: 20px;
margin: 5px;
min-height: 10px;
padding: 5px;
text-align: center;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
  }
/*------Final Foro   Temas   Mensajes   Últimos Mensajes-----*/
/*------Titulo categoria izquierda-----*/
.pun table td.tcl {
border-left-style: solid;
border-left-width: 8px;
height: 42px;
min-height: 24px;
padding-left: .5em;
vertical-align: top;
text-shadow: 0 1px 0 #FFFFFF;
background: url(http://i37.servimg.com/u/f37/15/67/21/26/climpe10.png)repeat;
  }
/*------Final Titulo categoria izquierda-----*/
/*------Titulo categoria derecha Fix-----*/
.pun table.table td {
background: url(http://i37.servimg.com/u/f37/15/67/21/26/climpe10.png)repeat!important;
  border-left: none;
  border-right: none;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #C4C4C4;
  font-size: 12px;
  }
/*------Final Titulo categoria derecha Fix-----*/

#pun-visit, .main-box {
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/main_block.png) 100% -120px no-repeat;
  border-color: #C4C4C4;
text-shadow: 0 1px 0px #FFFFFF;
}

/*------Cambiar a ,saltar oculto-----*/
form#qjump {
    visibility: hidden;
    }
/*------Final Cambiar a ,saltar oculto-----*/

.sig-content {
border-top: 1px solid #DDD;
}

.postfoot {
border: none;
}

/* Search Back*/
.overview {
  background: url(http://i30.servimg.com/u/f30/17/20/53/70/grid_n10.png) repeat;
  text-shadow: 0px 1px 1px white!Important;
  }
/* Final Search Back*/
/* Lista de miembros nickname sin linea*/
td.avatar-mini a span {
text-decoration: none;
}
/* Final Lista de miembros nickname sin linea*/
/* Perfil contenido editar.con background de rejas*/
.main .main-content.frm {
background: url(http://i30.servimg.com/u/f30/17/20/53/70/grid_n10.png) repeat;
  text-shadow: 0px 1px 1px white!Important;
  }
/* Final Perfil contenido editar.con background de rejas*/
/* Code,Spoiler,Quote*/
.codebox {
background: #E7E6E6;
border: 1px solid #BDBDBD;
box-shadow: 0 2px 10px #D6D6D6;
margin: 1em;
  text-shadow: 1px 1px white;
}

.codebox dt {
border-bottom: 4px solid #AA4B80;
font-size: 14px;
font-weight: 700;
text-shadow: 1px 1px #F3F3F3;
}

.postmain blockquote, blockquote {
font-size: 11px;
color: black;
line-height: 1.4em;
background: url(http://demo.dzinerstudio.com/smf2/Themes/zentoa_20/images/theme/quote.png) 0.1em 0.1em no-repeat;
border-left: 5px solid #4B80AA;
padding: 1.1em 1.4em;
margin: 0.1em 0 0.3em 0;
overflow: auto;
  background-color: #D6D6D6;
text-shadow: 1px 1px white;
}

.codebox dd.cont_code, .codebox.spoiler dd {
background: #F0F0F0;
border: 1px solid lightGrey;
}
/* Final Code,Spoiler,Quote*/

#quick_reply { background: url(http://i30.servimg.com/u/f30/17/20/53/70/grid_n10.png) repeat; }

a.topictitle {
  font-size: 11px;
  }

Cún Còi
Cún Còi
Thành Viên
Bài Viết : 2
25.10.12 1:07
Cún Còi - Thành Viên
xem

andienduong
andienduong
Thành Viên
Bài Viết : 8
25.10.12 19:10
andienduong - Thành Viên
nguồn bạn ui

24h...CậuéC
24h...CậuéC
Thiết Kế Team
Bài Viết : 51
26.10.12 9:37
24h...CậuéC - Thiết Kế Team
dome ảnh đó mà xem :T k nguồi vì Zentoa

nhÓk lÙn
nhÓk lÙn
Thiết Kế Team
Bài Viết : 58
05.11.12 13:02
nhÓk lÙn - Thiết Kế Team
xem

0
Ruby
Ruby
Thiết Kế Team
Bài Viết : 26
05.11.12 17:50
Ruby - Thiết Kế Team
Skin đẹp bambam

Jinnie
Jinnie
Thành Viên
Bài Viết : 6
05.11.12 19:54
Jinnie - Thành Viên
coi

leoo
leoo
Thành Viên
Bài Viết : 5
08.11.12 14:09
leoo - Thành Viên
xem

Hữu Phước
Hữu Phước
Thành Viên
Bài Viết : 23
08.11.12 21:45
Hữu Phước - Thành Viên
xem

tonetone
tonetone
Thành Viên
Bài Viết : 5
15.01.15 12:29
tonetone - Thành Viên
xem

nhoxboab
nhoxboab
Thành Viên
Bài Viết : 12
22.04.15 19:57
nhoxboab - Thành Viên
dsadsads

Light Bess Line
Light Bess Line
Thành Viên
Bài Viết : 6
18.07.15 20:58
Light Bess Line - Thành Viên
thanks

hamesashek
hamesashek
Thành Viên
Bài Viết : 19
26.08.15 6:43
hamesashek - Thành Viên
Yêu

BeHuyen
BeHuyen
Thành Viên
Bài Viết : 6
08.07.16 17:55
BeHuyen - Thành Viên
Tks anh :x


Sponsored content
Sponsored content -



Hãy Đăng Nhập Để Gửi Bình Luận - Nếu Chưa Có Tài Khoản Đăng Ký - Click Tại Đây


 

Chúng tôi là những con người mong muốn tạo ra những giá trị đích thực.
Ở đây sự chuyên nghiệp và tôn trọng được đặt lên hàng đầu.
Hy vọng nó sẽ trở thành điểm đến của tất cả các bạn có chung niềm đam mê với Forumotion.
© 2016 Spiderum Themes Cover Forumotion By @Thànhkent