Giao Diện :
![[Share] Skin ĐHFM.V7 @PUNBB Page10](https://i.servimg.com/u/f62/19/90/15/83/page10.jpg)
![[Share] Skin ĐHFM.V7 @PUNBB Page210](https://i.servimg.com/u/f62/19/90/15/83/page210.jpg)
index_body : http://pasted.co/3b4048db
index_box : http://pasted.co/5d11f22d
overall_footer_begin : http://pasted.co/8fb48191
overall_footer_end : http://pasted.co/c7e8dcee
overall_header : http://pasted.co/97d39ccf
CSS :
Được sửa bởi kun.iam.7 ngày 5/2/2018, 18:12; sửa lần 4.
Skin @ 2018 Edit by kun.iam.7
CODE :
index_body : http://pasted.co/3b4048db
index_box : http://pasted.co/5d11f22d
overall_footer_begin : http://pasted.co/8fb48191
overall_footer_end : http://pasted.co/c7e8dcee
overall_header : http://pasted.co/97d39ccf
CSS :
Code:
/***** linh tinh ******/
a:link, a:active, a:visited { text-decoration: none; }
.pun a:hover { color: #1976d2; }
.pun a:link { color: #33363b; }
/**** tab li lich ****/
#tabs ul li.activetab a {
background-color: #1976d2;
border-color: #1976d2;
color: #fff;
text-decoration: none;
}
#tabs ul li.activetab a:hover {
background-color: #33363b;
border-color: #33363b;
color: #f4f9fd;
text-decoration: none;
}
/******* menuuuuuuu ************/
#menukun ul { list-style: none; margin: 0; padding: 0; line-height: 1; display: block; zoom: 1; }
#menukun ul:after { content: ' '; display: block; font-size: 0; height: 0; clear: both; visibility: hidden; }
#menukun ul li { float: left; display: block; padding: 0; }
#menukun ul li a { color: #ffffff; text-decoration: none; display: block; padding: 15px 20px; font-weight: 700; text-transform: uppercase; font-size: 13px; position: relative; -webkit-transition: color .25s; -moz-transition: color .25s; -ms-transition: color .25s; -o-transition: color .25s; transition: color .25s; }
#menukun ul li a:before { content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 3px; width: 0; -webkit-transition: width .25s; -moz-transition: width .25s; -ms-transition: width .25s; -o-transition: width .25s; transition: width .25s; }
#menukun ul li.last > a:after, #menukun ul li:last-child > a:after { display: none; }
#menukun ul li.active a:before { width: 100%; }
#menukun ul li a { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#menukun ul li a:before { height: 1px; background: #ffffff; width: 100%; opacity: .2; }
#menukun ul li.last > a:before, #menukun ul li:last-child > a:before { display: none; }
#menukun li li { display: block; float: none; padding: 0; position: relative; width: 225px; }
#menukun p { clear: left; }
#menukun .active > a { background: #fff; -webkit-box-shadow: 0 -4px 0 #000, 0 -5px 0 #000, 0 -6px 0 #000; -moz-box-shadow: 0 -4px 0 #1b9cff, 0 -5px 0 #59abe9, 0 -6px 0 #1b9cff; color: #ffffff; }
#menukun { background: #33363b; padding: 0 80px; }
#menukun ul { text-transform: uppercase; }
#menukun > ul li.has-sub:hover ul { display: block; }
#menukun > ul li.has-sub > a:hover { background: #d80041 no-repeat; background-position: 90% 195%; }
#menukun > ul li a:hover { background: #757575; color: #fff; text-shadow: 0 1px 0 #000;}
/****** mennu dau *******/
#pun-intro { background: #1976d2; background-size: 100% !important; border: 0 !important; height: 100px; margin: 0 auto !important; padding: 0 !important; width: 100%; }
#pun-title { background: rgba(255, 255, 255, .8); border-left: 5px solid #777; color: #000; font-family: Courier New; font-size: 40px; font-weight: 700; margin-left: -5px; margin-top: 10px; padding: 30px; position: absolute; white-space: nowrap; }
#navavt img { height: 65px; width: 200px; }
#navavt { background: #fff; border: 3px solid #000; height: 65px; overflow: hidden; overflow-y: auto; padding: 10px; position: absolute; right: 10px; top: 5px; width: 200px; }
/******** thanh tieu de tat ca ***********/
.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{ position: absolute; background: #1976d2; font-weight: bold; font-size: 16px; padding: 11px 30px; color: #fff; margin-left: 20px; border-left: 5px solid #1976d2; border-right: 5px solid #1976d2; }
.main .main-head { padding: 3px 10px; height: 38px; background: #33363b; margin: 10px 0 0 0;}
.main .main-foot { background-color: #1976d2; color: #fbfbfb; font-weight: 400; padding: .7em 1.3em; font-size: 14px; }
/*************** thong ke dien dan ***************/
.table-online { height: auto; padding: 20px; background: #fff; border: 3px solid #33363b; color: #000; font-size: 14px; }
.table-liner { margin: 5px 0; border-top: 1px solid #000; }
.statistics-list img { height: 35px; }
.statistics-list { line-height: 2.0; }
.statistics-list dl { overflow: hidden; }
.statistics-list dt { float: left; max-width: 100%; margin-right: 5px; }
.statistics-list dd { float: right; text-align: right; max-width: 100%; }
/*******dang nhap***************/
#funybox { display: none; height: 100%; position: fixed; width: 100%; z-index: 999; background-color: #0000006b; top:0px; bottom:0px }
#loginbox { font-family: Arial, tahoma, Sans-Serif; font-size: 13px; height: 180px; left: 50% !important; margin: -200px auto auto -300px !important; position: fixed; top: 50% !important; width: 600px; }
.loginbox_content { background: #1e1f22; color: #fff; height: 100%; width: 100%; }
.loginbox_head { background: #1e1f22 repeat-x 0 0; border-bottom: 5px solid #1976d2; display: inline-block; height: 35px; line-height: 35px; vertical-align: middle; width: 100%; }
.loginbox_head strong { padding-left: 20px; }
.loginbox_head span a { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #fff; border: 1px solid #777; border-radius: 2px; color: #fff; display: inline-block; float: right; font-weight: bolder; height: 16px; line-height: 14px; margin-right: 10px; margin-top: 7px; position: relative; text-align: center; width: 16px; }
.loginbox_username { float: left; font-weight: 700; margin-top: 10px; padding: 10px 20px; width: 250px; }
#quick_login_password, #quick_login_username { -moz-box-shadow: inset 0 2px 5px #f0f0f0; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; -webkit-box-shadow: inset 0 2px 5px #F0F0F0; -webkit-transition: .4s; background: #F9F9F9; border: 1px solid #CCC; box-shadow: inset 0 2px 5px #F0F0F0; font-size: 13px; margin: 5px 0; outline: 0; padding: 5px; transition: .4s; width: 260px; }
.loginbox_password { float: right; margin-top: 10px; padding: 10px 40px 10px 0; width: 250px; }
.loginbox_password label { font-weight: 700; }
.forgot.right { float: right; position: relative; top: -65px; }
.forgot.right a { color: #fff; display: inline-block; font-size: 13px; position: relative; right: -25px; top: 2px; width: 120px; }
.loginbox_submit { left: -273px; padding-left: 16px; position: relative; top: 72px; }
.loginbox_submit_button { float: right; margin-right: 20px; margin-top: 50px; position: absolute; right: 0; }
#signin_submit_remember { background: #1976d2; border: 1px solid #fff; border-radius: 2px; box-shadow: inset 0 0 2px #1976d2; color: #fff; cursor: pointer; padding: 10px 50px; transition: 0.5s, box-shadow 0; }
.loginbox_submit label { margin-left: 5px; position: absolute; top: 0; }
/***** crumbs *****/
.pun-crumbs {
background: #fbfbfb;
border: solid #1976d2;
margin: 10px;
padding: 10px;
}.pun-crumbs p {
color: #1976d2;
font-size: 1.11em;
line-height: 1.5;
margin: 0;
}
/**********body************/
body{line-height: 18px; text-align: left; color: #333; font-size: 13px; font-weight: 400; background-color: #e7e7e7;background-image: url(http://i39.servimg.com/u/f39/18/59/49/93/bg10.png);}
.pun {
line-height: 130%;
margin: 0 auto;
color: #000;
padding:20px;
border-radius: 3px;
margin:0px auto;
margin-bottom:2px;
width : 1350px;
background: rgba(255,255,255,0.3);
margin-top: 20px;
outline: 1px solid rgba(255,255,255,0.6);}
/* boxx ne */
.statused .desc img:first-child, #pun-info .imgleft { transition: all .2s; -webkit-transition: all .2s; position: absolute; margin-left: 0; height: 45px; margin-top: 0; width: 45px; }
{ .statused tr: hover .desc img: first-child, #pun-info dd: hover; }
.pun .main-content { border: 1px solid #33363b;}
/* Footer */
#footerkun { padding: 30px; background: #33363b; margin-top: 60px; color: #aaa; line-height: 1.6em; text-align: center; }
#footerkun a { color: #fff; }
.footermain{margin:0 -10px;}
.tabfooterkun{width:25%;float:left;}
.footertitle h3 {padding:0 10px;background:#1976d2;height:35px;line-height:35px;margin:0 0 10px;color:#fff;font-size:16px}
.tieudefooterduoi p a {background: #1976d2;display: block;height: 25px;line-height: 25px;margin: 0px 50px 5px;padding: 0 10px;margin-top : 6px }
/*** khung punbb nha tai tro ***/
#pun-about {background-color: #fff;line-height: 150%;padding: .6em 1em;text-align: right;}
Demon onl : http://kuniam7.forumvi.com/
LINK DOW :
Code:
http://www.mediafire.com/file/5wsqpajp058xua5/skin+dhfm.v7.rarĐược sửa bởi kun.iam.7 ngày 5/2/2018, 18:12; sửa lần 4.
