Giao Diện : UCoz Community
Forumotion Cover By : Thànhkent
Phiên Bản : Punbb
Đề mô : http://forum.ucoz.com/forum
Bước 1 : dán vào css .
Bước 1 : dán vào css .
- Code:
.main-head .subtitle ::before {
content: url(http://i35.servimg.com/u/f35/16/55/88/76/plashk10.png) ;
float:left;
margin-top: 4px;
margin-left: -16px;
}
.main-head .page-title ::before {
content: url(http://i35.servimg.com/u/f35/16/55/88/76/plashk10.png) ;
float:left;
margin-top: 4px;
margin-left: -16px;
}
.main-head-quangcaobenphai ::before {
content: url(http://i35.servimg.com/u/f35/16/55/88/76/plashk10.png) ;
float:left;
margin-top: 4px;
margin-left: -16px;
}
#lastngang .main-head-quangcaobenphai ::before {
content: url(http://i35.servimg.com/u/f35/16/55/88/76/plashk10.png) ;
float:left;
margin-top: 4px;
margin-left: -16px;
}
.vote-button{float:left;width:65px}
.plus{float:left;width:50px;background-color: #ffffff;border: 0px solid #ebebeb;-webkit-border-radius: 3px;
-webkit-border-radius: 3px;color: #3B5998!important;cursor:pointer;display:inline-block;font-size:11px;line-height:13px;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap;padding: 3px 5px 0px 4px;}
.minus{float:left;width:80px;background-color: #ffffff;border: 0px solid #ebebeb;-webkit-border-radius: 3px;
-webkit-border-radius: 3px;color: #3B5998!important;
border-color: #fff;cursor:pointer;display:inline-block;font-size:11px;line-height:13px;text-align:center;text-decoration:none;vertical-align:top;white-space:nowrap;padding: 3px 5px 0px 4px;}
.dosat .qua,.no{margin:6px 2px 0;padding:5px 8px 5px 25px}
.no{padding:5px 8px}
.dosat .qua,.no .vom,.no .vop{background-color: #ffffff;
-webkit-border-radius: 1px;
color: #000;
left: -1px;
padding: 3px;
position: relative;
border: 0px solid #ebebeb;
}
ul.forum-menu {
float: left;
list-style: none;
}
.forum-menu li {
float: left;
padding: 0 22px;
background: url(http://forum.ucoz.com/images/forum-menu.gif) repeat-x;
border-right: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
.forum-menu li a {
display: inline-block;
font: bold 12px/31px 'Arial';
color: #595959;
text-decoration: none;
padding: 0 0 0 5px;
}
.main .main-head {
font-weight: bold;
font-size: 12px;
background: #EFF0F0;
border: 1px solid #D7D7D7;
color: #333;
padding: 9px;
border-radius: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align:center;
}
.main .main-foot {
font-weight: bold;
font-size: 12px;
background: #EFF0F0;
border: 1px solid #D7D7D7;
color: #333;
padding: 9px;
border-radius: 5px;
margin-top: 5px;
margin-bottom: 5px;
text-align:right;
}
.main .main-head-quangcaobenphai {
font-weight: bold;
font-size: 12px;
background: #EFF0F0;
border: 1px solid #D7D7D7;
color: #333;
padding: 9px;
border-radius: 5px;
margin-top: 3px;
margin-bottom: 3px;
}
body{
background: #EEE url("http://i35.servimg.com/u/f35/16/55/88/76/bg10.gif") repeat;
color:#474747;
font-family:tahoma,helvetica,arial,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
}
a:link,a:active,a:visited {
text-decoration: none;
}
a:hover{
text-decoration: none !important;
}
#top-thanhkent {
color: #FFF;
background: url(http://forum.ucoz.com/images/topmenu.gif) repeat-x bottom;
position: relative;
font-size: 12px;
z-index: 999;
width: 100%;
height: 33px;
line-height: 30px;
text-align: center;
font-weight: bold;
position: fixed;
padding-top:3px;
top:0px;
}
.top-thanhkent {
margin: 0px auto 0px auto;
width: 960px;
padding: 0;
position: relative;
}
.topWelcome {
float: left;
}
.topWelcome h1 {
font-size: 1em;
font-weight: bold;
}
.Login-Box {
float: right;
}
.Login-Box ul {
list-style: none;
padding: 0;
margin: 0;
}
.Login-Box li {
float: left;
margin: 0;
padding: 0 3px;
}
.loginInput {
background: white;
border: 0;
color: #454545;
padding: 0 5px;
font-size: 9pt;
width: 121px;
height: 22px;
line-height: 20px;
border: 1px solid #333333;
margin: 3px;
}
.Login-Box a:link, .Login-Box a:visited {
color: #FFF;
}
.loginLeft {
float: left;
}
.notreg {
border-right: 1px solid #FFF;
padding-right: 10px;
font-weight: 700;
}
.input-login-thanhkent {
background: white;
border: 0;
color: #6F6F6F;
padding: 0 5px;
font-size: 9pt;
width: 121px;
height: 20px;
line-height: 20px;
border: 1px solid #333333;
margin: 3px;
border-radius: 1px;
}
.oklogin-thanhkent {
background: white;
border: 0;
color: #000;
font-size: 9pt;
width: 80px;
height: 20px;
line-height: 20px;
border: 1px solid #333333;
margin: 3px;
border-radius: 1px;
font-weight:bold;
}
.footer-zoneit {
background: #FFF;
border-top: 1px solid #ddd;
height: 140px;
text-align: left;
}
#img-footer img {
width: 220px;
height: 70px;
border-radius: 3px;
margin-top:-10px;
}
#footerpunbb {
color: #3AAA00;
}
#designthanhkent {
color: red;
}
#copyright-zoneit {
color: #F24916;
}
.pun {
line-height: 130%;
margin: 0 auto;
min-width: 768px;
padding: 10px;
width: 1000px;
border: 0px solid #586E32;
color: #141414;
border-radius: 1px;
background: none;
}
.pun2 {
margin: 0 auto;
padding: 10px;
backgroundno: #EEEFEB;
border-radius: 1px;
}
.head-TK {
background:none;
border-bottom: 0px solid #b0b0b0;
border-top: 0px solid #b0b0b0;
height: 100px;
width: 100%;
margin-top: 35px;
padding-top:20px;
}
#pun-intro {
background:none;
width: 960px;
margin: 0 auto;
height: 140px;
border-bottom: 0px solid #ddd;
}
#search input {
background: white url(http://i35.servimg.com/u/f35/16/95/03/19/icon-s10.gif) no-repeat right;
border: 1px solid white;
color: #999;
float: right;
font-size: 11px;
line-height: 11px;
padding: 3px 18px 3px 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 2px;
}
.main-contentbox {
border-bottom: 1px solid #DDD;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
}
.pun .main-foot .h2, .pun .main-head .h2 {
color: #000;
font-weight: bold;
margin-top:3px;
}
.main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color: #000;
font-size: 13px!important;
font-weight: 600!important;
}
.main {
padding: 10px;
background: white;
border: 1px solid #E7E7E7;
border-radius: 5px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.20);
}
.pun .main-content {
background-color: white;
border: 0px solid #E0E0E0;
}
.pun table.table th {
background: none;
border-bottom: 1px solid #DDD;
color: #333;
padding: .5em 0;
}
.pun .paged-head , .pun .paged-foot {
background:none;
}
.starsTitle{background:#FFF;border:1px solid #DDD;color:#000;font-weight:700;height:1.3em;padding:5px}
#lastngang {float:right;width:80%}
.postfoot {
background: #FFF;
border-top: 1px solid #ddd;
}
.pun-crumbs {
background: #E7E7E7 url(http://i37.servimg.com/u/f37/17/47/85/23/second11.png) repeat-x 0 0;
border: 1px solid #E6E6E6;
line-height: 36px;
max-height: 30px;
overflow: hidden;
text-shadow: white 0 1px 0;
border-radius: 3px;
}
.pun-crumbs p {
font-size: 0;
line-height: 30px;
margin: 0;
color: #666;
}
.pun-crumbs a {
background: url(http://i37.servimg.com/u/f37/17/47/85/23/second10.png) no-repeat 100% -2px;
font-size: 11px;
padding: 12px 17px 12px 4px;
}
#smallrum a img{vertical-align:middle;padding-right:2px}
#smallrum{border: 1px solid #ffffff;background:none;color:#fff;width:300px;margin:3px 1px;padding:3px;}
#smallrum a.gensmall{:padding-top:3px;display:inline-block;text-align:left;width:125px;padding:1px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#quick_reply dl dt{display:none}
#quick_reply dl dd{margin-left:0}
#quick_reply .frm-buttons{text-align:center}
/* lastpost-svatar */
.lastpost-avatar a.inx img {
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 1px;
border: 1px solid #DDD;
border-image: initial;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 1px;
float: left;
height: 40px;
margin: 2px 5px;
max-height: 200px;
max-width: 200px;
padding: 1px;
width: 40px;
margin-left: 5px;
}
.pun table.table td {
border-style: none none solid none;
}
.pun .paged-head {
border: none;
}
.pun .paged-foot {
border: none;
}
.codebox {
background: #FFFFFF;
border: 1px solid #BDBDBD;
border-image: initial;
box-shadow: #D6D6D6 0px 2px 10px;
margin: 1em;
max-width: 650px;
}
.codebox dt {
border-bottom: 3px solid #7CBA2C;
font-size: 14px;
font-weight: 700;
text-shadow: #F3F3F3 1px 1px;
}
.user-basic-info a img{background:#fff;float:center;border:1px solid #C6C6C6;border-radius: 0px;padding:2px;width:80px}
.pun .user .user-info{background:#FCFCFC;margin-left: -10px;margin-right: -5px;border-radius:0px;color:#000;line-height:1.8em;padding:2px 2px 2px 10px;text-align:left}
.user a{border:none!important}
.user-avatar img{background:#fff;border-radius: 5px;padding:5px;vertical-align: middle;border: 1px solid #C6C6C6;}
.options-button a.small_textbutton { font-weight:bold;clear:left;color:#3d3d3d;font-size:11px;margin-left:0px;padding:5px 5px;}
.options-button a.small_textbutton:hover{ font-weight:bold;clear:left;color:#999;font-size:11px;margin-left:0px;padding:5px 5px;}
#chatbox .user {
background:none;
border:none !important;
height: 60px;
}
#chatbox_footer,#chatbox_members,#chatbox,#chatbox p{background:#fff!important;}
.info-avatar{
background:#222;
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 1px;
border: 1px solid #DDD;
border-image: initial;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 0px 1px;
padding:2px;top:30px;
margin-left:-5px;
}
.info-avatar img{
height:21px;
width:21px
}
#chatbox_messenger_form {
background-color: white;
border-top: 1px solid #DDDDDD;
bottom: 0px;
height: 30px;
left: 0px;
margin-left: auto;
margin-right: auto;
position: fixed;
right: 0px;
width: 100%;
z-index: 999;
float: none;
padding-top:5px;
}
label input#message {
background-color: white;
border: 1px solid #C9C9C9;
border-image: initial;
border-radius: 3px;
font-size: 12px;
height: 17px;
}
input#submit_button {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x white;
border: 1px solid #C9C9C9;
border-image: initial;
border-radius: 3px;
color: #929292;
cursor: pointer;
font-size: 12px;
padding-left: 2px;
padding-right: 2px;
text-transform: uppercase;
}
#chatbox_messenger_form {
background-color: white;
}
#divbold, #divcolor, #divitalic, #divsmilies, #divstrike, #divunderline {
background: url(http://i25.servimg.com/u/f25/14/45/99/41/110.jpg) repeat-x white;
border: 1px solid #C9C9C9;
border-image: initial;
border-radius: 3px;
}
Được sửa bởi Thànhkent ngày 02.10.16 12:14; sửa lần 2.