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] graphics-vn skin thứ nhất

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]

ST.Kun
  • Designs

ST.Kun

Designs


ST.Kun
[Skin] graphics-vn skin thứ nhất Empty

[Skin] graphics-vn skin thứ nhất

on 04/04/2013

ST.Kun
loading...

demo http://graphics-vn1.forumvi.com/forum


[Skin] graphics-vn skin thứ nhất Oc0f10overall_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>
                           
      <li>
                     
                            </br>  <a title="graphics-vn." target="_blank" rel="nofollow" href="graphics-vn." class="copyright" name="bottom">@ <font color="green">EDIT</font>  by <font color="red">Tề Thiên</font></a><br>
    <a title="" target="_blank" rel="nofollow" href="" class="copyright" name="bottom"><font color="green"></font>  <font color="red"</font></a>
                                                      </li>
                      </ul>
                                              </ul>
                   
                  </div>
                  <br />
                  <p class="center">
                      <strong>{ADMIN_LINK}</strong>
                  </p>
                </div>
                {PROTECT_FOOTER}
            </div>
                   
                 
                   

              <div class="end"></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>




    <br>
 
 


index_body

Code:
 

{JAVASCRIPT}



<div class="main"><div class="main-head"><div class="page-title">
  <h2>Khu vực tán gẫu chung</h2>
  </div></div>
  <div class="main-content">
    <!-- BEGIN switch_user_logged_in -->
    <iframe width="940px" height="400px" frameborder="0" id="chatfmvi" onload="firstchatfmvi()" src="/chatbox/index.forum?archives=1" onerror="firstchatfmvi()" style="margin: 2px;">
    </iframe>
    <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_user_logged_out -->
    <div style="padding-top:50px;padding-bottom:50px;">
    <center>
     
            <span style="font-weight: bold;">
        <a href="/login">Bạn Cần Đăng Nhập Để Chém Gió</a>
      </span>
      ,
            <span style="font-weight: bold;">
              <a href="/register">Nếu Chưa Có Nick Thì Hãy Đăng Ký Tại Đây</a>
      </span>
    </center>
    </div>
 
      <!-- END switch_user_logged_out -->

  </div></div>
    <script type="text/javascript">function firstchatfmvi() {setTimeout(function () {if ($("#chatfmvi").contents().find("#chatbox_option_disco").css("display") == "none") {$("#chatfmvi")[0].contentWindow.CB_disconnect()}}, 1000);}</script>





<!-- 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 class="main">
 
<div class="main-head"><div class="page-title">
  <h2>Thống Kê</h2>
  </div></div>
 
  <div class="main-content">
         
    <br/>
<div style="padding-left:20px">
 
<img src="http://i37.servimg.com/u/f37/17/47/85/23/wall10.gif" /> {TOTAL_POSTS}
  </div>
            <br/>       
<div style="padding-left:20px">
 
 <img src="http://i36.servimg.com/u/f36/17/46/03/61/chart10.png" /> {TOTAL_USERS}
      </div>
    <br/>
<div style="padding-left:20px">
 
                <img src="http://i37.servimg.com/u/f37/17/47/85/23/profil10.gif" /> {NEWEST_USER}
      </div>   
    <br/>
  </div>  </div>


<div class="main">
  <div class="main-head"><div class="page-title">
  <h2>Tình Hình Hiện Tại</h2>
  </div></div>
  <div class="main-content">
         
    <div id="onlinelist" style="border-top: 0px dashed #FFF;">
        <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}</p>
        <div class="clear"></div>

        <p>Nhóm : {GROUP_LEGEND}</p>

      </div>
   
  </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 -->

index_box

Code:
<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table">
            <thead>
              <tr>
                  <th class="tcl"></th>
                  <th class="tc2">{L_TOPICS}</th>
                  <th class="tc3">{L_POSTS}</th>
                  <th class="tcr">{L_LASTPOST}</th>
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">                                       
                  <b><font face="Times New Roman" size=3 style="text-shadow: 0px 0px 6px rgb(13, 219, 255), 0px 0px 5px rgb(13, 219, 255), 0px 0px 5px rgb(13, 219, 255);" color="#ffffff">{catrow.forumrow.FORUM_NAME}</font></b>           
         
                 


 </a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    <div id="smallrum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

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

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->








 

overall_header
Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
  <title>{SITENAME_TITLE}{PAGE_TITLE}</title>
  <meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
  <meta http-equiv="content-script-type" content="text/javascript" />
  <meta http-equiv="content-style-type" content="text/css" />
  <!-- BEGIN switch_compat_meta -->
  <meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />
  <!-- END switch_compat_meta -->
  <!-- BEGIN switch_canonical_url -->
  <link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />
  <!-- END switch_canonical_url -->
  {META_FAVICO}
  {META}
  {META_FB_LIKE}
  <meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
  {T_HEAD_STYLESHEET}
  {CSS}
  <link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
  <link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
  <script src="{JQUERY_PATH}" type="text/javascript"></script>
  <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

  <!-- BEGIN switch_fb_login -->
  <script src="http://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
  <script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
  <!-- END switch_fb_login -->

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

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

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

        case 'left':
            break;

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

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

        default:
            slid_vert = true;
      }

      $(document).ready(function() {

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

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

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

            if (slid_vert)
            {
              var height_max = h_perso;

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

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

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

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

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

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

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

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

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

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

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

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

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

  <a id="top" name="top" accesskey="t"></a>

 
 
    <div class="menunav">
<ul>

  <li>
    <a rel="bookmark" href="/" title="Home">Trang Chủ</a>
  </li>
  <li>
    <a rel="bookmark" href="/forum" title="Forum">Diễn Đàn</a>
  </li>
  <li>
    <a rel="bookmark" href="/search?search_id=activetopics" title="Bài Mới">Có Gì Mới</a>
  </li>
  <li>
    <a rel="bookmark" href="/faq" title="Hepl">Trợ Giúp</a>
  </li>
  <li>
    <a rel="bookmark" href="/memberlist" title="Member">Thành Viên</a>
  </li>
  <li>
    <a rel="bookmark" href="/groups" title="Group">Nhóm</a>
  </li>

</ul>
</div>
 
 
 
 
            </div>
                 
              </div>
                         
                         
                         
                          <div class="pun">
                           
                           
       
       
       
 
 
 
 
 
 
 
         


 
 
 
 
  <div id="topbar">
        <div id="header" class="wrapper">
            <div id="toplinks">
              <ul>
               
           
            <div id="logo">
           
  <img src="http://i69.servimg.com/u/f69/18/16/67/52/13429114.gif" class="mainLogo" alt="logo"></a>                   
            </div>
        </div>
      </div>
  <div id="toolbar">
        <div class="wrapper">
             
      <ul id="topnav">
                  <li class="chosen"><a href="/forum">Home<br><span>Site Front</span></a><ul>
              <li>{GENERATED_NAV_BAR}</li></ul>
                   
                   
                   
                   
                   
                   
                   
                   
                   
                   
           
       
     
        </div>
      </div>
  <div class="wrapper">
            <div id="userbar-shad-l">
              <div id="userbar-shad-r">
                  <div id="userbar-main">
                                                  <!-- BEGIN switch_user_logged_out -->
                    <div id="loginbox">           
                              <form id="guest_form" action="/login.forum" method="post" name="form_login">
                                                                                  <div id="ds-usernme">
                                    <input placeholder="Tên đăng nhập" class="loginInput" type="text" size="20" name="username">
                                                                                          </div>
                                <div id="ds-passwrd">
                                    <input placeholder="Mật khẩu" class="loginInput" type="password" size="20" name="password">
                                                                                          </div>
                                    <input type="submit" value="Log in" name="login" class="button_submit">
                                   
                              </form>
                              <div class="reminder">
                                <a href="http://demo.dzinerstudio.com/smf2/index.php?action=activate">Missed activation email?</a>
                                <a href="http://demo.dzinerstudio.com/smf2/index.php?action=reminder">Forgot Password?</a>
                                <a href="http://demo.dzinerstudio.com/smf2/index.php?action=register">Create Account</a>
                              </div>
                    </div>
                                                                                    <!-- END switch_user_logged_out -->
                   
                  </div>
              </div>
            </div>
           
            <div class="pun">
             

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

CSS

Code:
#pun-about{
background-color: #000000;
}




.pun .post .user {
margin-top: 0;
background: #00A0F1;
background-image: url(http://i76.servimg.com/u/f76/18/14/47/54/aelui10.jpg);
background-size: 100% 100%;
position: relative;
}


/* DSv4 Styles */
#topbar {
  height: 114px;
  background: #aaa url(http://demo.dzinerstudio.com/smf2/Themes/dsv4_20/images/custom/top-bg.png) 0 0 repeat-x;
}
#header {
  position: relative;
  overflow: hidden;
  height: 114px;
}
#toplinks {
  float: right;
  padding: 15px 30px 0 0;
}
#toplinks ul {
  float: left;
  width: auto;
}
#toplinks ul, #toplinks ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#toplinks ul li {
  float: left;
  font-size: 12px;
}
#toplinks ul li.time {
  padding-right: 10px;
}
#toplinks ul li a:link, #toplinks ul li a:visited {
  padding: 0 10px;
  border-left: 1px solid #e0e0e0;
  font-weight: bold;
}
#toplinks ul li a:hover {
  color: #4C96D1;
}
#logo a {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 470px;
  height: 114px;
  background: url(http://demo.dzinerstudio.com/smf2/Themes/dsv4_20/images/custom/logo.png) no-repeat;
}
#searchbar {
  position: absolute;
  top: 58px;
  right: 30px;
  height: 36px;
  width: 210px;
  background: url(http://demo.dzinerstudio.com/smf2/Themes/dsv4_20/images/custom/searchbox.png) no-repeat;
  overflow: hidden;
}
#searchbar .inputbox {
  background: transparent;
  color: #ddd;
  padding: 3px 3px;
  border: none;
  outline: none;
  margin: 4px 0 0 35px;
  width: 150px;
  height: 14px;
  font-size: 12px;
  font-family: tahoma, sans-serif;
}
#toolbar {
  background: #202020 url() 0 0 repeat-x;
  height: 61px;
}
#topnav {
  float: left;
  height: 61px;
  padding-left: 5px;
  margin: 0px;
  z-index: 100;
}
#topnav ul {
  margin: 0;
  padding: 0;
}
#topnav li {
  float: left;
  margin: 0;
  padding: 0px;
  position: relative;
  padding-right: 1px;
  line-height: 16px;
  list-style-type: none;
}
#topnav li a {
  display: block;
  float: left;
  color: #ccc;
  text-decoration: none;
  padding: 16px 23px 13px;
  font-size: 15px;
  font-weight: bold;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}
#topnav li a span {
  color: #666;
  font-size: 11px;
  font-weight: normal;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}
#topnav li a:hover, #topnav li:hover a, #topnav li.sfhover a {
  color: #ddd;
}
#topnav li.chosen a {
  background: url(      ) 50% 0 no-repeat;
  color: #fff;
}
#topnav li.chosen a span {
  color: #aaa;
}
#topnav li:hover span, #topnav li.sfhover span {
  color:#999;
}
#topnav li li {
  width: 170px;
  height: auto;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #313131;
}
#topnav li li a, #topnav .chosen li a, #topnav li:hover li a, #topnav li.sfhover li a {
  background: none;
  display: block;
  height: 30px;
  line-height: 30px; 
  padding: 0 0 0 22px;
  width: 148px;
  float: none;
  color: #999;
  font-size: 13px;
  text-decoration: none;
  font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  font-weight: normal;
}
#topnav li li a:hover, #topnav .chosen li a:hover {
  background: #1a1a1a;
  color: #ccc;
  text-decoration: none;
}
#topnav li ul {
  background: #1d1d1d;
  clear: both;
  position: absolute;
  height: auto;
  width: 170px;
  top: 61px;
  left: -999em;
  z-index: 100;
  border-right: 1px solid #313131;
  border-left: 1px solid #313131;
}
#topnav li:hover ul, #topnav li.sfhover ul {
  left: auto;
}
#topnav2 {
  float: left;
  height: 61px;
  padding-left: 5px;
  margin: 0px;
  z-index: 100;
}
#topnav2 ul {
  margin: 0;
  padding: 0;
}
#topnav2 li {
  float: left;
  margin: 0;
  padding: 0px;
  position: relative;
  line-height: 61px;
  list-style-type: none;
}
#topnav2 li a {
  display: block;
  float: left;
  color: #ccc;
  text-decoration: none;
  padding: 0 15px;
  font-size: 14px;
  font-family: Arial Narrow, Arial, Helvetica, sans-serif;
}
#topnav2 li.chosen {
  background: url(http://demo.dzinerstudio.com/smf2/Themes/dsv4_20/images/custom/topnav-chosen.png) 50% 0 no-repeat;
  color: #fff;
  font-weight: bold;
}
#topnav2 li a:hover, #topnav2 li:hover a, #topnav2 li.sfhover1 a {
  color: #fff;
}
#topnav2 li li {
  width: 200px;
  height: auto;
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #313131;
}
#topnav2 li li a, #topnav2 .chosen li a, #topnav2 li:hover li a, #topnav2 li.sfhover1 li a {
  background: none;
  display: block;
  height: 30px;
  line-height: 30px; 
  padding: 0 0 0 15px;
  width: 178px;
  float: none;
  color: #999;
  font-size: 12px;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
}
#topnav2 li li a:hover, #topnav2 .chosen li a:hover {
  background: #1a1a1a;
  color: #ccc;
  text-decoration: none;
}
#topnav2 li ul {
  background: #1d1d1d;
  clear: both;
  position: absolute;
  height: auto;
  width: 200px;
  top: 61px;
  left: -999em;
  z-index: 100;
  border-right: 1px solid #313131;
  border-left: 1px solid #313131;
}
#topnav2 li:hover ul, #topnav2 li.sfhover1 ul {
  left: auto;
}

#userbar-shad-l {
  background: url() 0 0 no-repeat;
  padding-left: 24px;
  height: 130px;
}
#userbar-shad-r {
  background: url() 100% 0 no-repeat;
  padding-right: 24px;
  height: 130px;
}
#userbar-main {
  background: url(  ) 0 0 repeat-x;
  height: 130px;
}
#loginbox {
  padding: 20px 10px 5px 20px;
  color: #999;
  float: left;
  font-size: 11px;
  line-height: 140%;
  width: 400px;
}
#loginbox a:link, #loginbox a:visited {
  color: #ccc;
  font-weight: bold;
}
#loginbox a:hover {
  text-decoration: underline;
}
#loginbox form {
  padding: 0;
  margin: 0;
}
#loginbox h4 {
  color: #ddd;
  font-size: 13px;
  font-weight: normal;
  padding: 0;
  margin: 0;
}
#loginbox ul {
  padding: 4px 0 0;
  margin: 0;
  list-style: none;
}
#loginbox ul li strong {
  color:#bbb;
}
#ds-usernme {
  background: url(/images/custom/usernmebox.png) 0 0 no-repeat;
  width: 144px;
  height: 25px;
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
#ds-passwrd {
  background: url(/images/custom/passwrdbox.png) 0 0 no-repeat;
  width: 144px;
  height: 25px;
  float: left;
  margin-top: 4px;
  margin-right: 10px;
}
#ds-usernme input#usrnme, #ds-passwrd input#psswrd {
  background: none;
  color: #efefef;
  padding: 3px 0 0;
  border: none;
  outline: none;
  margin: 4px 0 0 30px;
  width: 100px;
  height: 14px;
  font-size: 11px;
}
#loginbutton {
  background: url(/images/custom/loginbutton.png) no-repeat;
  width: 52px;
  height: 25px;
  border: none;
  padding: 0;
  margin: 4px 0 0;
  cursor: pointer;
}
.reminder {
  padding: 10px 0 0 5px;
}
.reminder a {
  padding-right: 12px;
}
.ds-avatar {
  float: left;
  padding-right: 20px;
}
.ds-avatar img {
  width: 65px;
  height: 65px;
}

.menunav{
    margin: 0 auto;
    width: 980px;
    height: 35px;
    z-index: 12 !important;
    color:#000;
    padding:5px;
    background: #2C85EE;
    background-image: url('http://news.higame.vn/Content/images/bg_footer.gif');
    background-repeat: repeat-x;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0px solid #ccc;
}

.menunav ul{display:block;height:30px;margin:0 auto;padding:0px 0 0;position:relative;width:960px;z-index:14}
.menunav ul li{display:inline;height:30px;margin:0;text-align:center}
.menunav ul li a{color:#000;display:block;float:left;font-weight:bold;height:30px;padding:10px 14px 0;text-align:center;z-index:10}
.menunav ul li a:hover,.menunav ul li .active{margin-top:0px;border-radius: 5px;background:#000;color:#FFF;display:block;height:25px;padding-top:10px;text-align:center;z-index:10}
.menunav ul a.ico_home,.menunav ul a.ico_home:hover{background-position:left -3183px;border-right:1px solid #fff;color:#EFEFEF;display:block;height:18px;margin:5px 3px 0 0;padding:5px 0 0!important;width:32px}
.menunav span{display:block;height:23px!important;position:absolute;right:0;top:4px;width:95px}
.menunav span a,.menunav span a:hover{height:23px!important;padding:0!important}
.icon, .menunav ul a.ico_home, .menunav ul a.ico_home:hover {background: url("http://i47.servimg.com/u/f47/17/47/85/23/nav_ho10.png") no-repeat scroll 0 0 transparent;}

body{
background: url(http://sieucapximalulu91.files.wordpress.com/2012/03/hn28.jpg) repeat fixed center top;
}

.main .main-head {
font-weight: bold;
font-size: 12px;
background-color: ;
background:    url(http://nv7.upanh.com/b6.s35.d2/6be830d38ab7872b54820074b104796a_54036647.tcat.png?rand=0.2968417697120458) repeat-x;
color: ;
font-weight: 100;
border: 1px solid ;
background-repeat: repeat-x;
border-radius: 5px;
padding: 9px;
margin-top:3px;
margin-bottom:3px;
}











 #smallrum{padding: 0.4em 1em;margin: 3px 1px;
 
background: #FFFFFF none;
    -moz-box-shadow: -2px 2px 2px #c8c8c8;
    -webkit-box-shadow: -2px 2px 2px #c8c8c8;box-shadow: -2px 2px 2px #c8c8c8;color: #ccf0ff;width: 375px;}
#smallrum a img{vertical-align: middle; padding-right: 2px;}
#smallrum a.gensmall {
display: inline-block;
text-align: left;
 
 
width: 160px;
}




















Trả lời nhanh


  • www.vn3s.net
    www.vn3s.net

    Bài gửi 4/4/2013, 3:50 pm www.vn3s.net

    lỗi

    Trả lời nhanh
  • anhdausai
    anhdausai

    Bài gửi 4/4/2013, 3:53 pm anhdausai

    skin thế đấy lỗi đâu mà lỗi@@

    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]

Hỗ trợ Forumotion  » Tài Nguyên Forumotion » Kho Skin » Punbb » [Skin] graphics-vn skin thứ nhất

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