![[Skin] Share skin 4tvn New nhé [punbb] Empty](https://2img.net/i/empty.gif)
Tường nhà
Bài viết
Kết bạn
Ngăn cấm
Thông tin Skin
Skin : 4tvn
Rip by : mrkunvl
Phiên Bản : punbb
Demo : http://longthan.7forum.net/
Cài đặt
index_box:
overall_header:
Nguồn Chinh phục
Skin : 4tvn
Rip by : mrkunvl
Phiên Bản : punbb
Demo : http://longthan.7forum.net/
Cài đặt
index_box:
- Code:
<div class="pun-crumbs">
<div class="breadBoxTop">
<nav>
<fieldset class="breadcrumb">
<a href="misc/quick-navigation-menu" class="OverlayTrigger jumpMenuTrigger" data-cacheoverlay="true" title="Mở điều hướng nhanh"> </a>
<img src="http://www.4tvn.com/styles/uniform/xenforo/xenfocus/nav_background.png" alt="Change background image" title="Change background image" class="nav_background">
<div class="boardTitle"><strong>Diễn Đàn Teen Việt</strong></div>
<span class="crumbs">
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.4tvn.com" class="crumb" rel="up" itemprop="url"><span itemprop="title">Trang chủ</span></a>
<span class="arrow"><span></span></span>
</span>
<span class="crust" itemscope="itemscope" itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.4tvn.com/forum/" class="crumb" rel="up" itemprop="url"><span itemprop="title">Diễn đàn</span></a>
<span class="arrow"><span>></span></span>
</span>
</span>
</fieldset>
</nav>
</div>
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
<div class="PanelScroller" id="Notices" data-vertical="0" data-speed="400" data-interval="4000" style="display: block; ">
<div class="scrollContainer">
<div class="PanelContainer" style="overflow: hidden; height: 50px; ">
<ol class="Panels" style="width: 20000em; left: -792px; "><li class="panel Notice DismissParent notice_8 cloned" style="float: left; width: 792px; height: 50px; ">
<div class="baseHtml noticeContent">Diễn đàn đã cập nhật chức năng tìm kiếm, mọi người sử dụng trước khi Admin tích hợp được với Google. Diễn đàn sẽ tiếp tục tối ưu hóa và thu gọn chuyên mục cho phù hợp hơn. Mọi người luôn ủng hộ nhé</div>
<a href="account/dismiss-notice?notice_id=8" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped" style="" title="">Dismiss Notice</a>
</li>
<li class="panel Notice DismissParent notice_2" style="float: left; width: 792px; height: 50px; ">
<div class="baseHtml noticeContent">Chào Bạn, bạn đang xem bài viết trên 4TVN. Viết bài đúng chuyên mục sẽ giúp mọi người theo dõi bài viết của bạn tốt hơn. Chúc bạn vui vẻ</div>
<a href="account/dismiss-notice?notice_id=2" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped" style="">Dismiss Notice</a>
</li>
<li class="panel Notice DismissParent notice_6" style="float: left; width: 792px; height: 50px; ">
<div class="baseHtml noticeContent">Tài khoản của bạn đang được kết nối với Facebook. Bạn có thể tắt thông báo này.</div>
<a href="account/dismiss-notice?notice_id=6" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped" style="">Dismiss Notice</a>
</li>
<li class="panel Notice DismissParent notice_7" style="float: left; width: 792px; height: 50px; ">
<div class="baseHtml noticeContent"><font color="GREEN">DIỄN ĐÀN VỪA CẬP NHẬT CHỨC NĂNG DUYỆT TRÊN THIẾT BỊ ĐI ĐỘNG. MỌI NGƯỜI CÓ THỂ DÙNG DI ĐỘNG ĐỂ TRUY CẬP TRANG WEB </font></div>
<a href="account/dismiss-notice?notice_id=7" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped" style="">Dismiss Notice</a>
</li>
<li class="panel Notice DismissParent notice_8" style="float: left; width: 792px; height: 50px; ">
<div class="baseHtml noticeContent">Diễn đàn đã cập nhật chức năng tìm kiếm, mọi người sử dụng trước khi Admin tích hợp được với Google. Diễn đàn sẽ tiếp tục tối ưu hóa và thu gọn chuyên mục cho phù hợp hơn. Mọi người luôn ủng hộ nhé</div>
<a href="account/dismiss-notice?notice_id=8" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped" style="">Dismiss Notice</a>
</li>
<li class="panel Notice DismissParent notice_2 cloned" style="float: left; width: 792px; height: 50px; ">
<div class="baseHtml noticeContent">Chào mrkunvl, bạn đang xem bài viết trên 4TVN. Viết bài đúng chuyên mục sẽ giúp mọi người theo dõi bài viết của bạn tốt hơn. Chúc bạn vui vẻ</div>
<a href="account/dismiss-notice?notice_id=2" class="DismissCtrl Tooltip" data-offsetx="7" data-tipclass="flipped" style="" title="">Dismiss Notice</a>
</li></ol>
</div>
</div>
<div class="navContainer">
<span class="navControls Nav JsOnly">
<a id="n2" href="/forum/#n2" class="current">
<span class="arrow"><span></span></span>
Hi</a>
<a id="n6" href="/forum/#n6">
<span class="arrow"><span></span></span>
Facebook</a>
<a id="n7" href="/forum/#n7">
<span class="arrow"><span></span></span>
Thông báo</a>
<a id="n8" href="/forum/#n8">
<span class="arrow"><span></span></span>
Thông báo 2</a>
</span>
</div>
</div>
</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="tcr"></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">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
<br />
<div class="nodeStats pairsInline">
<dl>
<dt><strong>Đề tài thảo luận:</strong></dt> <dd>{catrow.forumrow.TOPICS}</dd>
<span class="s_plus"> + </span>
<dt>Bài viết:</dt> <dd>{catrow.forumrow.POSTS}</dd>
</dl>
</div>
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
<br />
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</td>
<td class="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 -->
- 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 -->
<footer>
<div class="footer">
<div class="pageWidth">
<div class="pageContent">
<dl class="choosers">
<dt>Giao diện</dt>
<dd><a href="misc/style?redirect=%2Fforum%2F" class="OverlayTrigger Tooltip" rel="nofollow">Chạng Vạng</a></dd>
<dt>Ngôn ngữ</dt>
<dd><a href="misc/language?redirect=%2Fforum%2F" class="OverlayTrigger Tooltip" rel="nofollow">Tiếng Việt</a></dd>
</dl>
<ul class="footerLinks">
<li><a href="misc/contact" class="OverlayTrigger" data-overlayoptions="{"fixed":false}">Liên hệ</a></li>
<li><a href="http://www.4tvn.com">Trang chủ</a></li>
<li><a href="/forum/#navigation">Lên đầu trang</a></li>
<li><a href="forums/-/index.rss" rel="alternate" class="globalFeed" target="_blank" title="RSS feed for Diễn Đàn Teen Việt">RSS</a></li>
</ul>
<span class="helper"></span>
</div>
</div>
</div>
<div class="footerLegal">
<div class="pageWidth">
<div class="pageContent">
<div id="copyright">Diễn đàn Việt Nam © 2005-2012</div>
<ul id="legal">
<li><a href="help/terms">Quy định và Nội quy</a></li>
</ul>
<span class="helper"></span>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
//<![CDATA[
fa_endpage();
//]]>
</script>
</body>
</html>
<center>
<div class="below_body"><div id="footer_copyright" class="shade footer_copyright"><!--
Do not remove this copyright notice -->Bản quyền của 2012 vBulletin Solutions, Inc. Tất cả quyền được bảo lưu.<br>Ban quản trị không chịu trách nhiệm về nội dung do thành viên đăng.<br><b>Designed 2 By <a href="http://forum.oh9x.com"> Max </a></b><br><div style="text-align: center;">Skin Rip by <a href="http://cntt-k3.forum0.net/u1" original-title=""><font class="Apple-style-span" color="#006FFF">mrkunvl</font></a></div><!--
Do not remove this copyright notice --></div><div id="footer_morecopyright" class="shade footer_morecopyright"><!--
Do not remove cronimage or your scheduled tasks will cease to function --><img src="http://forum.oh9x.com/cron.php?rand=1348302037" alt="" width="1" height="1" border="0"><!--
Do not remove cronimage or your scheduled tasks will cease to function --></div></div>Z</center>
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 -->
<link rel="stylesheet" href="http://4tvn.com/css.php?css=xenforo,form,public&style=2&dir=LTR&d=1347957469">
<link rel="stylesheet" href="http://4tvn.com/css.php?css=EWRblock_Facebook,EWRblock_RecentNews,EWRblock_RecentThreads,EWRblock_SharePage,EWRporta,bb_code,dark_azucloud,discussion_list,facebook,login_bar,message_user_info,node_list,panel_scroller,share_page,sidebar_share_page&style=2&dir=LTR&d=1347957469">
</head>
<body>
<header>
<div id="header">
<div id="logoBlock">
<div class="pageWidth">
<div class="pageContent">
<div style="display: block; float: right; line-height: 96px; *line-height: 100px; height: 100px; vertical-align: middle">
</div>
<link rel="shortcut icon" href="styles/logo/love.png">
<div id="logo"><a href="http://www.4tvn.com">
<span></span>
<img src="http://www.4tvn.com/styles/logo/logo.png" alt="Diễn Đàn Teen Việt">
</a></div>
<span class="helper"></span>
</div>
</div>
</div>
<!-- BEGIN switch_user_logged_out -->
<div id="navigation" class="pageWidth">
<div class="pageContent">
<nav>
<div class="navTabs primary_nav">
<ul class="publicTabs">
<li class="navTab home PopupClosed"><a href="/" class="navLink">Trang chủ</a></li>
<li class="navTab forums selected">
<a href="/forum" class="navLink">Diễn đàn</a>
<a href="http://www.4tvn.com/forum/" class="SplitCtrl" rel="Menu"></a>
<div class="tabLinks">
<div class="primaryContent menuHeader">
<h3>Diễn đàn</h3>
<div class="muted">Liên kết nhanh</div>
</div>
<ul class="secondaryContent blockLinksList">
<li><a href="search/?type=post">Tìm kiếm diễn đàn</a></li>
<li><a href="find-new/threads">Bài viết mới nhất</a></li>
</ul>
</div>
</li>
<li class="navTab home PopupClosed"><a href="http://www.4tvn.com/forums/336/" class="navLink">RAO VẶT</a></li>
<li class="navTab members Popup PopupControl PopupClosed PopupContainerControl">
<a href="/login" class="navLink">Đăng Nhập</a>
<a href="http://www.4tvn.com/members/" class="SplitCtrl" rel="Menu"></a>
</li>
<li class="navTab help Popup PopupControl PopupClosed PopupContainerControl">
<a href="/register" class="navLink" rel="help">Đăng Ký</a>
<a href="http://www.4tvn.com/help/" class="SplitCtrl" rel="Menu"></a>
</li>
</ul>
</div>
<span class="helper"></span>
</nav>
</div>
</div>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<div id="navigation" class="pageWidth">
<div class="pageContent">
<nav>
<div class="navTabs primary_nav">
<ul class="publicTabs">
<li class="navTab home PopupClosed"><a href="/" class="navLink">Trang chủ</a></li>
<li class="navTab forums selected">
<a href="/forum" class="navLink">Diễn đàn</a>
<a href="http://www.4tvn.com/forum/" class="SplitCtrl" rel="Menu"></a>
<div class="tabLinks">
<div class="primaryContent menuHeader">
<h3>Diễn đàn</h3>
<div class="muted">Liên kết nhanh</div>
</div>
<ul class="secondaryContent blockLinksList">
<li><a href="forums/-/mark-read?date=1348372507" class="OverlayTrigger">Đánh dấu đã đọc tất cả diễn đàn</a></li>
<li><a href="search/?type=post">Tìm kiếm diễn đàn</a></li>
<li><a href="watched/threads">Chủ đề đang theo dõi</a></li>
<li><a href="find-new/threads">Bài viết mới nhất</a></li>
</ul>
</div>
</li>
<li class="navTab home PopupClosed"><a href="http://www.4tvn.com/forums/336/" class="navLink">Quảng Cáo</a></li>
<li class="navTab members Popup PopupControl PopupClosed PopupContainerControl">
<a href="/memberlist" class="navLink">Thành viên</a>
<a href="http://www.4tvn.com/members/" class="SplitCtrl" rel="Menu"></a>
</li>
<li class="navTab help Popup PopupControl PopupClosed PopupContainerControl">
<a href="/faq" class="navLink" rel="help">Trợ giúp</a>
<a href="http://www.4tvn.com/help/" class="SplitCtrl" rel="Menu"></a>
</li>
</ul>
</div>
<div class="navTabs user_bar">
<ul class="visitorTabs">
<li class="navTab account Popup PopupControl PopupClosed PopupContainerControl">
<a href="account/" class="navLink accountPopup" rel="Menu"><strong><img src="http://www.4tvn.com/styles/uniform/xenforo/xenfocus/user_profile.png" class="user_icon" alt=""> Chào Bạn</strong><span class="arrowWidget"></span></a>
</li>
<li class="navTab inbox Popup PopupControl PopupClosed PopupContainerControl">
<a href="/profile?mode=editprofile" rel="Menu" class="navLink NoPopupGadget"><img src="http://www.4tvn.com/styles/uniform/xenforo/xenfocus/user_messenger.png" class="user_icon" alt=""> Lý Lịch
<strong class="itemCount Zero" id="ConversationsMenu_Counter" data-text="You have %d new unread conversation(s).">
<span class="Total">0</span>
<span class="arrow"></span>
</strong>
</a>
</li>
<li class="navTab alerts Popup PopupControl PopupClosed PopupContainerControl">
<a href="account/alerts" rel="Menu" class="navLink NoPopupGadget"><img src="http://www.4tvn.com/styles/uniform/xenforo/xenfocus/user_alerts.png" class="user_icon" alt=""> Thông báo
<strong class="itemCount Zero" id="AlertsMenu_Counter" data-text="You have %d new alert(s).">
<span class="Total">0</span>
<span class="arrow"></span>
</strong>
</a>
</li>
<li class="navTab PopupClosed"><a href="/login?logout=1" class="LogOut navLink visitorTabItem OverlayTrigger"><img src="http://www.4tvn.com/styles/uniform/xenforo/xenfocus/user_logout.png" class="user_icon" alt=""> Thoát</a></li>
</ul></div>
<span class="helper"></span>
</nav>
</div>
</div>
<!-- END switch_user_logged_in -->
<div id="searchBar" class="pageWidth">
<fieldset id="QuickSearch">
<form action="search/search" method="post" class="formPopup">
<div class="primaryControls">
<input type="search" name="keywords" value="" class="textCtrl" placeholder="Tìm kiếm..." results="0" title="Nhập từ khóa và ấn Enter" id="QuickSearchQuery">
</div>
<div class="secondaryControls">
<div class="controlsWrapper">
<dl class="ctrlUnit">
<dt></dt>
<dd><ul>
<li><label><input type="checkbox" name="title_only" value="1" id="search_bar_title_only" class="AutoChecker" data-uncheck="#search_bar_thread"> Chỉ tìm trong tiêu đề <font color="red">(Kết quả tốt hơn)</font></label></li>
</ul></dd>
</dl>
<dl class="ctrlUnit">
<dt><label for="searchBar_users">Được gửi bởi thành viên:</label></dt>
<dd>
<input type="text" name="users" value="" class="textCtrl AutoComplete" id="searchBar_users" autocomplete="off">
<p class="explain">Dãn cách tên bằng dấu phẩy(,).</p>
</dd>
</dl>
<dl class="ctrlUnit">
<dt><label for="searchBar_date">Mới hơn ngày:</label></dt>
<dd><input type="text" data-orig-type="date" name="date" value="" class="textCtrl date" id="searchBar_date"></dd>
</dl>
</div>
<dl class="ctrlUnit submitUnit">
<dt></dt>
<dd>
<input type="submit" value="Tìm kiếm" class="button primary Tooltip" style="">
<div class="Popup" id="commonSearches">
<a rel="Menu" class="button NoPopupGadget Tooltip PopupControl" data-tipclass="flipped" style=""><span class="arrowWidget"></span></a>
</div>
<a href="search/" class="button moreOptions Tooltip" data-offsetx="-100" style="">Thêm...</a>
</dd>
</dl>
</div>
<input type="hidden" name="_xfToken" value="">
</form>
</fieldset>
</div>
</div>
</header>
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
<a id="top" name="top" accesskey="t"></a>
<div class="minwidth_IE">
<div class="layout_IE">
<div class="container_IE">
<div class="pun">
<div id="pun-intro" class="clearfix">
<a href="{U_INDEX}" id="pun-logo"><img src="{LOGO}" alt="{L_INDEX}" /></a>
<!-- BEGIN switch_h1 -->
<div id="pun-title">{switch_h1.MAIN_SITENAME}</div>
<!-- END switch_h1 -->
<!-- BEGIN switch_desc -->
<p id="pun-desc"><font=Impact><size=18>{switch_desc.SITE_DESCRIPTION}</size></font></p>
<!-- END switch_desc -->
</div>
<div id="pun-head">
<div id="pun-navlinks">
<ul class="clearfix">
<li><b>{GENERATED_NAV_BAR}</b></li>
</ul>
</div>
</div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display: none;width: 100%;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</div>
</div>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="padding-top:4px;">
<div class="module main">
<div class="main-content clearfix">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
<div id="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 -->
- Code:
body{
background: #E1D8F3 url('http://www.4tvn.com/styles/body_bg3.jpg') no-repeat 50% 0 fixed!important;
}
body.bg1, .bg1 .maintitle, .bg1 #header, .bg1 .footer, .bg1 #SignupButton .inner, .bg1 .footerLegal .pageContent, .bg1 .node .forumNodeInfo .nodeIcon, .bg1 .node .categoryForumNodeInfo .nodeIcon {
background: #E1D8F3 url('http://www.4tvn.com/styles/body_bg3.jpg') no-repeat 50% 0 fixed!important;
}
#loginBar {
color: #EEE;
background: url(http://4tvn.com/rgba.php?r=0&g=0&b=0&a=165);
_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000,endColorstr=#A5000000);
position: relative;
z-index: 1;
}
.pageWidth {
margin: 0 auto;
min-width: 1000px;
max-width: 1100px;
}
#header .pageWidth .pageContent {
zoom: 1;
}
#loginBar .pageContent {
padding-top: 5px;
position: relative;
_height: 0px;
}
#loginBar #loginBarHandle {
font-size: 12px;
color: #FAFAFA;
background: url(http://4tvn.com/rgba.php?r=0&g=0&b=0&a=165);
_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A5000000,endColorstr=#A5000000);
padding: 0 10px;
margin-right: 20px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
-khtml-border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-khtml-border-bottom-left-radius: 4px;
position: absolute;
right: 0px;
bottom: -25px;
text-align: center;
z-index: 1;
line-height: 20px;
height: 25px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
#header .pageWidth .pageContent::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#logo {
display: block;
float: left;
line-height: 96px;
height: 100px;
vertical-align: middle;
}
#navigation .pageContent {
height: 79px;
position: relative;
}
.navTabs.primary_nav {
float: left;
background: url('http://www.4tvn.com/styles/uniform/xenforo/xenfocus/user_bar.png') repeat;
background: url(http://4tvn.com/rgba.php?r=0&g=0&b=0&a=51);
_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-khtml-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-khtml-border-top-right-radius: 4px;
margin-left: 10px;
}
.navTabs {
font-size: 12px;
height: 35px;
}
.navTabs .publicTabs {
float: left;
}
.navTabs {
font-size: 12px;
}
.navTabs .navTab {
float: left;
white-space: nowrap;
word-wrap: normal;
border-top-left-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-khtml-border-top-left-radius: 4px;
border-top-right-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
-khtml-border-top-right-radius: 4px;
}
li {
list-style: none;
}
.Popup .PopupControl, .Popup.PopupContainerControl {
display: inline-block;
cursor: pointer;
}
.Popup {
position: relative;
}
.pun {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 5px;
width: 100%;
background-color: white;
max-width: 1090px;
min-width: 1000px;
}
#pun-intro {
background-color: #DFE8FF;
background-image: url(http://2img.net/i/fa/empty.gif);
background-repeat: repeat-x;
border-bottom: 1px solid white;
margin: 0;
padding: 1.5em 1em 1em;
text-align: center;
}
.main .main-head {
font-size: 11px;
color: #737373;
background: #E7E7E7 url('http://www.4tvn.com/styles/uniform/xenforo/gradients/category-23px-light.png') repeat-x top;
padding: 5px 10px;
margin: 3px auto 0;
border-top: 1px solid #E7E7E7;
border-bottom: 1px solid #D4D4D4;
border-bottom-color: #D4D4D4;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
min-height: 6px;
margin-bottom: 5px;
}
#pun-intro {
margin: 10px 0;
color: #737373;
background-color: #F8F8F8;
text-align: center;
padding: 5px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border: solid 1px #D4D4D4;
}
p#pun-desc {
color: #1B9BFF;
font-family: Impact;
font-size: 16px;
}
.pun .main-content {
border: 1px solid #CCC;
margin-top: 3px;
margin-bottom: 8px;
}
.maintitle {
color: white;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;
-webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 1px 3px inset;
-moz-box-shadow: rgba(0,0,0,0.8) 0px 1px 3px inset;
-khtml-box-shadow: rgba(0,0,0,0.8) 0px 1px 3px inset;
text-shadow: black 0px 1px 2px;
font-size: 13px;
line-height: 20px;
font-weight: bold;
padding: 7px 10px;
margin: 0 0 5px 0;
}
.pun table.table td {
background-image: url('http://www.4tvn.com/styles/uniform/xenforo/xenfocus/row_gradient.png');
background-repeat: repeat-x;
background-position: 0 100%;
border-top: 1px solid white;
overflow: hidden;
zoom: 1;
position: relative;
}
#pun-visit, .main-box {
font-weight: bold;
font-size: 12px;
color: #555;
background: #EDEDED url('http://forum.2gvn.com/upload/styles/uniform/xenforo/gradients/highlight.png') repeat-x 0 0;
padding: 6px;
margin: -10px 10px 3px;
border-bottom: 1px solid #D7D7D7;
border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
text-shadow: white 0px 1px 0px;
box-shadow: inset white 0px 1px 0px;
-webkit-box-shadow: inset white 0px 1px 0px;
-moz-box-shadow: inset #fff 0px 1px 0px;
-khtml-box-shadow: inset #fff 0px 1px 0px;
}
#stats {
background-color: #F4F4F4;
line-height: 150%;
padding: .6em 1em;
}
#onlinelist {
background-color: #E5E4FF;
border-top: 1px dashed #CCC;
padding: .6em 1em;
}
#pun-about{
font-weight: bold;
font-size: 12px;
color: #555;
background: #EDEDED url('http://forum.2gvn.com/upload/styles/uniform/xenforo/gradients/highlight.png') repeat-x 0 0;
padding: 6px;
margin: -10px 10px 3px;
border-bottom: 1px solid #D7D7D7;
border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
text-shadow: white 0px 1px 0px;
box-shadow: inset white 0px 1px 0px;
-webkit-box-shadow: inset white 0px 1px 0px;
-moz-box-shadow: inset #fff 0px 1px 0px;
-khtml-box-shadow: inset #fff 0px 1px 0px;
}
.s_plus {
color: #CEE0E5;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
}
.s_plus {
color: #293D4F;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
padding: 2px;
text-align: center;
}
.pun .main-content {
background-color: #EDEDED;
padding: 10px 10px 1px;
border: 1px solid #D7D7D7;
}
.pun .post{background-color: white;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #D7D7D7;
box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px;
-webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 1px 3px;
-moz-box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
-khtml-box-shadow: rgba(0,0,0,0.08) 0px 1px 3px;
}
.pun-crumbs p {
-khtml-border-radius: 5px;
-khtml-box-shadow: rgba(0,0,0,0.08) 0 1px 3px;
-moz-border-radius: 5px;
-moz-box-shadow: rgba(0,0,0,0.08) 0 1px 3px;
-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
background: #FAFAFA url(http://www.4tvn.com/styles/uniform/xenforo/gradients/category-23px-light.png) repeat-x top;
border: 1px solid #D7D7D7;
border-radius: 5px;
box-shadow: rgba(0, 0, 0, 0.08) 0 1px 3px;
font-size: 11px;
overflow: hidden;
zoom: 1;
height: 30px;
font-size: 13px;
font-family: serif;
}
.main .main-foot, .main .main-head {
background-color: #ACF4F7;
color: red;
font-weight: 400;
padding: .7em 1.3em;
}
Chưa Biết Skin được share chưa nữa nếu share rồi mod del bài dùm
Nguồn Chinh phục
