skin rip by TOm ( TOm nha cứ Tom mãi =.=)
người dùng vui lòng ko xóa tên người rip
người copy bài vui lòng ghi nguồn [You must be registered and logged in to see this link.]
css
- Code:
#content {
background-color: white;
margin-top: 5px;
padding: 10px;
overflow: hidden;
position: relative;
width: 968px;
margin: 0px auto;
}
.cate-title, .video .content-item a.video-img, .zing-video-img, .video-img ,.upload a, .author span, .singer-info-block .singer-image, .singer-block-item .singer-image, .small-channel-img, .singer-img, .singer-video .video-img, .biz-channel-img, .album-img, #tab-tooltip a, .paging a, .social a, .tab-nav li, .icon, .oLyric a, .album-detail-img, .bxh-col .content-item.first-child .top-rank, .bxh-title, .channel-featured-paging a, .btnsearch, .acc_user_menu li span, .channel-prev-button span, .channel-next-button span, .radio-category .dialog, .zing-vip .read-more, .vipEX, .zing-album-img, .sidebar-singer-info ul li a span, .zme-repost a, .zme-note, .zme-comment, .zl-icon, .zlive-singer h3, .bxh-detail .rank1, .bxh-detail .rank2, .bxh-detail .rank3, .imsetup, .imsend, .new-slash, .hot-slash {
background: url(http://static.mp3.zdn.vn/skins/mp3_version3_05/images/icon-24.png) no-repeat;}ol, ul {
list-style: none;
}li { display: list-item; }
.main .main-foot, .main .main-head {
background-image: url(http://i30.servimg.com/u/f30/17/60/05/62/417.png);
width: 795px;
color:#000000;
}
body {
color: black;
background: white;
line-height: 1.4;
background: black url(http://static.mp3.zdn.vn/skins/mp3_version3_05/images/bg-2.jpg) center top fixed no-repeat;
font-family: Tahoma,Arial,sans-serif;
font-size: 12px;
color: #333;
outline: 0 none;
margin:0px}.top-wrap {
background-position: left -307px;
margin-bottom: 5px;
}.grid980 {
margin: 0 auto;
width: 980px;
}
#tab-tooltip a, .button, .tab-nav li, .main-notification, .song-slider-nav li, .button, .paging a, .lyric-content, .gray-button, .etooltip, .bxh-time, .top-wrap, .tag-page li.selected, .subcol ul li a:hover, .main-nav .zingsubmenu li a:hover, .calendar .toppanel, .filter-button-active, .date-option, .bxh-block-100-title, .real-table-title {
background: url(http://static.mp3.zdn.vn/skins/mp3_version3_05/images/vline.jpg) top left repeat-x;
}/*---------------------- header ----------------------*/
.top-wrap {
background-position: left -307px;
margin-bottom: 5px;
}
/* Begin logo*/
.logo a {
height: 34px;
float: left;
display: block;
margin: 0 0 5px 0;
}
/* Begin search*/
.search {
position: relative;
}
.search p {
overflow: hidden;
padding: 1px;
background-color: black;
margin-top: 5px;
float: left;
border-radius: 3px;
border: 1px solid #5a5a5a;
border-top: none;
}
.tbsearch {
display: block;
width: 325px;
height: 26px;
border: none;
float: left;
padding: 0 10px;
line-height: 26px;
color: #5c5c5c;
border-radius: 2px 0 0 2px;
}
.btnsearch {
height: 26px;
width: 32px;
background-position: -122px -76px;
float: right;
}
/* Begin search-autocomplete*/
.search-autocomplete {
position: absolute;
top: 35px;
left: 146px;
z-index: 999;
width: 345px;
border: 1px solid #B3B3B3;
}
.search-item h3 {
padding: 10px 0 0 10px;
float: left;
}
.search-item ul {
float: right;
width: 75%;
border-left: 1px solid #dfdfdf;
border-bottom: 1px solid #dfdfdf;
background-color: #f2f2f2;
}
.search-for {
border-bottom: 1px solid #dfdfdf;
padding: 5px 15px;
display: block;
}
.zme-autocomplete-activeItem {
background-color: #e5e5e5;
}
.search-item a {
padding: 5px;
display: block;
}
.search-item a:hover {
background-color: #8E59A9;
}
.zme-autocomplete-activeItem {
background-color: #e5e5e5;
}
.search-item span {
display: block;
}
.search-img {
float: left;
margin-right: 5px;
padding: 2px;
}
.nav-li-hover, .main-nav > ul > li:hover, .main-nav ul li.selected {
background-color: white;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
padding: 0 14px !important;
}
.main-nav ul .secp-nav {
border-right: 1px solid white;
border-left: 1px solid #CCCCCC;
height: 20px;
margin: 7px 10px 0;
padding: 0;
}
.main-nav ul .secp-nav:hover {
padding: 0!important;
}
.main-nav > ul > li:hover .zingsubmenu_multicol, .main-nav > ul > li:hover .zingsubmenu {
display: block;
}
/* Sub menu Single-column */
.main-nav .zingsubmenu{background-color:#fff;border:1px solid #dbdbdb;position:absolute;padding:0;overflow:auto;max-width:200px;min-width:160px;z-index:100;padding:1px;_width:200px;line-height:29px;z-index: 999;}
.main-nav .zingsubmenu li{display:block;float:none;font-weight:normal;line-height:16px;_height:1%;vertical-align:bottom;border-top:1px solid #e2e2e2;padding: 0}
.main-nav .zingsubmenu li:first-child{border-top:0 none;}
.main-nav .zingsubmenu li a{border-left:0 none;border-right:0 none;padding:5px 8px;display: block; font-weight: normal; text-shadow: none;}
.main-nav .zingsubmenu li a:hover{background-position: left -418px;padding:5px;color:#fff;font-weight:bold;}
/* Sub menu multi-column */
.main-nav .zingsubmenu_multicol{background-color:#fff;border:1px solid #dbdbdb;position:absolute;padding:0;overflow:auto;z-index:100;padding:1px;top: 32px;left: 0;z-index: 999;}
.main-nav .zingsubmenu_singlecol {position: absolute; top: 32px;}
.subcol{float:left;border-left:1px solid #ddd;overflow:hidden;}
.subcol.first-child,.subcol:first-child{border-left:none 0;}
.subcol h2{text-align:center;padding:10px 0;font-size:12px;line-height:normal;color:#333;border-bottom:1px solid #ebebeb;background-color:#f5f5f5}
.subcol ul{min-width:150px;overflow:hidden;}
.subcol ul li{display:block;float:none;border-bottom:1px solid #ebebeb;line-height:29px;padding:0;}
.subcol ul li a{font-weight:normal;display: block;padding: 0 8px; text-shadow: none;}
.subcol ul li:last-child{border-bottom:0 none;}
.subcol ul li a:hover{font-weight:bold;color:#fff;background-position: left -418px ;border:0 none;padding:0 8px;}
.subcol .subinner_item li{float:left;display:inline;border-right:1px solid #ebebeb;}
.music_submenu{width:976px;}
.songcol_list{width:412px;}
.main-nav .songcol_list.last-child {width:150px;}
.subcol .subinner_item ul{white-space:nowrap;width:415px}
.subcol .subinner_item li a{float:left;width:121px;display:inline;border:none 0;}
.zingarrowuser {
background-position: left -1296px;
display: inline;
float: right;
height: 8px;
margin: 9px 5px 0 6px;
width: 12px;
} /* Begin tag-page*/
.tag-page {
padding-left: 25px;
overflow: hidden;
float: left;
position: relative;
}
.tag-page li {
float: left;
padding: 9px 12px 11px;
}
.tag-page li.selected {
border-left: 1px solid #3C3D3E;
border-right: 1px solid #3C3D3E;
background-position: left -379px;
padding: 0;
}
.tag-page li.selected span {
border-left: 1px solid #000;
border-right: 1px solid #000;
display: block;
}
.tag-page li.selected strong {
border-left: 1px solid #606060;
border-right: 1px solid #606060;
display: block;
padding: 9px 8px 12px;
}
.tag-page li.last-child {
background: none;
}
.tag-page a {
font-size: 13px;
}
.main-nav .zingsubmenu_multicol {
background-color: white;
border: 1px solid #DBDBDB;
position: absolute;
padding: 0;
overflow: auto;
z-index: 100;
padding: 1px;
top: 32px;
left: 0;
z-index: 999;
}
.music_submenu {
width: 976px;
}.main-nav {
clear: both;
height: 32px;
position: relative;
}#home {
width: 30px;
height: 32px;
color: #EFEFEF;
background-position: left -5px;
float: left;
}.main-nav > ul > li {
padding: 0 11px;
}
.main-nav ul li {
float: left;
line-height: 32px;
padding: 0 15px;
}.main-nav li a {
color: #474747;
}.search-item a:hover, .search-item a:hover span, .btnsearch, .tag-page li a, .login, .login a, .album .content-item h3 a, .zing-video-img .top-rank, .zing-top-song-item .top-rank, .button, .paging a:hover, .paging .active, .singer-img .top-rank, .genre-album-home .content-item .meta a, .zing-album-img .top-rank, .album-block .content-item .meta h2 a, .album-block .content-item .meta h3 a, .z-chart-box h2, .genre-video-slider-detail a, .genre-singer-home .content-item h3 a, .real-time .cur-time p {
color: white;
} /* Begin user-area*/
.login {
float: right;
padding: 10px 10px 0 0;
}
.user-area {
float: right;
padding: 8px 2px 0 6px;
width: 102px;
}
.header .selected {
border-left: 2px solid #355D98;
border-right: 2px solid #355D98;
padding: 8px 0 0 4px;
background: white;
}
.user-area.selected .zingarrowuser {
background-position: -12px -1296px;
}
.user-vip {
background-position: left -1327px;
display: block;
height: 18px;
width: 20px;
float: left;
margin: 10px 0 0 99px;
}
.user-avatar {
border: 1px solid #9C9C9C;
display: block;
width: 20px;
height: 20px;
margin-right: 10px;
float: left;
overflow: hidden;
padding: 1px;
}
.user-area h3 {
display: block;
float: right;
text-align: center;
line-height: 23px;
float: left;
}
.user-area h3 a {
color: #E6E6E6;
}#content {
background-color: white;
margin-top: 5px;
padding: 10px;
overflow: hidden;
position: relative;
}
/* Begin category*/
.category {
padding-bottom: 5px;
}
.cate-title {
background-position: left -745px;
padding: 5px 0 5px 35px;
height: 21px;
}
.cate-title, .sidebar-block-title {
margin-bottom: 5px;
}
.sidebar-block.user-function {
padding: 0;
}
.category ul, .etooltip p {
padding: 0 10px;
}
.category ul li {
padding: 3px 0;
}
/* Begin main-content*/
#main-content {
float: right;
width: 826px;
margin-left: 10px;
}.categories {
float: left;
width: 128px;
border-top: none;
}
.category ul, .etooltip p {
padding: 0 10px;
}.categories, .sidebar-block, .music-function-box, .music-function-box .list-playlist, .lyric-content, .drop-box, .etooltip, .z-chart-box, .bxh-icon-box, .real-time .real-box {
border: 1px solid #DFDFDF;
-moz-box-shadow: 0 0px 5px #dfdfdf;
-webkit-box-shadow: 0 0px 5px #DFDFDF;
-ms-box-shadow: 0 0px 5px #dfdfdf;
-o-box-shadow: 0 0px 5px #dfdfdf;
box-shadow: 0 0px 5px #DFDFDF;
}/*---------------------- footer ----------------------*/
.footer {
padding: 10px 0;
overflow: hidden;
clear: both;
}
.footer-list {
overflow: hidden;
padding: 10px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}
.footer-list li {
display: inline;
}
.footer-list li h2 {
display: inline;
}
.footer-list li a {
line-height: 25px;
padding-right: 32px ;
}
.footer-info {
padding: 10px;
border-top: 5px solid #f5f5f5;
border-bottom: 5px solid #f5f5f5;
margin-bottom: 15px;
overflow: hidden;
clear: both;
} /* Begin link-group*/
.link-group {
float: left;
width: 145px;
padding-left: 15px;
}
.link-group-title {
color: #5c5c5c;
margin-bottom: 5px;
position: relative;
}
.link-group-title:before {
background-position: right -5px;
position: absolute;
display: block;
width: 5px;
height: 9px;
content: '';
left: -15px;
top: 3px;
}
.link-group ul li {
margin: 2px 0;
}
.copyright {
clear: both;
float: left;
width: 400px;
padding: 0 20px;
}
.copyright span {
display: block;
}
.author {
float: right;
width: 400px;
text-align: right;
padding: 13px 65px 20px 0;
overflow: hidden;
position: relative;
}
.author span {
width: 48px;
height: 25px;
background-position: left -218px;
float: right;
position: absolute;
top: 10px;
right:10px;
}
.fb {
display: block;
width: 25px;
height: 60px;
background-position: right -1258px;
}
- Code:
<!-- BEGIN html_validation -->
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<div>
<!-- END html_validation -->
</div>
<div id="{ID_RIGHT}">
<!-- BEGIN giefmod_index2 -->
{giefmod_index2.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index2 -->
<div id="pun-foot">
<div id="pun-about" class="clearfix">
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" id="qjump">
<fieldset>
<p><label>{L_JUMP_TO}: </label></p>
{S_JUMPBOX_SELECT} <input type="submit" value="{L_GO}" />
</fieldset>
</form>
<ul>
<li>
<!-- BEGIN html_validation -->
</li>
</ul>
</div>
</div>
</div>
<!-- END html_validation -->
[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 class="footer">
<div class="footer-info">
<div class="link-group">
<p class="link-group-title">ZING MP3</p>
<ul>
<li><a href="/huong-dan/About-Zing-Mp3/17.html">Giới thiệu</a></li>
<li><a href="/huong-dan/Tuyen-dung/29.html">Tuyển dụng</a></li>
<li><a href="/huong-dan/Qui-dinh/30.html">Điều khoản sử dụng</a></li>
<li><a href="/huong-dan/Qui-dinh/30.html">Chính sách riêng tư</a></li>
</ul>
</div><!--End .link-group -->
<div class="link-group">
<p class="link-group-title">MỞ RỘNG</p>
<ul>
<li><a href="/huong-dan/Zing-Mp3-APIs/36.html">APIs</a></li>
<li><a href="#">Feed</a></li>
<li><a href="#">RSS</a></li>
</ul>
</div><!--End .link-group -->
<div class="link-group">
<p class="link-group-title">FOLLOWS US</p>
<ul>
<li><a href="http://me.zing.vn/mp3" target="_blank">Zing Me</a></li>
<li><a href="https://www.facebook.com/zingmp3" target="_blank">Facebook</a></li>
<li><a href="https://www.youtube.com/zingmp3" target="_blank">Youtube</a></li>
<li><a href="http://twitter.com/zingmp3" target="_blank">Twitter</a></li>
</ul>
</div><!--End .link-group -->
<div class="link-group">
<p class="link-group-title">TRỢ GIÚP</p>
<ul>
<li><a href="/huong-dan/index.html">FAQs</a></li>
<li><a class="_feedBackBtn">Góp ý - Báo lỗi</a></li>
</ul>
</div><!--End .link-group -->
<div class="link-group">
<p class="link-group-title">DỊCH VỤ</p>
<ul>
<li><a href="/vip" target="_blank">Zing VIP</a></li>
<li><a href="http://ads.zing.vn/home/services/display/1/Zing-Mp3" target="_blank">Quảng cáo</a></li>
</ul>
</div><!--End .link-group -->
<div class="link-group last-child">
<p class="link-group-title">PHIÊN BẢN MOBILE</p>
<ul>
<li><a href="http://3g.zing.vn/zme/zme_android.html" title="Zing Mp3 Android" target="_blank">Android</a></li>
<li><a href="http://3g.zing.vn/zme/zme_iphone.html" title="Zing Mp3 iPhone" target="_blank">iPhone</a></li>
<li><a href="http://3g.zing.vn/mp3/mp3_nokia.html" title="Zing Mp3 Nokia" target="_blank">Nokia</a></li>
<li><a href="http://m.mp3.zing.vn" title="Zing Mp3 Mobile Web" target="_blank">Mobile Web</a></li>
</ul>
</div><!--End .link-group -->
</div><!--End .footer-info -->
<font color="green">
<p class="copyright">skin rip by <a href="http://vn-answer.123.st/u1">TOm</a><span>người dùng ko dc xóa tên người rio</span><span>Giấy phép MXH số 05-GXN-TTDT.</span></p></font>
<p class="author">Một sản phẩm của <span>Zing</span></p><iframe name="_ifrTemp" id="_ifrTemp" style="width: 0px; height: 0px" frameborder="0"></iframe>
<!-- 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>
nguồn [You must be registered and logged in to see this link.]
header
[You must be registered and logged in to see this link.]