Giao Diện :
Code :
index_body : http://pasted.co/1f3a4c88
index_box : http://pasted.co/b056d787
overall_footer_begin : http://pasted.co/c265e8fb
overall_footer_end : http://pasted.co/5a026de8
overall_header : http://pasted.co/a72efb3a
CSS :
Hướng dẫn thay icon box :
vào index_box : tìm dòng
Link Dow :
Skin @ 2018 Edit by kun.iam.7
Code :
index_body : http://pasted.co/1f3a4c88
index_box : http://pasted.co/b056d787
overall_footer_begin : http://pasted.co/c265e8fb
overall_footer_end : http://pasted.co/5a026de8
overall_header : http://pasted.co/a72efb3a
CSS :
Code:
/* nền cho box */
.pun table.table td {
background-image: url(http://i36.servimg.com/u/f36/17/76/06/16/bg1010.png);
}
/* trang tri khung qc */
#main-content > .module.main > .main-content > div:first-child{background:url(http://i56.servimg.com/u/f56/18/59/49/93/187e1010.png) no-repeat left transparent!important;margin-top:0!important;margin-left:0!important;position:relative!important;z-index:9999!important;width:100%!important}
/* xoay box */
.statused .desc img:first-child,#pun-info .imgleft{transition:all .2s;-webkit-transition:all .2s;position:absolute;margin-left:0px;height:45px;margin-top:0px;width:45px} .statused tr:hover .desc img:first-child,#pun-info dd:hover .imgleft{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg)}
/* thanh mian*/
.main .main-head {
color: #fff;
background: #007bb6;
padding: 16px 30px;
margin-top: 15px;
}
.main .main-head .page-title, #pun-qpost p.h2, #ucp .main-head .subtitle, .pun .main-head .h2, .pun .main-head .h3,form.frm-form .subtitle,.subtitle{ font-weight: bold; font-size: 16px; color: #fff; }
.main .main-foot { background-color: #007bb6; color: #fbfbfb; font-weight: 400; font-size: 14px; }
/**** navtren *****/
#header {
background: #007bb6;
height: 100px;
padding: 15px 0;
}
.pagewidth {
margin: 0 auto;
max-width: 1200px;
padding: 0 10px;
position: relative;
}
.logo img {
height: 80px;
margin-top: 10px;
max-width: 300px;
}
.logo2 img {
float: right;
height: 80px;
margin-top: 10px;
}
/* nav */
#pun-navlinks ul {
text-align:center;
}
#pun-navlinks li {
line-height: 35px;
display: inline;
}
#pun-navlinks a {
text-decoration: none !important;
color: #fff;
}
#pun-navlinks {
left: 0px;
top: 0px;
max-width: 100%;
z-index: 777;
background: rgb(42, 50, 54);
border-bottom: 5px solid #000 ;
}
#navkunbar {
height: 36px;}
#pun-navlinks li a {
z-index:10;
padding: 7px 5px 5px 5px;
}
/***** linh tinh ******/
a:link, a:active, a:visited { text-decoration: none; }
.pun a:hover { color: #1976d2; }
.pun a:link { color: #33363b; }
/***** crumbs *****/
.pun-crumbs {
background: #fff;
border: solid #007bb6;
margin: 10px;
padding: 10px;
}.pun-crumbs p {
color: #1976d2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
/* thongke baivongfm */
.leftStats{float:left;margin-left:-71px;position:absolute;vertical-align:middle;width:60px}
.rightStats{border-left:2px solid #CFC9C9;min-height:50px;padding-left:10px;margin:5px 10px 5px 70px}
.starsTitle { background: #ddd; color: #706969; height: 20px; line-height: 20px; text-shadow: 1px 1px 1px #FFF; padding: 5px; }
.online2 strong { color: Orange; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.online1 strong { color: #9acd32; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.post1 strong { color: #00bfff; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
.online3 strong { color: #ff0000; font-family: georgia; font-size: 19px; font-style: normal; font-weight: 400; text-decoration: none; }
/* copyright */
.copyrightnothe {
border-top: #000 solid 3px;
color: #fbfbfb;
font-weight: 700;
padding: 10px;
margin-top: 30px;
background: #007bb6;
}
.copyrightimg {
float: right;
margin-top: -105px;
position: absolute;
right: 10px;
}
.copyrightimg img {
max-height: 200px;
height: 100px;
}
/*** khung punbb nha tai tro ***/
#pun-about {background-color: #fff;line-height: 150%;padding: .6em 1em;text-align: right;}
/**********body************/
body{line-height: 18px; text-align: left; color: #333; font-size: 13px; font-weight: 400; background-color: #f0f0f0;}
.pun {
line-height: 130%;
margin: 0 auto;
color: #000;
padding:20px;
margin:0px auto;
margin-bottom:2px;
max-width : 1270px;
background: rgba(255,255,255,0.3);
margin-top: 20px;
outline: 1px solid rgba(255,255,255,0.6);}
Hướng dẫn thay icon box :
vào index_box : tìm dòng
Code:
$("[value= 'tên chuyên mục']").replaceWith('<img src=" link hình ảnh"> </img>');
Code:
Demon onl : http://dohoa-vn.forumvi.com/
Link Dow :
Code:
http://www.mediafire.com/file/8z0iup2fbjeliwm/skin+dhfmv8.rar