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

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

Admin
  • Administrator

Admin

Administrator


Admin

Admin
loading...

demo online: http://hotro70.forumvi.com/

body

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

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

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

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

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="main-head"><div class="page-title"><h2>Your first category</h2></div></div>
   <div class="main-content">
      <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

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

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

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE} : 
         {CHATTERS_LIST}<br />
         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

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

{CHATBOX_BOTTOM}

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

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script 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 -->


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></div></div>
<div class="main_footer">
</div>
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');
         if(pm != null) { 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}');
         if(report != null) { 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" dav"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 id="header" class="floatcontainer doc_header">


<div class="main_top"></div>
<div class="main_bg">
<div id="headerBox">
<div class="headerWrap">
<!-- $Id: NNT $ -->
             <center><object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj3" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="949" height="210">
   <param name="movie" value="http://angelran.net/nnt/noel/ice/nnt.swf">
   <param name="quality" value="High">
   <embed src="http://angelran.net/nnt/noel/ice/nnt.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj3" width="949" height="210" quality="High"></object>
   </center>
<!-- $Id: NNT $ -->
<div class="bannerBox"> </div>
</div>
</div>
<br>
</div>
</div>
 

 
         
  <div class="body_wrapper">                       
  <br>
            <br><br><br> 
   <div class="minwidth_IE">
      <div class="layout_IE">
         <div class="container_IE">
            <div class="pun">
               
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

               <!-- BEGIN switch_ticker_new -->
               <div id="fa_ticker_block" dav"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" dav"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" dav"padding-top:4px;">
                  <div class="module main">
                     <div class="main-content clearfix">
                        <div id="fa_ticker_container">
                           <div id="fa_ticker" dav"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 dav"height:{SPACE_ROW}px"></div>
                                    <!-- END saut -->
                                    <!-- END giefmod_index1 -->
                                 </div>
                                 <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 -->


css


Code:
.main .main-head {
background: url("http://angelran.net/nnt/noel/ice/head.png") no-repeat scroll center top rgba(0, 0, 0, 0);
border: 1px solid #33CCFF;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {

color: black;
}

#stats , #onlinelist {

background: url("http://angelran.net/nnt/noel/ice/gradient.png") repeat-x scroll left bottom #FFFFFF;
}

.pun table.table th {

background: url("http://angelran.net/nnt/noel/ice/head.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}
.pun table.table td {
padding-left: 3.4em;
border-collapse: collapse;
empty-cells: show;
table-layout: fixed;
width: 100%;
background: url("http://angelran.net/nnt/noel/ice/gradient.png") repeat-x scroll left bottom #FFFFFF;
}

.body_wrapper {
background: url("http://angelran.net/nnt/noel/ice/bg2.png") repeat-y scroll center top rgba(0, 0, 0, 0);
padding: 10px 40px;
}
/* NNT */

.headerMain {
    height: 255px;
    position: relative;
    width: 100%;
}


.below_body {
    background: url("http://angelran.net/nnt/noel/ice/bg2.png") repeat-y scroll center top rgba(0, 0, 0, 0);
    width: 100%;
}
.main_footer {
    background: url("http://angelran.net/nnt/noel/ice/bottom.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 55px;
}

.topBar {
    background: url("http://angelran.net/nnt/noel/ice/top.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
    height: 37px;
    margin-bottom: 219px;
}

.loginBox {
    clear: right;
    float: left;
    padding-left: 7px;
}

.toplinks {
    color: #0000CC;
    font: bold 14px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
    left: 20px;
    position: absolute;
    text-align: right;
    top: 0;
}


.navbar {
    background: url("http://angelran.net/nnt/noel/ice/navba.gif") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #0000FF;
    font: bold 12px Arial,Calibri,Verdana,Geneva,sans-serif;
    height: 60px;
    margin: 0 auto;
    position: relative;
    width: 948px;
}

.main_top {
    background: url("http://angelran.net/nnt/noel/ice/main.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 55px;
    width: 100%;
}

.main_bg {
    background: url("http://angelran.net/nnt/noel/ice/bg2.png") repeat-y scroll center top rgba(0, 0, 0, 0);
    width: 100%;
}

#headerBox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 163px;
}

.headerWrap {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 163px;
}

.doc_header {
   border:  ;
   color:#a8a8a8;
   font:normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
   position:relative;
   min-height:35px;
}
.doc_header a { color:; }
.doc_header a:hover { color:; }
.doc_header hr { display: none; }
.logo-image {
        float: left;
        clear: right;
        min-height: 2em;
        height: auto !important;
        padding:    ;
}

.toplinks {
   position:absolute;
   right:20px;
   top:0;
   color:#ffffff;
   font: normal normal normal 11px Arial, Tahoma, Calibri, Verdana, Geneva, sans-serif;
   text-align:right;
   background: none  ;
}

.toplinks ul.isuser li#fb_headerbox.hidden,
.toplinks ul.nouser li#fb_headerbox.hidden {
   display: none;
}
.toplinks ul.isuser li#fb_headerbox a,
.toplinks ul.nouser li#fb_headerbox a {
   padding-top: 0;
   background: none;
   cursor: pointer;
}
   li#fb_headerbox a#fb_link {
      position: relative;
   }
   li#fb_headerbox a#fb_link #fb_squarepic{
      position:absolute;
      right:-6px;
      top:5px;
      z-index:1;
      border:1px solid #B3CCE7;
      padding:1px;
   }
   li#fb_headerbox a#fb_link #fb_icon{
      position:absolute;
      right:10px;
      top:1px;
      z-index:2;
   }

.toplinks ul.isuser, .toplinks ul.nouser {
   display:block;
   float: right;
   clear: left;
   list-style: none;
}


.toplinks ul.isuser li {
    clear: left;
    color: #A8A8A8;
    display: inline;
    float: right;
    margin-top: 6px;
    padding-right: 10px;
    position: relative;
text-shadow: 1px 1px 1px #FFFFFF;
}

.toplinks ul.isuser .popupbody li {
   display:block;
   float: none;
   clear: none;
   padding:0;
   margin:0;
}


.toplinks ul.isuser li.welcomelink {
    clear: left;
    color: #000000;
    display: block;
    float: right;
    margin-top: 6px;
    padding: 3px 4px;
}

.toplinks ul.isuser li.logoutlink {
   top: 0;
}


.toplinks ul.isuser li a {
    color: #0000CC;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 4px;
}

.toplinks ul.isuser li li a {
   float: none;
   margin-left: 0;
}

.toplinks ul.isuser li.welcomelink a {
   display:inline;
   float: none;
   clear: none;
   margin-left: 0;
}


.toplinks ul.isuser li a:hover {
    color: #000000;
    padding: 3px 4px;
}
.toplinks ul.nouser li {
   display:inline;
}

.toplinks ul.nouser li a {
   display: block;
   float: right;
   clear: left;
   color:#ffffff;
   position: relative;
   padding: 6px 10px 0 10px;
   
   height:20px;
   font-weight:bold;
   font-size:12px;
   margin-right: 10px;
}

.toplinks ul.nouser li a:hover {
   
   color:rgb(255, 255, 255);
}

.toplinks ul.isuser li.popupmenu, .toplinks ul.isuser .notifications, .toplinks ul.isuser .nonotifications  {
   color: #000000;
   position: relative;
}

.toplinks ul.isuser li.popupmenu ul li {
   position: relative;
   top: 0;
   margin: 0;
   text-align: left;
}

.toplinks ul.isuser .notifications .popupbody {
   background: #7192A8;
   border: 1px solid #7192A8; /* makes it look consistent with the popup background */
}

.toplinks ul.isuser .notifications .popupbody li a{
   color: #000000;
   background:#FFFFFF none  ;
   padding: 0 5px;
   font-weight: normal;
   border-top:1px solid #7192A8; /* makes it look consistent with the popup background */
   text-align: left;
   padding-left: 30px;
   line-height: 26px;
}

.toplinks ul.isuser .notifications .popupbody li a span {
   position: absolute;
   line-height: 26px;
   left: 5px;
}

.toplinks ul.isuser .notifications .popupbody li a:hover {
   color: #000000;
   background:#FFEB90 none  ;
   text-decoration: underline;
}

.toplinks form {
   min-width: 220px;
   display:block;
   margin-right: 10px;
   text-align: left;
   float: right;
   clear: left;
}


.toplinks .logindetails {
    height: 26px;
    padding: 0 10px;
    text-align: center;
}

.toplinks form input {
   margin: 3px 0 0;
   vertical-align: baseline;
   font-size: 11px;
   padding: 1px;
   border: 0;
}

.toplinks form input.textbox {
    box-shadow: 0 0 3px #3399FF inset;
    color: #000000;
padding: 4px;
}


.toplinks form input.default-value {
    color: #3399FF;
}

.toplinks .remember {
display:none;
   margin: -3.3333333333333px 0 0 20px;
   font-size: 10px;
   color: #FFFFFF;
}

.toplinks .remember input {
   vertical-align: baseline;
}

.toplinks ul.isuser .notifications .popupbody li{
   border-top:1px solid #7192A8;
}

.cb_cookieuser_navbar{
   position: relative;
   top: 2px;
}

.notifications a.popupctrl:link, .notifications a.popupctrl:visited,
.toplinks a:link, .toplinks a:visited {
   color: #ffffff;
   text-decoration:none;
}

.notifications {
   font-size:11px;
   color: #ffffff;
   -moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px;
   border-bottom-right-radius: 5px;

}

.notifications a {
   text-decoration:none;
}

.notifications .popupbody {
   color:#000000;
   background: #FFFFFF none  ;
}

.header hr,
.header h2 {
   display:none;
}

/*************************************************/
/* NAVBAR */

.navbar {
   position:relative;
   height: 53px;
   background:#2f4456 none  ;
   margin:10px 0px 0px 0px;
   color:rgb(255, 255, 255);
   font:  11px Arial, Calibri, Verdana, Geneva, sans-serif;
   border:0px solid rgb(255, 255, 255);
   -moz-border-radius-bottomleft:5px;
   -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-left-radius:5px;
   -webkit-border-bottom-right-radius:5px;
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
}
.navbar a { color:rgb(255, 255, 255); }
.navbar a:hover { color:rgb(255, 255, 255); }

.navtabs {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 26px;
    padding: 0 0 0 20px;
}

.navtabs li:first-child {

}

.navtabs ul {
/*   height: 26px; */
   position:absolute;
   top:26px;
   left:0px;
   width:100%;
   
   margin-right:-80px;
/* This is to fix RTL menu issue under Opera */
   direction:ltr;
}

.navtabs li {
   float:left;

}

.navtabs ul li:first-child {
   margin-left: 20px;
   border-left: 0;
}

#navtabs .popupmenu ul li:first-child {
   margin-left: 0px;
}

.navtabs ul li {
   border-right: 0;
   position: relative;
}

.navtabs li a {
   height:26px;
   line-height:26px;
   padding:0 10px;
}


.navtabs li a.navtab {
    color: #000000;
    display: block;
    font: bold 12px/26px Arial,Calibri,Verdana,Geneva,sans-serif;
    min-width: 60px;
    text-align: center;
    text-decoration: none;
    width: auto !important;
}

.navtabs li a.navtab:hover {

   color: blue;
}

.navtabs li.selected {
   height:26px;
   color:#000000;
}

.navtabs li.selected a.navtab {
    background: url("http://angelran.net/nnt/noel/hover.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    color: #0000FF;
    min-width: 74px;
    padding-top: 4px;
    position: relative;
    text-shadow: 1px 1px 0 #FFFFFF;
    top: -4px;
    z-index: 10;
}

.navtabs li.selected li a,
.navbar_advanced_search li a {
   text-decoration:none;
   font:  11px Arial, Calibri, Verdana, Geneva, sans-serif;
   line-height: 26px;
}


.navtabs li.selected li a {
    color: #3399FF;
    padding: 2px 5px;
}

.navtabs li.selected ul.popupbody a {
    line-height: 26px;
}

.navbar_advanced_search li {
   height: 26px;
   display:block;
   clear:both;
}

.navbar_advanced_search li a {
   color:rgb(255, 255, 255);
}

.navbar_advanced_search li a:hover {
   color:rgb(255, 255, 255);
   text-decoration:underline;
}


.navtabs li.selected li a:hover {
    color: #0000FF;
    text-decoration: none;
}

.navtabs li.selected .popupbody li a {
   text-indent: 0;
   color: #000000;
   background: #FFFFFF none  ;
   padding:0px 10px;
}

.navtabs li.selected .popupbody li a:hover {
   color: #000000;
   background: #FFEB90 none  ;
}


.navtabs li.selected li a.popupctrl {
    background: url("images/misc/arrow.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    color: #3399FF;
    padding-right: 15px;
}

.toplinks .notifications a.popupctrl {   
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 15px;
   background: #7192A8 url(images/misc/arrow.png) right center no-repeat ;
   -moz-border-radius-bottomleft: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius:5px;
   -webkit-border-bottom-left-radius: 5px;
   border-bottom-right-radius:5px;
   border-bottom-left-radius: 5px;
}

.toplinks .nonotifications a.popupctrl {
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 15px;
   background: transparent url(images/misc/arrow.png) no-repeat right center;
}

.toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active , .toplinks .notifications a.popupctrl.active{
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 4px;
   padding-right: 15px;
   background: #7192A8 url(images/misc/arrow.png) no-repeat right center;
}

.toplinks .notifications a.popupctrl:hover {
   padding-top: 3px;
}

.navtabs li.selected li:hover a.popupctrl {
    color: #0000FF;
    text-decoration: none;
}

.navtabs li.selected li:hover a.popupctrl.active,
.navtabs li.selected li a.popupctrl.active {
   border-color:#7192A8;
   background-color:#7192A8;
   color:rgb(255, 255, 255);
   border-radius: 3px 3px 0px 0px;
   text-decoration:none;
}

.navtabs .popupbody {
   border: 1px solid #7192A8;
   background: #7192A8;
   width: auto;
}

.navtabs .popupbody li {
   float:none;
   border-top: 1px solid #7192A8;
}

#navtabs .popupmenu ul, #navtabs .popupmenu ul li a {
   height: auto;
}

.nonotifications div.popupbody {
   min-width: 170px;
   width: auto !important;
   width: 170px;
   background: #7192A8;
   border: 1px solid #7192A8;
}

.nonotifications .popupbody p {
   color: #000000;
   background: #FFFFFF none  ;
   text-align: left;
   border-top: 1px solid #7192A8;
   padding: 0;
   text-indent: 5px;
   line-height: 26px;
   display:block;
}

.toplinks .nonotifications .popupbody a {
   color: #000000;
   background: #FFFFFF none  ;
   float: none;
   clear: none;
   padding: 0 5px;
   margin-left: 0;
   text-align: left;
   line-height: 26px;
}

.toplinks .nonotifications .popupbody a:hover {
   color: #000000;
   background:#FFEB90 none  ;
   text-decoration: underline;
   padding: 0 5px;
}

.globalsearch {
   position:absolute;
   width:180px;
   right: 20px;
   top: 0px;
   float: right;
   clear: left;
   text-align:right;
   line-height: 1.0em;
   display:block;
}


.navbar_search {
    display: block;
    position: relative;
    right: 6px;
}

.navbar_search input {
   font-size: 11px;
   vertical-align:middle;
   padding: 1px;
   border:1px solid #6B91AB;
}

.globalsearch .textboxcontainer {
   height: 26px;
   display:inline-block;
   float: left;
   text-align:center;
}

.globalsearch .textboxcontainer span {


   display: inline-block;
   height: 22px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 3px;
   margin-bottom: 1px;
   width: 147px;
}

.globalsearch input.textbox {
   width: 120px;
}

.toplinks form input.loginbutton {
   font-size: 11px;
   padding: 0 5px;
   border:solid 1px rgb(65,93,141);
}

.globalsearch .buttoncontainer {
   height: 26px;
   display:inline-block;

   width: 25px;
   overflow: hidden;
   float: right;
}

.globalsearch .buttoncontainer span{


   height: 23px;
   padding-left: 4px;
   padding-top: 2.5px;
   display:inline-block;
}

.globalsearch .searchbutton {
   border: 0;
   padding: 0;
   width: 22px;
   margin-top: -2px;
   margin-left: -2px;
}



a:active, a:focus {
   outline: 0;
}

body a {
   color: #3399FF;
    text-decoration: none;
}
body a:hover,
body a:hover .time,
body a:hover .shade,
body a:hover .understate {
     color: #0000FF;
   text-decoration:underline;
}

body a.understate,
body a .understate {
   color:inherit;
   text-decoration:none;
   *clear:expression(style.color = parentNode.currentStyle.color, style.clear = "none", 0);
}

body {
background: url("http://angelran.net/nnt/noel/ice/bg1.jpg") repeat-x scroll center top #054AB2;
}

input,
textarea,
button,
select {
   font-family:Tahoma, Calibri, Verdana, Geneva, sans-serif;
}

.button {
   padding: 2.5px 5px;
   font:  bold 11px Tahoma, Calibri, Verdana, Geneva, sans-serif;
   border:1px solid #a8a8a8;
   color:#424242;
   background:#e9e9e9 url(images/gradients/generic_button.png) repeat-x top left;
   -moz-border-radius:0px;
   -webkit-border-radius:0px;
   border-radius:0px;
}

.button:hover {
   background: #efefef url(images/gradients/generic_button.png) repeat-x  ;
   color: #424242;
}

Trả lời nhanh


  • *๖ۣۜ Mr-๖ۣۜ Hải*
    *๖ۣۜ Mr-๖ۣۜ Hải*

    Bài gửi 24/11/2013, 7:06 am *๖ۣۜ Mr-๖ۣۜ Hải*

    Tem :D

    Trả lời nhanh
  • www.vn3s.net
    www.vn3s.net

    Bài gửi 24/11/2013, 8:17 am www.vn3s.net

    xấu quá a zai Khóc rồi nè

    Trả lời nhanh
  • *๖ۣۜ Mr-๖ۣۜ Hải*
    *๖ۣۜ Mr-๖ۣۜ Hải*

    Bài gửi 24/11/2013, 8:33 am *๖ۣۜ Mr-๖ۣۜ Hải*

    Ê Phạm Hà cho mượn acc yk đi :D zô xem ACP hotrofm cái Cười lăn lộn

    Trả lời nhanh
  • Bóng Ma trong Nhà Xác
    Bóng Ma trong Nhà Xác

    Bài gửi 24/11/2013, 9:53 am Bóng Ma trong Nhà Xác

    ko đẹp anh ơi

    Trả lời nhanh
  • www.vn3s.net
    www.vn3s.net

    Bài gửi 24/11/2013, 10:25 am www.vn3s.net

    *๖ۣۜ Mr-๖ۣۜ Hải* đã viết:Ê Phạm Hà cho mượn acc yk đi :D zô xem ACP hotrofm cái Cười lăn lộn
    vào ACP làm gì :)

    Trả lời nhanh
  • Bóng Ma trong Nhà Xác
    Bóng Ma trong Nhà Xác

    Bài gửi 24/11/2013, 10:30 am Bóng Ma trong Nhà Xác

    để hack [skin] http://angelran.net/ bản merry christmas 21013 3573983318

    Trả lời nhanh
  • www.vn3s.net
    www.vn3s.net

    Bài gửi 24/11/2013, 6:19 pm www.vn3s.net

    the_dav đã viết:hàng free chỉ dc thế thui :d muốn đẹp hơn theo ý mình thì bạn đầu tư thời gian vào làm cho nó đẹp :D
    :)

    Trả lời nhanh
  • www.vn3s.net
    www.vn3s.net

    Bài gửi 24/11/2013, 6:20 pm www.vn3s.net

    the_dav đã viết:hàng free chỉ dc thế thui :d muốn đẹp hơn theo ý mình thì bạn đầu tư thời gian vào làm cho nó đẹp :D
    :)

    Trả lời nhanh
  • ST.Kun
    ST.Kun

    Bài gửi 24/11/2013, 9:37 pm ST.Kun

    Vè chỉnh nav với box lại là đẹp chứ gì ::4: 

    Trả lời nhanh
  • TinPr0
    TinPr0

    Bài gửi 27/11/2013, 10:23 pm TinPr0

    :D

    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ố 1 trang]

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