Hỗ trợ Forumotion
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.

You are not connected. Please login or register

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » [Skin] hotrofm 2/3/2013

Chuyển đến trang : 1, 2, 3 ... 15 ... 30  Next

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down  Thông điệp [Trang 1 trong tổng số 30 trang]

Admin
  • Administrator

Admin

Administrator


Admin
[Skin] hotrofm 2/3/2013 Empty

[Skin] hotrofm 2/3/2013

on 02/03/2013

Admin
loading...

demo onl : http://www.hotrofm.com/
demo ảnh: cập nhật sau
[Skin] hotrofm 2/3/2013 Oc0f10

Trả lời nhanh

Message reputation : 70% (20 votes)

  • Admin
    Admin

    Bài gửi 2/3/2013, 9:36 am Admin

    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 -->
                                                                                                                        <br>                          <a title="Hotrofm.com" target="_blank" rel="nofollow" href="http://www.hotrofm.com/" class="copyright" name="bottom">© <font color="green">Hotrofm</font> - RIP by <font color="red">Chicken™</font></a><br>
                                                                                                                                                                                                                                                                <a title="Hotrofm.com" target="_blank" rel="nofollow" href="http://www.hotrofm.com/" class="copyright" name="bottom">© <font color="green">Hotrofm</font> - EDIT by <font color="red">the_dav</font></a>
                         </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>


                  <style type="text/css">
     
                      /*tooltip*/
    .tooltip span {
    background: white;
    border: 0;
    border-top: 1px solid #ACA1A1;
    border-right: 1px solid #ACA1A1;
    width: 10px;
    height: 10px;
    margin-left: 15px;
    margin-top: -30px;
    display: block;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: inset -1px 1px 0 white;
    -moz-box-shadow: inset 0 1px 0 #fff;
    -o-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 white;
    display /*\**/: none9;
    }
    div > .tooltip, li > .tooltip, a > .tooltip, span > .tooltip {
    opacity: 0;
    margin-top: -10px;
    visibility: hidden;
    margin-left: -65px;
    -webkit-transition-property: opacity, margin-top, visibility, margin-left;
    -webkit-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;
    -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    -moz-transition-property: opacity, margin-top, visibility, margin-left;
    -moz-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;
    -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    -o-transition-property: opacity, margin-top, visibility, margin-left;
    -o-transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;
    -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-property: opacity, margin-top, visibility, margin-left;
    transition-duration: 0.5s, 0.3s, 0.5s, 0.3s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;}
    div:hover > .tooltip, li:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip,a .tooltip:hover, span .tooltip:hover, li .tooltip:hover, div .tooltip:hover {
                    width: auto;opacity: 1;visibility: visible;overflow: visible;margin-top: 30px;display: inline;margin-left: -10px;-webkit-transition-property:opacity, margin-top, visibility, margin-left;-webkit-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;-moz-transition-property:opacity, margin-top, visibility, margin-left;-moz-transition-duration:0.5s, 0.3s, 0.5s, 0.3s;  -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;-o-transition-property:opacity, margin-top, margin-left;-o-transition-duration:0.5s, 0.3s, 0.3s;  -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;transition-property:opacity, margin-top, visibility, margin-left;transition-duration:0.5s, 0.3s, 0.5s;  transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;}
                   
     
                .tooltip {
    background: white;
    background: -moz-linear-gradient(top, white 0%, white 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFFFD), color-stop(100%,white));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DBFFD0', endColorstr='#DBFFD0',GradientType=0 );
    color: #04AF15;
    border: 1px solid #A09797;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
    margin-left: -40px;
    position: absolute;
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
    font-style: normal;
    color: #777;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 white;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 1px 0 white;
    z-index: 10;
    } </style>         



    <script src="http://hotro.forumvi.net/44582.js" type="text/javascript"></script>



    [Code]Tooltip thông tin thành viên ở Index (skin hotro) http://www.hotrofm.com/t3639-topic#27638

    Trả lời nhanh
  • Admin
    Admin

    Bài gửi 2/3/2013, 9:36 am Admin

    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}
     <!--[if lte IE 6]>
          <style type="text/css">
                    .post-entry .entry-content img{display: block !important}
                    body{background-color: #FFFFFF!important}
            #mudimPanel,.minwidth_IE, #login_popup, #hitskin_preview{display:none!important}
        </style>
     <![endif]-->
     <noscript>
          <style type="text/css">
                    a.mainmenu[href='/groups'],a.mainmenu[href='/privmsg?folder=inbox']{display:block !important}
                    .post-entry .entry-content img{display: block !important}
            #left{display:block !important}
            .module .main-content{height: 12.3em !important}
            .toppost_width{width: 290px;}
            .recentWidth{width: 658px;}
            .latest_topics{overflow: hidden !important; height: 12.3em !important}
            .chatbox, .fmviToggle, #checktip .open{display:none}
                
       
        </style>
              
              
              
     </noscript>
      

     <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>
     <script type="text/javascript">
     function langEV() {
        if ($("html").attr("xml:lang") == "en") {
            return true;
        } else if ($("html").attr("xml:lang") == "vi") {
            return false;
        }
     }
     </script>


     <!-- BEGIN switch_fb_login -->
     <script src="http://ghequa.net/codefm/fb.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"]);

     (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>
          <!-- BEGIN switch_desc -->
                          
          <div style="display:none" class="hotrofm">{switch_desc.SITE_DESCRIPTION}</div>
                         <!-- END switch_desc -->

    <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="sys_main_logo">
     <div class="sys_ml" style="width:998px;">
                <div class="sys_ml_wrapper">
                         <img src="http://i16.servimg.com/u/f16/18/04/15/26/13429111.png" class="mainLogo" alt="logo"></a>                </div>
     </div>
     </div>
    <div class="sys_top_menu">
      <table class="topMenu" cellpadding="0" cellspacing="0" style="width:998px"><tbody><tr>
        <td class="top" style="width:38px;"><a href="http://www.hotrofm.com/" class="top_link"><span class="down" style="font-weight:bold;"><img src="http://i13.servimg.com/u/f13/18/07/80/35/bx_hom10.png"></span><!--[if gte IE 7]><!--
    ></a><!--
      <![endif]--><div style="position:relative;display:block;"></div></a></td><td class="top" id="tm_active"><a href="/forum" class="top_link"><span class="down">Forums</span><!--[if gte IE 7]><!--
      ></a><!--
      <![endif]--></a></td>
      
      <td class="top"><a href="/search" class="top_link"><span class="down">search</span><!--[if gte IE 7]><!--
    ></a><!--
    <![endif]--></a>
        <div style="position:relative;display:block;">
          <ul class="sub main_elements">
           <li><a href="/search" target="_self" class="button more_ntop_element">Search</a></li>
            <li class="li_last_round"> </li>
          </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
        </div>
      </td>
      
      
      
      <td class="top"><a href="/calendar" class="top_link"><span class="down">calendar</span><!--[if gte IE 7]><!--
    ></a><!--
    <![endif]--></a><div style="position:relative;display:block;">
      <ul class="sub main_elements">
        <li><a href="/calendar" target="_self" class="button more_ntop_element">Calendar</a></li>
        <li><a href="/search" target="_self" class="button more_ntop_element">Search</a></li>
        <li class="li_last_round"> </li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></div></td>
      
      <td class="top"><a href="/groups" class="top_link"><span class="down">nhóm</span><!--[if gte IE 7]><!--
    ></a><!--
    <![endif]--></a><div style="position:relative;display:block;">
      <ul class="sub main_elements">
        <li><a href="/memberlist" target="_self" class="button more_ntop_element">memberlist</a></li>
        <li><a href="/groups" target="_self" class="button more_ntop_element">nhóm</a></li>
        <li class="li_last_round"> </li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></div></td>
      
      <td class="top"><a href="{U_PRIVATEMSGS}" class="top_link"><span class="down">{PRIVATE_MESSAGE_INFO}</span><!--[if gte IE 7]><!--
    ></a><!--
    <![endif]--></a></td>
      
      
      <td class="top"><a href="/contact" class="top_link"><span class="down">Help</span><!--[if gte IE 7]><!--
    ></a><!--
      <![endif]--></a><div style="position:relative;display:block;">
      <ul class="sub main_elements">
        <li><a href="/faq?mode=bbcode" target="_self" class="button more_ntop_element">FAQ</a></li>
        <li><a href="/contact" target="_self" class="button more_ntop_element">Contact</a></li>
        <li class="li_last_round"> </li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></div></td>
      <td class="top"><a href="/forum" class="top_link"><span class="down">lý lịch</span><!--[if gte IE 7]><!--
    ></a><!--
    <![endif]--></a><div style="position:relative;display:block;">
        <ul class="sub main_elements">
          <li><a href="/profile?mode=editprofile" target="_self" class="button more_ntop_element">lý lịch</a></li>
          <li><a href="/viewonline" target="_self" class="button more_ntop_element">viewonline</a></li><li class="li_last_round"> </li></ul><!--[if lte IE 6]></td></tr></table></a><![endif]--></div></td><td class="top right" style="width:38px;"><a href="javascript: void(0)" class="top_link"><span class="down"><img src="http://www.skinnaked.com/templates/base/images/icons/tm_item_search.png"></span><!--[if gte IE 7]><!--
    ></a><!--
      <![endif]--><!--[if lte IE 6]><table id="mmm"><tr><td><![endif]--><div style="position:relative;display:block;"><ul class="sub">
       <li><div id="gse_search"><form action="/search" method="get"><input type="text" name="search_keywords" class="input_main"></form></div><div class="clear_both"></div></li><li class="li_last_round"> </li></ul></div><!--[if lte IE 6]></td></tr></table></a><![endif]--></a></td></tr></tbody></table><div class="clear_both"></div><div class="subMenusContainer" style="width:998px;"><div class="subMenu" id="subMenu_215" style="display:block"><div class="subMenuOvr"><table class="subMenuInfoKeeper" cellspacing="0" cellpadding="0"><tbody><tr><td><img class="img_submenu" src="http://i13.servimg.com/u/f13/18/07/80/35/bx_for10.png" alt=""></td>
      <td class="sys_page_header"><a href="forum">Hỗ trợ Forumotion</a></td>
      <td style="width:90%;">
       <div class="sys_tm_title_addon"><div class="sys_tm_actions">
         <div class="input_wrapper input_wrapper_input_set">
         <!-- BEGIN switch_user_logged_out -->
           <div class="button_wrapper" style="margin-right: 14px"><a  href="/register"><input class="form_input_submit bigJoinButton submit" type="button" value="Register" name="join" ></a><div class="button_wrapper_close"> </div></div>
      
             <div class="button_wrapper"> <a  href="/login"><input class="form_input_submit bigLoginButton submit" type="button" value="Login"  href="/login"></a><div class="button_wrapper_close"> </div></div>
             <!-- END switch_user_logged_out -->
             <!-- BEGIN switch_user_logged_in -->
             <div class="button_wrapper"> <a  href="/login?logout"> <input class="form_input_submit bigLoginButton submit" type="button" value="EXIT" > </a> <div class="button_wrapper_close"> </div></div>
      
              
              <!-- END switch_user_logged_in -->
     
            </div></div>    <div class="clear_both"></div></div></td><td style="width:10px;"></td></tr></tbody></table><div class="clear_both"></div><div class="subMenuContainer"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="tabbed"><table cellspacing="0" cellpadding="0"><tbody><tr>
      <td><div style="background:url(http://www.skinnaked.com/templates/base/images/tm_cm_item_left_act.png) no-repeat top left;width:9px;margin-top: -2px;"></div></td><td><div style="background:url(http://www.skinnaked.com/templates/base/images/tm_cm_item_center_act.png) repeat-x top center;margin-top: -2px;">Forums Home</div></td><td><div style="background:url(http://www.skinnaked.com/templates/base/images/tm_cm_item_right_act.png) no-repeat top right;width:9px;margin-top: -2px;"></div></td></tr></tbody></table></td>
     
     <td class="usual"><div><a class="sublinks" href="/search?search_id=activetopics">Gửi bài hôm nay</a></div></td>
      <td class="usual"><div><a class="sublinks" href="/search?search_id=egosearch" >Bài viết bạn đã trả lời</a></div></td>
      <td class="usual"><div><a class="sublinks" href="/search?search_id=unanswered">Bài viết chưa ai trả lời</a></div></td>
      <td class="usual"><div><a class="sublinks" href="/search?search_id=newposts">Bài viết bạn mới gửi</a></div></td>
      </tr></tbody></table></div></div></div></div>        <div class="clear_both"> </div></div>
     <div class="layout_IE">
     <div class="container_IE">
     <div class="pun">
                                      <div style="display:none"> <li style="display:none" >{GENERATED_NAV_BAR}</li> </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="main">
     <div id="main-content">

    <!-- BEGIN html_validation -->
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
     </div>
    </body>
    </html>
    <!-- END html_validation -->
        
        
        
        


        

    Trả lời nhanh
  • Admin
    Admin

    Bài gửi 2/3/2013, 9:37 am Admin

    css

    Code:
    .main-contentdav .username span[style="color:#FF0000"] strong, .username span[style="color: rgb(255, 0, 0);"] strong {
    background: url(http://i48.servimg.com/u/f48/16/18/15/10/admin110.png) no-repeat left top;
    }
    .main-contentdav .username span[style="color:#0099FF"] strong, .username span[style="color: rgb(255, 0, 0);"] strong {
    background: url(http://ghequa.net/anh//2110.png) no-repeat left top;
    }
    .main-contentdav .username span[style="color:#FF05F7"] strong, .username span[style="color: rgb(255, 0, 0);"] strong {
    background: url(http://i16.servimg.com/u/f16/17/96/22/30/1210.png) no-repeat left top;
    }
    .main-contentdav .username span[style="color:#39D139"] strong, .username span[style="color: rgb(255, 0, 0);"] strong {
    background: url(http://i16.servimg.com/u/f16/17/96/22/30/1310.png) no-repeat left top;
    }
    .main-contentdav .username span[style="color:#E67F00"] strong, .username span[style="color: rgb(255, 0, 0);"] strong {
    background: url(http://i16.servimg.com/u/f16/17/96/22/30/1410.png) no-repeat left top;
    }
    .main-contentdav .username span[style="color:#19E3C8"] strong, .username span[style="color: rgb(255, 0, 0);"] strong {
    background: url(http://i16.servimg.com/u/f16/17/96/22/30/design10.png) no-repeat left top;
    }

    .lengtht {
    overflow: hidden;

    text-overflow: ellipsis;
    white-space: nowrap;
    width: 365px;
    }

    .download_content {
    position: relative;
    margin-top: -57px;
    border: 1px solid #ccc;
    padding-top: 35px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
    padding-bottom: 10px;
    text-align: left !important;
    }
    .download_dav {
    width: 500px;
    margin-top: -59px;
    margin-bottom: 5px;
    }

    .latest_topics1 {
    width: 120px;
    }
    ::-webkit-scrollbar{height:12px;width:10px;}
    .pun::-webkit-scrollbar:hover{height:0px;width:0px;}
    ::-webkit-scrollbar-thumb {
    background: rgb(42, 46, 48);
    }
    ::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,165,205,.4)}

    /* Keyboard vietnamese */
    #mudimPanel{background:url(http://www.c3zone.net/users/1214/94/30/93/album/ribb10.png) 333px 0 no-repeat,url(http://www.c3zone.net/users/1214/94/30/93/album/ribb11.png) center right no-repeat, url(http://www.c3zone.net/users/1214/94/30/93/album/ribb12.png) repeat-x 0 center !important;bottom: 20px !important;left: -335px !important;width: 330px !important;height: 45px!important;font-size: 10px!important;font-weight: 700;vertical-align: middle;border: none !important;padding: 11px 48px 11px 5px !important;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
    #mudimPanel:hover{left: 0!important;}

    .useravatar, .pun .user-ident .user-basic-info {
    text-align: center;
    }
    .useravatar img, #profile-advanced-right .main-content.center img {
    width: 150px;
    }

    .user a span::before {
    content: url(http://i.imm.io/TesQ.png);
    padding-right: 2px;
    height: 15px;
    width: 15px;
    padding: 2px;
    border: 1px solid #CCC;
    padding-top: 10px;
    margin-right: 5px;
    }

    a[href="/u16"]+.postbody{background:url(http://i.imm.io/P3LF.png) no-repeat right top white}

    img[href="http://i.imgur.com/uVfEf.gif"]+.inx1{background:url(http://i.imm.io/P3LF.png) no-repeat right top white}


    .pun .entry-content img {
    max-width: 910px;
    }

    .pun .sig-content {
    width: 98%;
    }





    .postmain blockquote, blockquote{  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);  -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.2);    margin: 0.5em;  color: #495d68;  padding: 0 !important;  border: 1px solid #ccc !important;  background: url(http://www.9xstudio.biz/users/2012/10/88/45/album/quote110.png);}
    blockquote div{  background: url(http://www.9xstudio.biz/users/2012/10/88/45/album/quotem10.png) no-repeat 99% 5px;  padding: 0.7em;  border: 1px solid white;}
    .codebox {
    background-color: #FFFFE1;
    border: 1px dotted #DDD;
    margin: 1em;
    width: 600px;
    }
    fieldset.frm-set dl dd {
    margin-left: 0em;
    }
    #text_editor_textarea {
    background: white url(http://nr6.upanh.com/b1.s34.d4/6ac3c0606e6e18eda365b33e6158c7c0_50480296.hotrofm.png) no-repeat bottom right;
    border: 1px solid #BCBCBC;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 2px;
    }

    .main .main-content.frm, .pun .frm-form {
    background-color: white;
    }
    /* Khung chuyên mục */
    #profile-advanced-details .autobot,.main-head .h2,.main-head .h3,.main-head h1,.main-head h3,.main-head h2{color: black;font-family:Trebuchet MS;font-size:18px!important;font-variant:small-caps;font-weight:600!important}
    .pun .main-foot .h2,.pun .main-head .h2{float:left;overflow:hidden;width: 800px;}
    .box{width: 30%;float:left;border: 2px solid #C9C9C9;height:100px;margin:5px;padding:2px;margin-left: 16px;}
    .box a.forumtitle{background-color: #C9C9C9;border-radius:0 0 10px 0;color: black;margin-left:-2px;padding: 2px 15px 4px 5px;}
    .box a.forumtitle:hover{color:white}
    .box1{width:64px;max-height:64px;float:right}
    .box2{height:48px;margin:7px}
    .box3{background-color: #C9C9C9;color: black;margin-bottom:0;padding:4px}
    .blackBox{background-image: url(http://bglabs.evade.netdna-cdn.com/45875kli90/159.gif);color: black;}
    .redBox{background-image: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif);color: black;}
    .redBox .box2 a{color:#000!important}
    .box1 img {
    width: 40px;
    }

    #chatbox {
    background: white;
    }
    #chatbox_footer label {
    font-size: 0;
    }
    a:link {text-decoration: none;}
    a:visited {text-decoration: none;}

    .pun table.table td {
    background-color: #FBFBFB;
    border-color: #DDD;
    border-style: solid none none none;
    border-width: 1px;
    line-height: 130%;
    padding: .6em 0 .7em;
    }
    #stats {
    background-color: white;
    line-height: 150%;
    padding: .6em 1em;
    }
    #onlinelist1 {
    background-color: white;
    border-top: 1px dashed #CCC;
    padding: .6em 1em;
    }
    .pun .main-content {
    background-color: white;
    border: 1px solid #DDD;
    }
    .pun table.table td {
    background-color: white;
    border-color: white;
    border-style: solid none none none;
    border-width: 1px;
    line-height: 130%;
    padding: .6em 0 .7em;
    }


    .pun {
    line-height: 130%;
    margin: 0 auto;
    min-width: 986px;
    padding: 5px;
    width: 70%;
    box-shadow: 0px 0px 10px;
    background-image: url(http://i48.servimg.com/u/f48/16/58/89/73/alt210.gif);
    -moz-box-shadow: 0px 3px 5px #aaa;
    -webkit-box-shadow: 0px 3px 5px #AAA;
    box-shadow: 0px 3px 5px #AAA;
    margin-top: -15px;
    }
    .main .main-foot,.main .main-head {
    font-weight:700;
    background:#FFF;
    color:#141414;
    text-decoration:none;
    margin-bottom:-1px;
    border-top:1px solid #D3D3D3;
    border-right:1px solid #D3D3D3;
    border-left:1px solid #D3D3D3;
    border-bottom:1px solid #FFF;
    border-top-left-radius:5px;
    -webkit-border-top-left-radius:5px;
    -moz-border-radius-topleft:5px;
    -khtml-border-top-left-radius:5px;
    border-top-right-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topright:5px;
    -khtml-border-top-right-radius:5px;
    display:inline-block;
    line-height:25px;
    cursor:pointer;
    outline:0 none;
    white-space:nowrap;
    word-wrap:normal;
    height:24px;
    pacity:1;
    margin-right:5px;
    margin-top:5px;
    padding:0 8px;
    }
    body{background-color: #F4F4F4;font-family:Verdana,Arial;font-size:12px;color:#333;margin:0px;padding:0
    0 50px 0}


    div.sys_main_logo {
    position:relative;
    z-index:56;
    background-color:#f4f4f4;
    }

    div.sys_ml {
    position:relative;
    margin:0 auto;
    }

    div.sys_ml_wrapper {
    margin:0 10px;
    }

    .mainLogo {
    margin:12px 0;
    }



    input[type=submit],input[type=button],input[type=reset],input.submit,input.button,input.reset {
    border:none;
    width:70px;
    height:25px;
    overflow:visible;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/button10.png) no-repeat scroll left top;
    padding:5px 6px 20px;
    }


    .button_wrapper {
    position:relative;
    display:inline-block;
    text-align:center;
    background-position:left top;
    }

    .button_wrapper_close {
    position:absolute;
    top:0;
    right:0;
    font-size:1px;
    width:4px;
    overflow:hidden;
    background-position:right top;
    }

    .button_wrapper,.button_wrapper_close {
    background-image:url(http://i72.servimg.com/u/f72/18/14/31/12/button11.png);
    background-repeat:no-repeat;
    }

    .button_wrapper,.button_wrapper input,.button_wrapper_close {
    height:25px;
    }

    .button_wrapper input.form_input_button,.button_wrapper input.form_input_submit,.button_wrapper input.form_input_reset {
    background-image:none;
    width:auto;
    }

    .button_wrapper:hover.button_wrapper_close {
    background-position:right -50px;
    }

    .button_wrapper:active .button_wrapper_close {
    background-position:right -100px;
    }








    div.sys_top_menu {
    min-height:31px;
    position:relative;
    z-index:100;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_bg10.png) repeat-x scroll center top;
    }

    div.sys_top_menu a,div.sys_top_menu a:link,div.sys_top_menu a:visited,div.sys_top_menu a:active,div.sys_top_menu
    b {
    font-size:12px;
    }

    table.topMenu {
    position:relative;
    z-index:1;
    margin:0 auto;
    }

    table.topMenu
    td.top {
    position:relative;
    border-right:2px solid transparent;
    padding:0;
    }

    table.topMenu
    td.right {
    border-right:0;
    }

    .topMenu .top
    ul.sub {
    width:190px;
    height:auto;
    right:0;
    position:absolute;
    z-index:20;
    display:none;
    visibility:hidden;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sme10.png) repeat-y left top;
    list-style:none;
    white-space:nowrap;
    text-align:left;
    margin:0;
    padding:2px 0 0;
    }

    .topMenu .top ul.sub
    li {
    width:100%;
    line-height:33px;
    min-height:33px;
    margin:0;
    }

    .main_elements {
    left:0;
    }



    .topMenu td.top:hover
    ul.sub {
    visibility:visible;
    display:block;
    }

    .topMenu td.top a:hover ul.sub,.topMenu td.top:hover
    ul.sub {
    right:0;
    position:absolute;
    }

    .topMenu
    ul.more_sub {
    margin-left:18px;
    list-style:none;
    padding:0;
    }

    .topMenu ul.sub li:hover {
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sit10.png) no-repeat 0 0;
    vertical-align:middle;
    }

    .topMenu ul.sub ul.more_sub li:hover {
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sme11.png) no-repeat 0 0;
    }

    .topMenu ul.sub .more_sub
    li {
    background-image:none;
    overflow:hidden;
    }

    .topMenu .more_down,.topMenu .more_right {
    width:9px;
    height:31px;
    vertical-align:middle;
    margin:0;
    }

    .topMenu .more_down {
    background:url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sit10.gif) no-repeat left 0;
    margin-top:1px;
    }

    .topMenu .more_right {
    background:url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sit11.gif) no-repeat left 0;
    margin-top:1px;
    }



    .topMenu td {
    height:31px;
    background-color:transparent;
    margin-right:0;
    vertical-align:middle;
    }

    .topMenu a,.topMenu b {
    height:31px;
    line-height:31px;
    }

    .subMenusContainer .subMenuOvr .subMenuInfoKeeper a,.subMenusContainer .subMenuOvr .subMenuInfoKeeper a:link,.subMenusContainer .subMenuOvr .subMenuInfoKeeper a:visited,.subMenusContainer .subMenuOvr .subMenuInfoKeeper a:active {
    font-size:18px;
    }

    td.sys_page_header {
    max-width:680px;
    white-space:nowrap;
    overflow:hidden;
    padding:0 10px;
    }

    .topMenu a,.topMenu a:link,.topMenu a:visited,.topMenu
    b {
    display:block;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_ite10.png) no-repeat scroll 0;
    text-transform:capitalize;
    text-decoration:none;
    color:#666;
    font-weight:400;
    border-width:0;
    margin:0;
    padding:0 0 0 5px;
    }


    .topMenu td#tm_active a.top_link,.topMenu td#tm_active a.top_link:link,.topMenu td#tm_active a.top_link:visited,.topMenu td#tm_active a.top_link:active {
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_ite11.png) no-repeat scroll 0;
    color:#333;
    }

    .topMenu td.top:hover a.top_link,.topMenu td.top:hover a.top_link:link,.topMenu td.top:hover a.top_link:visited,.topMenu td.top:hover a.top_link:active {
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_ite12.png) no-repeat scroll 0;
    }



    .topMenu a span.down,.topMenu b
    span.down {
    display:block;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_ite15.png) no-repeat scroll right top;
    text-align:center;
    cursor:pointer;
    padding:0 5px 0 0;
    }

    .topMenu a span.down img,.topMenu b span.down
    img {
    width:16px;
    height:16px;
    vertical-align:middle;
    margin:8px auto 7px;
    }

    .topMenu ul.sub li
    a.button {
    width:160px;
    height:33px;
    padding-left:0;
    background-image:none;
    text-align:left;
    font-size:12px;
    color:#666;
    cursor:pointer;
    overflow:hidden;
    margin:0 0 0 20px;
    }

    .more_down_tab_noimg {
    width:30px;
    float:left;
    cursor:pointer;
    text-align:center;
    }

    .topMenu .sub a.more_top_element.active,.topMenu .sub
    a.more_ntop_element.active {
    color:#333;
    font-weight:700;
    }

    .topMenu .top ul.sub
    .li_last_round {
    height:3px;
    position:absolute;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sme12.png) no-repeat scroll left top;
    line-height:0;
    font-size:0;
    }

    .topMenu .top ul.sub .li_last_round:hover {
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sme13.png) no-repeat scroll left top;
    }


    .subMenu
    .subMenuContainer {
    width:100%;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_cm_10.png) repeat-x scroll;
    height:38px;
    text-transform:capitalize;
    }

    .subMenu
    .subMenuContainerEmpty {
    width:100%;
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_cm_11.png) repeat-x scroll;
    height:20px;
    }

    .subMenuOvr {
    margin-left:0;
    position:relative;
    }

    .subMenu
    table {
    margin-left:0;
    }

    .subMenu table td.usual div,.subMenu table td.tabbed
    div {
    height:36px;
    line-height:35px;
    display:block;
    float:left;
    overflow:hidden;
    }

    .subMenu table td.usual
    div {
    margin-top:4px;
    }

    .subMenu table td.tabbed
    div {
    font-size:14px;
    color:#333;
    }

    .subMenu table td.divider
    div {
    display:block;
    height:34px;
    margin-top:5px;
    }

    .subMenu table a.sublinks,.subMenu table a.sublinks:link,.subMenu table a.sublinks:visited {
    color:#666;
    display:block;
    height:32px;
    font-weight:400;
    text-decoration:none;
    margin:0;
    padding:0 8px;
    }

    .subMenu table a.sublinks:hover,.subMenu table a.sublinks:active {
    color:#333;
    background-color:#FFF;
    }

    div.sys_tm_title_addon {
    height:61px;
    margin-top:10px;
    }

    div.sys_tm_actions {
    height:39px;
    margin-top:5px;
    position:relative;
    float:right;
    }

    div.sys_tm_actions
    div.input_wrapper {
    padding:0;
    }

    .subMenuOvr .sys_tm_actions .button_wrapper,.subMenuOvr .sys_tm_actions
    .button_wrapper_close {
    background-image:url(http://i72.servimg.com/u/f72/18/14/31/12/nl10.png);
    }

    .subMenuOvr .sys_tm_actions
    .button_wrapper {
    margin-right:4px;
    }

    .subMenuOvr .sys_tm_actions
    .button_wrapper_close {
    right:-4px;
    }

    .subMenuOvr .sys_tm_actions input[type=submit],.subMenuOvr .sys_tm_actions
    input.submit {
    min-width:98px;
    width:98px;
    background-image:none;
    font-size:18px;
    font-weight:700;
    padding:7px 6px 32px;
    }

    .subMenuOvr .sys_tm_actions .button_wrapper,.subMenuOvr .sys_tm_actions .button_wrapper input,.subMenuOvr .sys_tm_actions
    .button_wrapper_close {
    cursor:pointer;
    height:39px;
    background-color:transparent;
    }

    .sys_tm_actions
    .bigJoinButton {
    color:#900;
    }

    .sys_tm_actions
    .bigLoginButton {
    color:#090;
    }

    div.subMenusContainer {
    border:0;
    margin:0 auto;
    }

    #gse_search {
    background:transparent url(http://i72.servimg.com/u/f72/18/14/31/12/tm_sit11.png) no-repeat scroll center;
    height:33px;
    }

    #gse_search input {
    width:145px;
    height:15px;
    padding-top:3px;
    border:none;
    background:transparent;
    font-size:11px;
    margin:7px 10px 0 30px;
    }



    .button_wrapper:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover,input.submit:hover,input.button:hover,input.reset:hover {
    background-position:0 -50px;
    }

    .button_wrapper:active,input[type=submit]:active,input[type=button]:active,input[type=reset]:active,input.submit:active,input.button:active,input.reset:active {
    background-position:0 -100px;
    }

    .topMenu a:hover,.topMenu a:active,.topMenu .sub a.more_ntop_element:hover {
    color:#333;
    }

    .topMenu td.top:hover a span.down,.topMenu td.top:hover b
    span.down,.topMenu td.top a:hover a span.down,.topMenu td.top a:hover b
    span.down,.topMenu td#tm_active a
    span.down {
    background-image:url(http://www.skinnaked.com//templates/base/images/tm_item_right_act.png);
    }


    /*---CHATBOX---*/
    #chatbox p {
    float: left;
    width: 98%;
    line-height: 1.2em;
    background: none;
    position: relative;
    padding-left: 10px;
    }
    .chatbox_row_1 .date-and-time {
    right: 10px;
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    top: 15px;
    background: #ddd;
    padding: 2px;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 2px;
    visibility: hidden;
    }
    .chatbox_row_2 .date-and-time {
    left: 20px;
    font-size: 10px;
    font-family: Arial,Helvetica,sans-serif;
    position: absolute;
    top: 15px;
    background: #ddd;
    padding: 2px;
    display: inline-block;
    border: 1px solid #aaa;
    border-radius: 2px;
    visibility: hidden;
    }
    p:hover .date-and-time {
    visibility: visible;
    }
    #chatbox .user {
    display: table-cell;
    font-size: 0px !important;
    }
    .chatbox_row_1 .user {
    margin-right: 20px;
    float: left;
    }
    #chatbox .user a {
    font-size: 12px;
    text-decoration: none;
    }
    .msg {
    padding: 5px;
    border: 1px solid #D8DEC2;
    display: table-cell;
    border-radius: 3px;
    max-width: 500px;
    background: #F7FFD4;
    font: 12px/1.5 Arial,Helvetica,sans-serif;
      position: relative;
    }
    .msg span {
    color: #555 !important;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    }
    .chatbox_row_1 .msg::before {
    position: absolute;
    content: '';
    left: -12px;
    width: 16px;
    height: 16px;
    background: transparent url("http://mail.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr-26061.png") no-repeat 0 -326px;
    top: 0;
    }
    .chatbox_row_2 .msg::after {
    right: -11px;
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    background: transparent url("http://mail.yimg.com/ok/u/assets/sprite/default/16x16/opis-mode-ltr-26061.png") no-repeat 0 -295px;
    top: 0;
    }
    .chatbox_row_1 .user-msg {
    float: left;
    }
    .chatbox_row_2 .user-msg {
    float: right;
    }
    .chatbox_row_2 .user, .chatbox_row_2 .msg {
    float: right;
    }
    .chatbox_row_2 .msg {
    background: #fff;
    margin-right: 15px;
    margin-left: 0;
    }
    .chatbox_row_1 > span.genmed > span:first-of-type, .chatbox_row_2 > span.genmed > span:first-of-type {
    display: none;
    }



    .chatbox-title, .chatbox-title a.chat-title {
    color: #454545;
    text-decoration: none;
    }

    .chatbox-options li, .chatbox-options li a, .chatbox-options li label {
    color: #454545;
    }



    input.button1, input.button2, button.button2, #main-content a.cgu-buttons {
    border: 1px solid #afafaf;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
      -moz-box-shadow: 1px 3px 0px #afafaf;
      -webkit-box-shadow: 1px 3px 0px #afafaf;
    }




    .chatbox_row_2 .msg img{
    max-width: 50px;
    max-height: 50px;
    }

    .chatbox_row_1 .msg img{
    max-width: 50px;
    max-height: 50px;
    }
    .chatbox_row_2 .msg img{
    max-width: 50px;
    max-height: 50px;
    }
    .chatbox_row_2 .msg img{
    max-width: 50px;
    max-height: 50px;
    }



    .chatbox_row_1:hover,.chatbox_row_2:hover {
    -webkit-box-shadow:#DCDCDC 0 0 4px;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:5px;
    box-shadow:#DCDCDC 0 0 3px;
    background-color:#FFF;
    margin:5px;
    }

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

    #active_starters,#most_active,#pun-visit,#users_month,#users_week,#tooltip .header {
    display:none;
    }


    #chatbox_messenger_form {
    -webkit-box-shadow:#D4D4D4 0 0 4px;
    background-color:#FFF;
    border-bottom:0;
    border-left:1px solid #C9C9C9;
    border-radius:5px 5px 0 0;
    border-right:1px solid #C9C9C9;
    border-top:1px solid #C9C9C9;
    bottom:0;
    box-shadow:#C6C6C6 0 0 4px;
    height:30px;
    left:0;
    margin-left:auto;
    margin-right:auto;
    position:fixed;
    right:0;
    width:100%;
    z-index:999;
    float:none;
    background:rgba(250,250,250,0.79);
    }

    label input#message {
    background-color:#FFF;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:3px;
    font-size:12px;
    width: 625px;
    padding: 10px;
    }
    #divbold,#divcolor,#divitalic,#divsmilies,#divstrike,#divunderline {
    background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x #FFF;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:3px;
    }

    .fontbutton {
    border:0;
    }

    .fontbutton_normal {
    background:#E1E1E2;
    }

    input#submit_button:hover {
    background:url(http://i25.servimg.com/u/f25/14/45/99/41/hover10.jpg) repeat-x;
    border:1px solid #A2A2A2;
    border-image:initial;
    color:#2C2C2C;
    }

    input#submit_button {
    background:url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x #000000;
    border:1px solid #C9C9C9;
    border-image:initial;
    border-radius:3px;
    color:#929292;
    cursor:pointer;
    font-size:12px;
    padding-left:2px;
    padding-right:2px;
    text-transform:uppercase;
    }

    #chatbox_header.main-head {
    background-color: #FFFFFF;
    color:#DEDFDF;
    padding:0 1.3em;
    }

    #chatbox_members {
    background-color: #615E5E;
    color:#FFF;
    font-family:Tahoma;
    font-size:12px;
    text-align:center;
    background-color:#FFF;
    padding:.5em .25em;

    }








    /*! fancyBox v2.1.0 fancyapps.com | fancyapps.com/fancybox/#license */
    .fancybox-wrap,
    .fancybox-skin,
    .fancybox-outer,
    .fancybox-inner,
    .fancybox-image,
    .fancybox-wrap iframe,
    .fancybox-wrap object,
    .fancybox-nav,
    .fancybox-nav span,
    .fancybox-tmp
    {
       padding: 0;
       margin: 0;
       border: 0;
       outline: none;
       vertical-align: top;
    }

    .fancybox-wrap {
       position: absolute;
       top: 0;
       left: 0;
       z-index: 999;
    }

    .fancybox-skin {
       position: relative;
       background: #f9f9f9;
       color: #444;
       text-shadow: none;
       -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
               border-radius: 4px;
    }

    .fancybox-opened {
       z-index: 999;
    }

    .fancybox-opened .fancybox-skin {
       -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
               box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    }

    .fancybox-outer, .fancybox-inner {
       position: relative;
    }

    .fancybox-inner {
       overflow: hidden;
    }

    .fancybox-type-iframe .fancybox-inner {
       -webkit-overflow-scrolling: touch;
    }

    .fancybox-error {
       color: #444;
       font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
       margin: 0;
       padding: 15px;
       white-space: nowrap;
    }

    .fancybox-image, .fancybox-iframe {
       display: block;
       width: 100%;
       height: 100%;
    }

    .fancybox-image {
       max-width: 100%;
       max-height: 100%;
    }

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
       background-image: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/fancybox_sprite.png');
    }

    #fancybox-loading {
       position: fixed;
       top: 50%;
       left: 50%;
       margin-top: -22px;
       margin-left: -22px;
       background-position: 0 -108px;
       opacity: 0.8;
       cursor: pointer;
       z-index: 999;
    }

    #fancybox-loading div {
       width: 44px;
       height: 44px;
       background: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/fancybox_loading.gif') center center no-repeat;
    }

    .fancybox-close {
       position: absolute;
       top: -18px;
       right: -18px;
       width: 36px;
       height: 36px;
       cursor: pointer;
       z-index: 999;
    }

    .fancybox-nav {
       position: absolute;
       top: 0;
       width: 40%;
       height: 100%;
       cursor: pointer;
       text-decoration: none;
       background: transparent url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/blank.gif'); /* helps IE */
       -webkit-tap-highlight-color: rgba(0,0,0,0);
       z-index: 999;
    }

    .fancybox-prev {
       left: 0;
    }

    .fancybox-next {
       right: 0;
    }

    .fancybox-nav span {
       position: absolute;
       top: 50%;
       width: 36px;
       height: 34px;
       margin-top: -18px;
       cursor: pointer;
       z-index: 999;
       visibility: hidden;
    }

    .fancybox-prev span {
       left: 10px;
       background-position: 0 -36px;
    }

    .fancybox-next span {
       right: 10px;
       background-position: 0 -72px;
    }

    .fancybox-nav:hover span {
       visibility: visible;
    }

    .fancybox-tmp {
       position: absolute;
       top: -9999px;
       left: -9999px;
       visibility: hidden;
    }

    /* Overlay helper */

    .fancybox-lock {
       overflow: hidden;
    }

    .fancybox-overlay {
       position: absolute;
       top: 0;
       left: 0;
       overflow: hidden;
       display: none;
       z-index: 999;
       background: rgba(5, 5, 5, 0.67);
    }

    .fancybox-overlay-fixed {
       position: fixed;
       bottom: 0;
       right: 0;
    }

    .fancybox-lock .fancybox-overlay {
       overflow: auto;
       overflow-y: scroll;
    }

    /* Title helper */

    .fancybox-title {
       visibility: hidden;
       font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
       position: relative;
       text-shadow: none;
       z-index: 999;
    }

    .fancybox-opened .fancybox-title {
       visibility: visible;
    }

    .fancybox-title-float-wrap {
       position: absolute;
       bottom: 0;
       right: 50%;
       margin-bottom: -35px;
       z-index: 999;
       text-align: center;
    }

    .fancybox-title-float-wrap .child {
       display: inline-block;
       margin-right: -100%;
       padding: 2px 20px;
       background: transparent; /* Fallback for web browsers that doesn't support RGBa */
       background: rgba(0, 0, 0, 0.8);
       -webkit-border-radius: 15px;
          -moz-border-radius: 15px;
               border-radius: 15px;
       text-shadow: 0 1px 2px #222;
       color: #FFF;
       font-weight: bold;
       line-height: 24px;
       white-space: nowrap;
    }

    .fancybox-title-outside-wrap {
       position: relative;
       margin-top: 10px;
       color: #fff;
    }

    .fancybox-title-inside-wrap {
       padding-top: 10px;
    }

    .fancybox-title-over-wrap {
       position: absolute;
       bottom: 0;
       left: 0;
       color: #fff;
       padding: 10px;
       background: #000;
       background: rgba(0, 0, 0, .8);
    }

    .resizebox, .resizebox .resize_content, .resizebox .resize_border, .resizebox .resize_filler {display: none !important;}
    a.fancybox img {cursor: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/default/zoomin.cur'), pointer !important;max-width: 500px;}
    #fancybox-overlay {cursor: url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/default/zoomout.cur'), pointer !important;}
    a.fancybox .iconPlayer {background:url('http://scripts-giobanii.googlecode.com/svn/trunk/css/images/play-overlay.png') no-repeat scroll center center transparent;opacity:0.8;z-index:99;padding:40px !important;bottom: 150px;position: absolute;right: 200px;}
    .post-entry div a.fancybox .iconPlayer {bottom: -20px;}
    .post-entry .entry-content a.fancybox .iconPlayer {bottom: 150px;}

    /*-- Bloque LogIn facyBox --*/
    .login-box-fancybox {height: 145px; border-left-color: rgb(0, 0, 0); border-right-color: rgb(0, 0, 0); background-color: transparent; padding: 10px 20px 0; overflow: auto; width: 310px;}
    .login-box-fancybox-content{width: 310px; height: 126px; background: none repeat scroll 0% 0% transparent;}
    .login-form-fancybox {background: url("http://2img.net/i/bl/logo.png") no-repeat scroll left center transparent;margin: 0 auto;padding: 20px 0 0 60px;width: 250px;}
    .login-form-fancybox label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
    .login-form-fancybox label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;font-size: 12px;text-align: right;}
    .login-form-fancybox input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
    .login-form-fancybox input.submit {padding: 3px 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;font-size: 15px;border: 1px solid #CCCCCC;float: right;height: auto;width: auto;}
    .login-form-fancybox input.submit:hover, .login-form-fancybox input.submit:focus {cursor:pointer;}
    .login-form-fancybox input.submit:active, .login-box-fancybox .rpass a:active {position:relative; top: 1px;}
    .login-box-fancybox .rpass a {text-decoration: none;}
    .login-box-fancybox .rpass {text-align: right;background: url("http://scripts-giobanii.googlecode.com/svn/trunk/css/images/user_key.png") no-repeat scroll left top transparent;float: right;height: 16px;margin: -1px auto 0;padding: 2px 0 0 12px;width: 150px;}
    /*-- Bloque LogIn facyBox --*/





    .warning2, .lock2, .yes2, .tag2, .move2, .ban2, .tum2 {
        font-family: 'Lobster';
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        border-radius: 10px;
        margin: 10px auto;
        padding: 15px 10px 15px 70px;
        background-repeat: no-repeat;
        background-position: 10px center;
        background-color: transparent;
        width: 90%;
    }

    .warning2 {
        border: 1px solid red;
        box-shadow: 1px 1px 10px red;
        color: red;
        background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/error10.png');
    }

    .lock2 {
        border: 1px solid blue;
        box-shadow: 1px 1px 10px blue;
        color: blue;
        background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/lock10.png');
    }

    .yes2 {
        border: 1px solid green;
        box-shadow: 1px 1px 10px green;
        color: green;
        background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/accept11.png');
    }

    .tag2 {
        border: 1px solid orange;
        box-shadow: 1px 1px 10px orange;
        color: orange;
        background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/link_a10.png');
    }

    .move2 {
        border: 1px solid indigo;
        box-shadow: 1px 1px 10px indigo;
        color: indigo;
        background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/page_w10.png');
    }

    .ban2 {
        border: 1px solid #000;
        box-shadow: 1px 1px 10px #000;
        color: #000;
        background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/set_se10.png');
    }

    .tum2 {
        border: 1px solid brown;
        box-shadow: 1px 1px 10px brown;
        color: brown;
        background-image: url('http://i47.servimg.com/u/f47/16/97/26/79/thumb_10.png');
    }







    .codebox {
    background: #E7E6E6;
    border: 1px solid #BDBDBD;
    box-shadow: 0px 2px 10px #D6D6D6;
    margin: 1em;
    }
    .codebox dt {
    border-bottom: 4px solid #252525;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px #F3F3F3;
    }
    .codebox.spoiler dd, .codebox dd.cont_code {
    background: #F0F0F0;
    border: 1px solid lightGrey;
    }







    /* Tooltip */
    #tooltip .tiplFMvi{border-bottom:1px dashed;margin-bottom:5px;padding-bottom:5px}
    #tooltip{background-color:#FFF;border:1px solid #DDD;border-radius:3px 3px 3px 3px;box-shadow:2px 2px 3px #746E6E;color:#131313;max-width:550px;padding:15px 20px;position:absolute;z-index:999}






    Trả lời nhanh
  • avatar
    Tim rơi lệ

    Bài gửi 2/3/2013, 12:13 pm Tim rơi lệ

    xem

    Trả lời nhanh
  • Thiện Pk
    Thiện Pk

    Bài gửi 2/3/2013, 12:13 pm Thiện Pk

    xem

    Trả lời nhanh
  • Cùi Mía
    Cùi Mía

    Bài gửi 2/3/2013, 12:13 pm Cùi Mía

    :1:

    Trả lời nhanh
  • nh0zk0j
    nh0zk0j

    Bài gửi 2/3/2013, 12:21 pm nh0zk0j

    Xem thử nhé :))

    Trả lời nhanh
  • honghoavi
    honghoavi

    Bài gửi 2/3/2013, 12:36 pm honghoavi

    ok có rồi :D

    Trả lời nhanh
  • trunglunt
    trunglunt

    Bài gửi 2/3/2013, 12:40 pm trunglunt

    xen

    Trả lời nhanh
  • baotranno123
    baotranno123

    Bài gửi 2/3/2013, 12:42 pm baotranno123

    xem

    Trả lời nhanh
  • omgomo
    omgomo

    Bài gửi 2/3/2013, 12:45 pm omgomo

    đã đã

    Trả lời nhanh
  • mixa
    mixa

    Bài gửi 2/3/2013, 12:56 pm mixa

    thank u

    Trả lời nhanh
  • NhocPro9x
    NhocPro9x

    Bài gửi 2/3/2013, 12:57 pm NhocPro9x

    :1:

    Trả lời nhanh
  • ebtesam
    ebtesam

    Bài gửi 2/3/2013, 1:02 pm ebtesam

    xem

    Trả lời nhanh
  • Sponsored content

    Bài gửi Sponsored content

    Trả lời nhanh

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang Thông điệp [Trang 1 trong tổng số 30 trang]

Chuyển đến trang : 1, 2, 3 ... 15 ... 30  Next

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » [Skin] hotrofm 2/3/2013

Permissions in this forum:
Bạn không có quyền trả lời bài viết