Đăng nhập

Ghi nhớ
Latest topics
» Kỷ niệm xưa của chúng ta
by handsomevip007 20/10/2018, 7:05 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by hóng-er 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

» Button Cool (đầy đủ nhiều màu!)
by olokers 25/12/2017, 5:30 am

» [Skin] [punBB] Skin fmvi version 3
by olokers 25/12/2017, 4:54 am

» Skin]Teen Pro9x [ PunBB ]
by chiecla1989 11/10/2017, 8:56 pm

» [Thắc mắc] Website tự thay đổi banner
by white1416 29/9/2017, 8:05 pm

» [Thắc mắc] chỉnh màu <hr>
by sayedn73 28/9/2017, 3:21 pm

» Một số cover cho Zing.me và Facebook
by sayedn73 28/9/2017, 3:18 pm

» Cần xin skin ngamvn.com
by sayedn73 4/9/2017, 2:40 pm

» Trỏ tên miền p.a vietnam
by tommy_phan 20/8/2017, 2:55 pm

» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 pm

Top posting users this week


[SHARE] SKIN ĐHFM.V7 @PUNBB

Go down

[SHARE] SKIN ĐHFM.V7 @PUNBB

Bài gửi by sps.kủn on 1/5/2018, 10:46 pm

Giao Diện :






Skin @ 2018 Edit by kun.iam.7


CODE :


index_body : http://pasted.co/7c63090e

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;}


avatar
sps.kủn
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 22/12/2013
Số bài : 44
CPP : 74
Châm ngôn sống : Dao có mài mới sắc, người có học mới nên.

Xem lý lịch thành viên http://riro.ace.st/

Về Đầu Trang Go down

Re: [SHARE] SKIN ĐHFM.V7 @PUNBB

Bài gửi by tonyhoaivu on 2/5/2018, 2:37 pm

không hiện thống kê và icon chuyện mục ai xem fix giùm em cái http://phanriclub.forumotion.com/forum
avatar
tonyhoaivu
CPMember
CPMember

Chrome PhpBB2
Ngày đăng ký : 24/09/2013
Số bài : 44
CPP : -48
Châm ngôn sống : Việt Nam

Xem lý lịch thành viên http://phanriclub.forumotion.com

Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết