Mãi Không Quên

cộng đồng teen

  • Thống kê diễn đàn


[Skin] Share skin DS-Natural

 :: PHẦN MỀM- MÁY TÍNH- INTERNET :: Web- Forumotion :: Kho Skin

View previous topic View next topic Go down

[Skin] Share skin DS-Natural Empty [Skin] Share skin DS-Natural

Post by Bui Minh Phong™ 1/10/2013, 11:04 pm

Đây là skin đầu tay mình rip và share nhưng chưa hoàn chỉnh các bạn có thể đem về chỉnh sửa lại cho giống với forum mình nhé
Demo : [You must be registered and logged in to see this link.] :D
Code:
html {
 height: 100%;
 margin-bottom: 1px;
}


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

a:hover {
 text-decoration: underline;
}


.nav, .nav:link, .nav:visited {
 color: #000000;
 text-decoration: none;
}

a.nav:hover {
 color: #cc3333;
 text-decoration: underline;
}


table {
 empty-cells: show;
}


body, td, th, tr {
 line-height: 150%;
 font-family: tahoma, sans-serif;
 color: #565656;
 font-size: 12px;
}


body {
 background: #9f9f95;
 padding: 0;
 margin: 0;
}


input, textarea, button {
 color: #000000;
 font-family: verdana, sans-serif;
}

input, button {
 font-size: 100%;
}

textarea {
 font-size: 100%;
 color: #000000;
 font-family: verdana, sans-serif;
}


input.check {}


select {
 font-size: 100%;
 font-weight: normal;
 color: #000000;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
}


hr, .hrcolor {
 height: 1px;
 border: 0;
 color: #999;
 background-color: #989898;
}


a img {
 border: 0;
}


.quote {
 color: #343434;
 background-color: #d3d3c9;
 border: 2px solid #989898;
 margin: 1px;
 padding: 5px;
 font-size: 11px;
 line-height: 1.4em;
}


.code {
 color: #fff;
 background-color: #d57b4f;
 font-family: "courier new", "times new roman", monospace;
 font-size: 11px;
 line-height: 1.3em;

 border-top: 2px solid #b43c01;
 border-bottom: 2px solid #b43c01;
 margin: 1px auto 1px auto;
 padding: 2px;
 width: 99%;

 white-space: nowrap;
 overflow: auto;

 max-height: 24em;
}


.quoteheader, .codeheader {
 color: #282828;
 text-decoration: none;
 font-style: normal;
 font-weight: bold;
 font-size: 11px;
 line-height: 1.2em;
}


.help {
 cursor: help;
}


.meaction {
 color: red;
}


.editor {
 width: 96%;
}


.highlight {
 background-color: yellow;
 font-weight: bold;
 color: black;
}


.windowbg {
 background: #efefe6;
}

.windowbg2 {
 background: #fff;
}

.windowbg3 {
 background: #e4e4db;
}


.calendar_today {
 background: #f5f5f5;
}


.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td {
 color: #fff;
 font-style: normal;
 background: #852c01 url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/titlebg.png) repeat-x;
 padding-left: 10px;
 padding-right: 10px;
}

.titlebg, .titlebg a:link, .titlebg a:visited {
 color: #fff;
 font-style: normal;
 font-size: 12px;
}

.titlebg a:hover {
 text-decoration: underline;
}

.titlebg2 td, td.titlebg tr td {
 color: white;
}


.titlebg2 a:link, .titlebg2 a:visited {
 color: #eee;
 font-style: normal;
 text-decoration: underline;
}

.titlebg2 a:hover {
 color: #b2b2b2;
}



.catbg, tr.catbg td, .catbg3, tr.catbg3 td {
 color: #282828;
 padding-left: 10px;
 padding-right: 10px;
 background: #8b8b81 url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/catbg.png) repeat-x;
}

.catbg2, tr.catbg2 td {
 color: #404040;
 padding-left: 10px;
 padding-right: 10px;
 background: #8b8b81 url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/catbg.png) repeat-x;
}

.catbg, .catbg2, .catbg3 {}

.catbg, .catbg2 {
 font-weight: normal;
 font-size: 11px;
 text-transform: uppercase;
}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {
 font-size: 95%;
 color: #454545;
 text-decoration: none;
}

.catbg a:link, .catbg a:visited, .catbg2 a:link, .catbg2 a:visited {
 color: #333;
 text-decoration: none;
}

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {
 color: #000;
}


.bordercolor {
 background-color: #d5d2d2;
 padding: 0px;
}


.tborder {
 padding: 1px;
 border: 1px solid #d5d2d2;
}


.smalltext, .middletext, small {
 font-size: 11px;
 font-family: tahoma, sans-serif;
}

.normaltext {
 font-size: 16px;
}

.largetext {
 font-size: 18px;
}


.post, .personalmessage {
 width: 100%;
 overflow: auto;
 line-height: 1.3em;
}


.signature {
 width: 100%;
 overflow: auto;
 padding-bottom: 3px;
 line-height: 1.3em;
}


.error {
 color: red;
}


.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last, .mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last {
 vertical-align: top;
 text-transform: uppercase;
}

.maintab_back, .maintab_active_back, .mirrortab_back, .mirrortab_active_back {
 text-decoration: none;
 font-size: 11px;
 padding: 5px;
}

.maintab_first,.mirrortab_first {
 display: none;
}

.maintab_back,.mirrortab_back {}

.maintab_last,.mirrortab_last {
 display: none;
}

.maintab_active_first, .mirrortab_active_first {
 display: none;
}

.maintab_active_back, .mirrortab_active_back {
 text-decoration: overline;
}

.maintab_active_last, .mirrortab_active_last {
 display: none;
}


.maintab_back a:link, .maintab_back a:visited, .mirrortab_back a:link, .mirrortab_back a:visited {
 color: #222;
 text-decoration: none;
}

.maintab_active_back a:link, .maintab_active_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited {
 color: #282828;
 text-decoration: none;
 font-weight: bold;
}

.maintab_back a:hover, .maintab_active_back a:hover, .mirrortab_back a:hover, .mirrortab_active_back a:hover {
 color: #b43c01;
 text-decoration: overline;
}

/* The AJAX notifier */
#ajax_in_progress {
 background: #32CD32;
 color: white;
 text-align: center;
 font-weight: bold;
 font-size: 18pt;
 padding: 3px;
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
}

.wrapper {
 width: 960px;
 margin: 0 auto;
 padding: 0;
}

#toparea {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/toparea.png) 0 0 repeat-x;
}

#topbox {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/toparea-m.png) 50% 0 no-repeat;
 height: 45px;
}

#userarea {
 text-align: center;
 padding: 15px 0 0;
 color: #555;
}

#userarea a:link, #userarea a:visited {
 color: #b43c01;
}

#userarea a:hover {
 color: #ccc;
 text-decoration: underline;
}

#mainarea {
 background: #bbbbae;
 padding: 0 0 20px 0;
}

#bodybox {
 background: #ffffff url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/right.png) 100% 0 repeat-y;
}

#bdybox-l {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/left.png) 0 0 repeat-y;
}

#bdybox-b {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/bot.png) 0 100% repeat-x;
}

#bdybox-br {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/bot-r.png) 100% 100% no-repeat;
}

#bdybox-bl {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/bot-l.png) 0 100% no-repeat;
}

#bdybox-t {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/top.png) 0 0 repeat-x;
}

#bdybox-tr {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/top-r.png) 100% 0 no-repeat;
}

#bdybox-tl {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/top-l.png) 0 0 no-repeat;
 padding: 20px;
}

#header {
 position: relative;
 height: 85px;
 overflow: hidden;
 background: #bbbbae;
}

#logo a {
 position: absolute;
 left: 0;
 display: block;
 width: 350px;
 height: 85px;
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/logo.png) no-repeat;
}

#searcharea {
 position: absolute;
 bottom: 15px;
 right: 10px;
 height: 32px;
 width: 172px;
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/searchbox.png) no-repeat;
 overflow: hidden;
}

#searcharea .inputbox {
 background: #9f9f95;
 color: #555;
 padding: 3px 3px 0;
 border: none;
 margin: 7px 0 0 10px;
 width: 120px;
 height: 15px;
}

#toolbar {
 background: #504f4f url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/toolbar-bg.png) 0 0 repeat-x;
 height: 50px;
}

#toolbar-l {
 background: #504f4f url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/toolbar-l.png) 0 0 no-repeat;
 padding-left: 20px;
}

#toolbar-r {
 background: #504f4f url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/toolbar-r.png) 100% 0 no-repeat;
 padding-right: 20px;
}

#topmenu {
 display: block;
 position: relative;
 height: 32px;
 font-size: 11px;
 text-transform: uppercase;
 margin: 0;
 float: left;
 padding: 0;
}

#topmenu ul {
 margin: 14px 0 0;
 padding: 0;
 list-style-type: none;
 width: auto;
 float: left;
}

#topmenu ul li {
 display: block;
 float: left;
 margin: 0 2px;
}

#topmenu ul li a {
 display: block;
 float: left;
 color: #444;
 text-decoration: none;
 padding: 0 0 0 10px;
 height: 21px;
 line-height: 21px;
}

#topmenu ul li a span {
padding: 0 9px 0 0;
}

#topmenu ul li a:hover {
 color: #000;
}

#topmenu ul li a:hover span {}

#topmenu ul li a.current {
 color: #fff;
 background: #B94C16 url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/topmenu-on-l.png) 0 0 no-repeat;
}

#topmenu ul li a.current span {
 display: block;
 width: auto;
 background: #B94C16 url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/topmenu-on-r.png) 100% 0 no-repeat;
}

.pathway {
 color: #444;
 font-size: 11px;
 margin: 0;
 padding: 10px 10px 10px 5px;
 text-transform: uppercase;
}

.pathway a:link, .pathway a:visited {
 color: #888;
 font-weight: normal;
 text-transform: none;
}

.pathway a:hover {
 color: #333;
 font-weight: normal;
}
#bottomarea {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/foot-bg.png) 0 100% repeat-x;
 height: 105px;
}

#footer {
 background: url(http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/custom/foot-box.png) 50% 100% no-repeat;
 height: 105px;
}

#footerarea {
 text-align: center;
 padding: 10px 0 0px;
 color: #444;
}

#footerarea a:link, #footerarea a:visited {
 color: #555;
}

#footerarea a:hover {
 color: #222;
 text-decoration: underline;
}
#pun-about ul li {
    display: none;
}
body
Code:
   </div></td></tr></tbody></table>
{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 -->
<br></br><div class="tborder"><div class="catbg" style="padding: 6px; vertical-align: middle; text-align: center; "><a onclick="shrinkHeaderIC(!current_header_ic); return false;" href="#"><img id="upshrink_ic" align="right" style="margin-right: 2ex; margin-top: 5px;" title="Shrink or expand the header." alt="*" src="http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/collapse.gif"></img></a>
     
 Demo DzinerStudio - Info Center
 
   </div><div id="upshrinkHeaderIC"><table class="bordercolor" width="915px" cellspacing="1" cellpadding="4" border="0"><tbody><tr><td class="titlebg" colspan="2">
      Forum Stats
    </td></tr><tr><td class="windowbg" width="6%" valign="middle" align="center"><a href="http://demo.dzinerstudio.com/smf/index.php?action=stats"><img alt="Forum Stats" src="http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/icons/info.gif"></img></a></td><td class="windowbg2" width="100%"><span class="smalltext">
     
 4 Posts in 4 Topics by 1 Members. Latest Member:
   <b><a href="http://demo.dzinerstudio.com/smf/index.php?action=profile;u=1"> … </a></b><br></br>
       Latest Post:
   <b>
      "
    <a title="This is a poll" href="http://demo.dzinerstudio.com/smf/index.php?topic=4.msg4#new">
      This is a poll
    </a>
      "
    </b>
        ( September 17, 2007, 04:20:59 AM )
    <br></br><a href="http://demo.dzinerstudio.com/smf/index.php?action=recent">
      View the most recent posts on the forum.
    </a><br></br><a href="http://demo.dzinerstudio.com/smf/index.php?action=stats">
      [More Stats]
    </a></span></td></tr><tr><td class="titlebg" colspan="2">
      Users Online
    </td></tr><tr><td class="windowbg" width="6%" valign="middle" align="center" rowspan="2"><img alt="Users Online" src="http://demo.dzinerstudio.com/smf/Themes/ds-natural_117/images/icons/online.gif"></img></td><td class="windowbg2" width="100%">
     
 2 Guests, 0 Users
 
   <div class="smalltext"><br></br></div></td></tr><tr><td class="windowbg2" width="100%"><span class="smalltext">
     
 Most Online Today:
   <b>
      6
    </b>
      .
 Most Online Ever: 53 (June 08, 2008, 12:00:32 PM)
 
   </span></td></tr></tbody></table></div></div>
    
   <!-- END disable_viewonline -->
    
   <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
      <div class="user_login_form main-box center">
          <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>
         <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
         <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
         {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_fb_connect -->
          <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
          <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
          <!-- END switch_fb_connect -->
      </div>
    </form>
    <!-- END switch_user_login_form_footer -->

    {CHATBOX_BOTTOM}



    {AUTO_DST}

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

<div id="bottomarea"><div id="footer"><div id="footerarea"><span class="smalltext">
      DS-Natural RIP by
   <a target="_blank" href="http://www.hoangtjn.tk"><b>
      TỐNG HOÀNG TÍN
   </b></a><br></br><br></br><span class="smalltext" style="display: inline; visibility: visible; font-family: Verdana, Arial, sans-serif;"><a target="_blank" title="Simple Machines Forum" href="http://www.simplemachines.org/">
      Powered by SMF 1.1.13
    </a>
       |

    <a target="_blank" title="Free Forum Software" href="http://www.simplemachines.org/about/copyright.php">
      SMF ©️ 2006-2011, Simple Machines LLC
    </a></span></span><br></br><span class="smalltext">
      Page created in 0.051 seconds with 9 queries.
    </span></div></div></div><div id="ajax_in_progress" style="display: none;">
      Loading...
    </div></body></html>
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" 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>
  <!-- BEGIN switch_user_logged_out -->
 <body><div id="toparea"><div id="topbox" class="wrapper"><div id="userarea">
      Welcome,
   <b>
      Guest
    </b>
      . Please
         <a href="/login">
      login
    </a>
       or
         <a href="/register">
      register
    </a>
      .
 
   </div></div></div>
       
          <div id="mainarea"><div id="header" class="wrapper"><div id="logo"><a title="" href="http://demo.dzinerstudio.com/smf/index.php"></a></div><div id="searcharea"><form accept-charset="ISO-8859-1" method="post" action="http://demo.dzinerstudio.com/smf/index.php?action=search2"><input class="inputbox" type="text" onblur="if(this.value=='') this.value='Search...';" onfocus="this.value = '';" value="Search..." name="search"></input></form></div></div><div class="wrapper"><div id="toolbar-l"><div id="toolbar-r"><div id="toolbar"><div id="topmenu"><ul><li><a class="current" href="/forum"><span>
      Home
            </span></a></li><li><a href="/faq"><span>
      Help
            </span></a></li><li><a href="/search"><span>
      Search
            </span></a></li><li><a href="/calendar"><span>
      Calendar
            </span></a></li><li><a href="/memberlist"><span>
      Members
            </span></a></li><li><a href="/login"><span>
      Login
            </span></a></li><li><a href="/register"><span>
      Register
    </span></a></li></ul></div></div></div></div>
          <!-- END switch_user_logged_out -->
 <!-- BEGIN switch_user_logged_in -->
            <div id="mainarea"><div id="header" class="wrapper"><div id="searcharea"><form accept-charset="ISO-8859-1" method="post" action="http://demo.dzinerstudio.com/smf/index.php?action=search2"><input class="inputbox" type="text" onblur="if(this.value=='') this.value='Search...';" onfocus="this.value = '';" value="Search..." name="search"></input></form></div></div><div class="wrapper"><div id="toolbar-r"><div id="toolbar"><div id="topmenu"><ul><li><a class="current" href="/forum"><span>
      Home
    </span></a></li>
          <li><a class="current" href="/faq"><span>
      Help
    </span></a></li>
          <li><a class="current" href="/search"><span>
      Search
    </span></a></li>
          <li><a class="current" href="/memberlist"><span>
      Member
    </span></a></li>
          <li><a class="current" href="/privmsg?folder=inbox"><span>
      Inbox
    </span></a></li>
          <li><a class="current" href="/profile?mode=editprofile"><span>
      Profile
    </span></a></li>
          <li><a class="current" href="/login?logout=1"><span>
     Exit
    </span></a></li></ul></div></div></div>
          <!-- END switch_user_logged_in -->
 <!-- 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="bodybox"><div id="bdybox-l"><div id="bdybox-b"><div id="bdybox-br"><div id="bdybox-bl"><div id="bdybox-t"><div id="bdybox-tr"><div id="bdybox-tl"><table width="100%" cellspacing="0" cellpadding="0"><tbody><tr><td valign="bottom"><div class="pathway">
 <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 -->
P/S: Lần đầu rip và share lên chưa có thể như ý các bạn được , chỉ là tập tành thôi nhé ... Có thể nhận các loại gạch đá hay dép và cà chua nên như bị chỉ trích :D
Nguồn: ChinhPhuc
Bui Minh Phong™
Bui Minh Phong™
Quản Trị Cấp Cao
Quản Trị Cấp Cao

Posts : 3260
Points : 371262
Thanked : 1927
Birthday : 1994-12-18
Status Hãy Lặng Yên Để Cảm Nhận Tình Yêu Xung Quanh Bạn :x
Giới tính : Male Rất dễ thương

Back to top Go down

[Skin] Share skin DS-Natural Empty Re: [Skin] Share skin DS-Natural

Post by action 17/5/2016, 6:27 am

thanks
action
action
Thành Viên Đồng
Thành Viên Đồng

Posts : 107
Points : 146514
Thanked : 0
Birthday : 1990-09-15
Status ...
Giới tính : Male

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

Mãi Không Quên :: PHẦN MỀM- MÁY TÍNH- INTERNET :: Web- Forumotion :: Kho Skin

 
Permissions in this forum:
You cannot reply to topics in this forum