Forgot password?

Ẩn quảng cáo - Esc
[Share] Skin FORUMOTION đen [punbb] » Thư Viện Kiến Thức » Thủ Thuật Forumotion » Kho-Skin

Thích bài này? Bài trướcBài sau

Nick-Hot

Wed Jan 02, 2013 8:23 pm

#1
  • Nick-Hot

Nick-Hot



Thành Viên Mới
Thành Viên Mới
Gia Nhập Gia Nhập : 01/01/2013
Bài Viết Bài Viết : 5
Điểm Thưởng Điểm Thưởng : 11
Cám Ơn Cám Ơn : 0
[Share] Skin FORUMOTION đen [punbb] Empty [Share] Skin FORUMOTION đen [punbb]

Demo [You must be registered and logged in to see this link.]
CSS
Code:


body{background-attachment:scroll;background-color:#3f3f3f;background-image:url(http://i724.photobucket.com/albums/ww248/darkspectre/fundal1.png);color:#fff;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px}.pun{line-height:130%;margin:0 auto;min-width:768px;padding:5px;width:csspx}
body{
background-position: top center;
background-repeat: repeat-x;
background-attachment: fixed;
padding-top: 20px;
padding-bottom: 20px;
text-shadow: 1px 1px 0px black;}

a:focus{ -moz-outline-style: none;}

textarea:focus,input:focus {outline: none;}

select{
border: 1px solid #bbe300;
color: #bbe300;
background: #3A3A3A;}

input[type="submit"], input[type="reset"],  input[type="button"]{
white-space: none !important;
line-height: normal !important;
font-size: 1em !important;
font-weight: bold;
font-family: arial !important;
color: white;
height: 22px !important;
padding: 0 5px 2px 5px !important;
border: none;
text-shadow: 0px -1px 0px #404040;
background: #373737 url(http://i66.servimg.com/u/f66/11/96/49/61/button13.png) repeat-x;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-bottom: 2px solid #232323;
cursor: pointer;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{
border: none;
color: white;
background: #282828 url(http://i66.servimg.com/u/f66/11/96/49/61/button14.png) repeat-x;
border-bottom: 2px solid #1c1c1c;
text-shadow: 0px -1px 0px #363636;}

#text_editor_controls button.button2, #text_editor_controls input.button2{
cursor: pointer !important;
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/btn_bg10.png) repeat-x top !important;
padding: 3px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black;
text-shadow: none;
margin: 3px !important;}

#text_editor_controls button.button2:hover, #text_editor_controls input.button2:hover, .fontbutton.fontbutton_normal{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/btn_bg10.png) repeat-x top !important;
padding: 3px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black !important;
text-shadow: none;}

.fontbutton.fontbutton_normal, .fontbutton{
background: white url(http://i66.servimg.com/u/f66/11/96/49/61/btn_bg10.png) repeat-x top !important;
padding: 5px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black !important;
text-shadow: none;}

.fontbutton_clicked, .fontbutton_selected{
background: #424242 !important;
padding: 5px !important;
border: none !important;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: black !important;
text-shadow: none;}

img{border: none;}

a,a:hover{text-decoration: none !important;}

a:focus{
text-decoration: none;}

#plus_menu {
border: 1px dashed #361600;
margin-top: 10px;}

textarea, input, #message{
border: 1px solid #4d4d4d;
color: white;
padding: 2px;
text-shadow: 1px 1px 0px black;
background: #3a3a3a;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#rss_v_button{
z-index: 999;
display: inline-block !important;
position: relative;
margin-left: 919px;
bottom: -250px;
margin-top: -91px !important;/*INALTIMEA IMAGINII BUTONULUI RSS*/}

.select {
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
border: 1px solid white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
position: absolute;
z-index: 999;
top: 0;
left: 0;
overflow: hidden;
width: 0px;
margin: -5px 0px 0px -30px;}

.select button{
color: white;
background: #3A3A3A;}

.select button:hover{
color: black;
background: #4e4e4e;}

select[name="topic_color"]{margin-top: 10px;}


.gallery-cat{background: black;}

.main-content.style1.clearfix{padding: 10px !important;}

.row1.gallery-cat{background: #3f3f3f !important;}

#go_up/down{z-index: 1;}

#fileupload{text-shadow: 1px 1px 0px white;}

#as{
padding-top: 10px;
padding-bottom: 10px;
padding-left: 55px;
width: 800px;
background: black;
margin-top: -90px;
position: relative;
bottom: -90px;}

/*END--PARTICULAR SETTINGS----------------------------------*/




/*STRUCTURE----------------------------------*/

.pun {width: 955px;}

#container {
width: 838px;
margin: 0 auto;}

#page-header #pun-intro {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/header23.png) no-repeat top center;
display: inline-block !important;
padding: 1.5em 1em 1em;
margin-left: 16px;
width: 900px;
border: 0px;
text-align: left;}

#pun-logo{
margin-left: 20px;
margin-right: 20px;}

#page-body{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body19.png) repeat-y center;
margin: 0px;
padding-top: 10px;}

#pun-foot{
width: 955px;
height: 42px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/footer24.png) center no-repeat !important;}

/*END--STRUCTURE----------------------------------*/




/*MENU----------------------------------*/

#page-header #pun-head #pun-navlinks {
padding: 0px !important;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/menubg11.png) no-repeat center;
height: 34px;
text-align: center;}

#page-header #pun-navlinks ul {
display: inline !important;
position: relative;
top: 8px;
text-align: center;
width: 900px;}

#page-header #pun-navlinks li a{
display: inline !important;
padding: 7px;
padding-top: 6px;
display: inline;
font-size: 0.85em;
color: white;
font-family: Arial, Helvetica, sans-serif;
padding-right: 10px;
padding-left: 10px;
margin: 0;}

#page-header #pun-navlinks ul li a:hover {
text-shadow: 1px 1px 0px black;
text-decoration: none;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/menu_h10.png) repeat-x -1px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

/*MENU----------------------------------*/




/*TABLES AND OTHER BOXES----------------------------------*/

#pun-announcement {
border: 1px solid #3f3f3f !important;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
border-width: 0px;
padding: 1em;}

.main-content{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 0px !important;
margin: 0px !important;
border: none !important;}

.pun .main .faq.main-content{
padding: 5px !important;
border: 1px solid #3f3f3f !important;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.pun table.table th.tcl {text-align:center;}

.pun #table_body .tcl{width: 60% !important;}

#onlinechat {
width: 772px;
margin-left: 21px;
border: 1px solid #353535;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

#pun-visit,.main-box {
background: none;
border: none;
padding-top: 0px;
padding-bottom: 10px;}

#search_menu {
left: 100px !important;
top: 40px !important;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
border: 1px solid white;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.title-overview.row2{background: none;}

.pun table .tcr {
margin-bottom: 20px;}

fieldset.frm-set.login dl dt {text-align: right;}

.frm-form{padding-bottom: 10px;}

#fa_ticker_block{
display: inline;}

#fa_ticker_block .main-content{
background: none;
float: center;}

#fa_ticker_container{
position: relative;
left: 9px;
width: 838px !important;
border: 1px solid #353535;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #242424;
padding: 5px;
margin: 5px;}

#fa_ticker_block .main-content {
width: 800px !important;
border: none !important;}

#table_top{
height:8px;
width: 838px;
background: BLACK url(http://i66.servimg.com/u/f66/11/96/49/61/table110.png) no-repeat top center;}

#table_body{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/table210.png) repeat-y center;}

#table_bottom{
height:8px;
width: 838px;
background: BLACK url(http://i66.servimg.com/u/f66/11/96/49/61/table310.png) no-repeat bottom center;}

.pun table.table td{
border: none;
background: none;}

.pun .main table td.tc2, .pun .main table td.tc3{background: none;}

.pun table.table th{background: none;}

#subiecte, #mesaje, #vizualizari{
padding: 10px 15px;
background: #2f2f2f;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#pun-info{margin-left: 50px;}

#pun-info #stats, #pun-info #onlinelist{
background: none;}

#pun-info .main-content{
border: 1px solid #3f3f3f !important;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
width: 745px;}

.pun .main .main-content.message {background-color: #242424;}

.pun .main .main-content p.message {
margin-top: 0em;
padding: 1em;
margin-bottom: 15px;
background-color: #242424;
border: 1px solid #242424;}

.main .main-content.frm{
border: 1px solid #3f3f3f !important;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}

.pun .frm-form{
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}


.pun .frm .frm-form table{
background: #2f2f2f;
border: 1px solid #3f3f3f !important;
border-radius: 7px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;}

.frm-info{margin-top: 1.8em !important;}

.frm-info.center{
margin-top: 1.6em !important;
position: relative;
bottom: -10px;}

fieldset.frm-set dl dt{width: auto !important;}

#text_editor_controls, #fieldset.frm-set dl dd, .frm-input, .frm-textarea{margin-left: 10px !important;}

#smiley-box{width: 27%;}

#textarea_content{width: 70%;}

fieldset.frm-set dl dd {margin-left: 0em;}

.dd-textarea {width: 100% !important;}

#quick_reply #text_editor_controls, #quick_reply #textarea_content {padding-left: 11.5em !important;}

#quick_reply .frm-buttons{padding-left: 27em !important;}

fieldset.frm-set.multi{padding: 10px;}

.main-content.frm fieldset.frm-set dl dd{width: 100% !important;}

/*END--TABLES AND OTHER BOXES----------------------------------*/




/*TITLES----------------------------------*/

.options,.pun .main-foot .h2, .pun .main-head .h2,.pun .main-head .h2 a{color: white !important;}

.pun .main-foot .h2,.options,.main-head {color: white;}

.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited{
margin-left: 0.6em;
color: white !important;
text-decoration: none;
font-style: italic;}

.exthelp{
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/questi12.png) !important;
color: white !important;}

.main .main-head, .main .main-foot {
padding-left: 10px !important;
padding-right: 10px !important;
height: 34px;
margin-top: 5px;
margin-bottom: 3px;
padding: 0px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/catbg12.png) no-repeat center;
text-align: center;}

.main-head h1, .main-head h2, .main-head h3, .main-head .h1, .main-head .h2, .main-head .h3, .main-foot h1, .main-foot h2, .main-foot h3, .main-foot.h1, .main-foot .h2, .main-foot .h3, .main-head p, .main-foot p, .main-head .subtitle{
padding-top: 8px;
font-size: 14px !important;
font-family: Arial !important;
font-weight: bold !important;
color: white !important;
text-shadow: 1px 1px 0px black,2px 2px 0px black;}

.page-title{position: relative; z-index: 2;}

.sub-head h2{color: white;}

/*END--TITLES----------------------------------*/




/*TABS----------------------------------*/

#tabs {min-width: 838px !important;}

#tabs ul li.activetab a {
color: white;
background-image: url('http://i86.servimg.com/u/f86/11/96/49/61/chatit10.png');
border: 1px solid #3f3f3f;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#tabs ul li.activetab a:hover{text-decoration: underline !important;}

#tabs ul li a{
margin-bottom: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;}

/*END--TABS----------------------------------*/




/*QUOTES, CODES AND SPOILERS----------------------------------*/

.codebox {
margin: 0.5em 3em;
margin-left: 5px;
padding: 0em;}


.codebox dt {
padding: 0.25em;}

.codebox dd {
margin: 0.5em;
padding: 0em;}

.codebox {
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A;}

.cont_code{background: none !important;}

blockquote{
color: white;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px solid #4e4e4e;
background: #2A2A2A !important;}

/*END--QUOTES, CODES AND SPOILERS----------------------------------*/




/*FOOTER----------------------------------*/

#pun-about{
font-size: 11px;
text-align: center;
color: white;
background: none !important;
border: none !important;}

#pun-about ul li a {
color: white;
font-size: 11px;
font-weight: normal;
text-decoration: none;}

#footer_tools{
position: relative;
top: -50px;
right: -11px;
margin-top: -125px;
width: 31px;}

/*END--FOOTER----------------------------------*/




/*LEGENDS----------------------------------*/

#pun-legend {
background-repeat: no-repeat;
background-position: center 0px;
padding-top: 10px;
padding-bottom: 15px;
float: center;}

ul.pun-legend {
width: 650px;
border-bottom: 1px solid #353535;
margin-left: 100px;
text-align: left !important;
padding: 5px;
background: none;
margin-bottom: 0;}

#pun-legend img{margin-left: 20px;}

/*LEGENDS----------------------------------*/




/*TOPIC BODY----------------------------------*/

.post{
background: #2a2a2a;
margin: 10px 0;
border: 1px solid #4e4e4e!important;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;}

.pun .topic{
background: none;
border: none;}

.posthead{
background: none !important;}

.postmain{
border-color: #4e4e4e !important;
background:  # !important;
border-radius: 0 10px 10px 0;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius: 0 8px 8px 0;}

.user-contact img{filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
background: transparent !important;}

.user-contact img:hover{
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;}

#semnatura{margin-top: -15px !important;}

.user .user-info, .user .user-info span{color: white !important;}

.vote {
font-weight: bold;
font-family: Trebuchet MS Bold;
font-size: 15px;}

.vote .vote-button a {
font-weight: bold;
font-family: Trebuchet MS Bold;
font-size: 20px;}

.pun .paged-head, .pun .paged-foot {
border: 0;
background: none;
float: center;
margin-bottom: 3px;}

.post-options {margin-top: -5px;}

.post-options img{margin-right: 5px;}

.post-options img:hover{border-bottom: 1px dashed #361600;
padding-top: 0px;}

.postfoot {
height: 20px;
border: 0px;
padding: 0.5em 0.8em;}

.pun .topic{background: transparent;}

.sig-content {
border-top: 1px dashed #CCC;
padding-bottom: 0.8em !important;}

.pun .sig-content,.pun .sig-content .sig-line {padding-top: 0px;}

.pun .user-ident .username {
display: block;
position: static;}

.user-ident{
margin-top: -19px;}


.attachbox {border: 1px dashed #4E4E4E;}

.resizebox .resize_content {background: #4E4E4E;}

.posting img, #new-message-link{background: url(http://i66.servimg.com/u/f66/11/96/49/61/hover20.png) no-repeat left 0px;}


.posting img:hover, #new-message-link:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/hover20.png) no-repeat right 0px;}

#new-message-link{
margin-bottom: 33px !important;
margin-right: -80px !important;}

/*END--TOPIC BODY----------------------------------*/




/*FORUM'S STATS----------------------------------*/

.onsistem{
width: 95%;
margin-bottom: 10px;
margin-left: 22px;
background: #242424;
border: 1px solid #353535;
text-align: left;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;}

.onimg img{
margin-bottom: -7px;
margin-right: 5px;}

.onimg{padding: 10px;}

/*END--FORUM'S STATS----------------------------------*/




/*BLOGS----------------------------------*/

#blog_comments,.paged-foot{background: none !important;}

#blog_comments .post{border: 1px solid #361600;}

#bookmarks a img.twitter {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/twitte10.png) no-repeat scroll;}

#bookmarks img.excite{display: none;}

#bookmarks a img.digg {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/digg10.png) no-repeat scroll;}

#bookmarks a img.reddit {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/reddit10.png) no-repeat scroll;}

#bookmarks a img.delicious {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/delici10.png) no-repeat scroll;}

#bookmarks a img.google {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/google10.png) no-repeat scroll;}

#bookmarks img.live {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/window10.png) no-repeat scroll;}

#bookmarks img.facebook {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/facebo10.png) no-repeat scroll;}

#bookmarks img.slashdot {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/slashd10.png) no-repeat scroll;}

#bookmarks img.netscape {display: none;}

#bookmarks img.technorati {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/techno10.png) no-repeat scroll;}

#bookmarks img.stumbleupon {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/stumbl10.png) no-repeat scroll;}

#bookmarks img.furl {display: none;}

#bookmarks img.smarking {display: none;}

#bookmarks img.newsvine {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/newsvi11.png) no-repeat scroll;}

#bookmarks img.yahoo {width: 32px;height: 32px;margin: 2px;background: url(http://i66.servimg.com/u/f66/11/96/49/61/yahoo10.png) no-repeat scroll;}


.blog_cal-border{background: url(http://i66.servimg.com/u/f66/11/96/49/61/data10.png) no-repeat center;
width: 59px;
height: 80px;
padding-top: 20px;
padding-left: 19px;}

#blog_comments{margin-left: 43px !important;}

#blog_comments .main-foot{
height: 32px !important;
border-right: 1px solid #353535;
border-left: 1px solid #353535;}

/*END--BLOGS----------------------------------*/




/*WIDGETS----------------------------------*/

.portal .module.main{
margin: 5px !important;
background: #242424;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 3px;
border: 2px solid #4e4e4e;}

.portal .module.main .main-head{
color: white !important;
font-weight: bold !important;
margin: 0 4px;
border-top: none;
position: relative;
top: -9px;
background: #2a2a2a;
border: 1px solid #4e4e4e !important;
-moz-border-radius: 0 0 7px 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
border-radius:  0 0 7px 7px;}

.portal .main-head div, .portal .main-head p, .portal .main-head h1, .portal .main-head h2, .portal .main-head h3 {padding-top: 11px !important;}

.portal .module.main .main-head h3, .portal .module.main .main-head .h3{
color: white;
font-weight: bold !important;}

.portal .module.mod_news .main-head{
text-align: center !important;
padding-top: 12px;
height: 25px;
top: -5px;
font-size: 14px !important;
font-family: Arial !important;
font-weight: bold !important;
color: white !important;
text-shadow: 1px 1px 0px black,2px 2px 0px black;}

.portal .module.mod_news{
position: relative;
top: -3px;}

/*END--WIDGETS----------------------------------*/




/*SEARCH BOX----------------------------------*/

.search_box{
margin-bottom: -21px;
position: relative;
z-index: 99;
display: inline-block !important;
margin-right: 100px;
float: right;
bottom: 1px;}

#srch_input{
z-index: 1;
position: relative;
top: -3px;
padding-left: 15px !important;
color: black;
text-shadow: none;
margin-right: -2px;
border: none;
width: 121px;
height: 32px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/srch_i10.png) no-repeat;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

#srch_button{
z-index: 2;
position: relative;
margin-bottom: 10px !important;
padding: 0 5px 0 10px !important;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border: none;
cursor: pointer;
width: 80px;
height: 32px !important;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/srch_b10.png) no-repeat;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;}

/*END--SEARCH BOX----------------------------------*/




/*PROFILE----------------------------------*/

.middleline{padding: 10px;}

.middleline span{color: white !important;}

#profile-advanced-layout .main-head, #profile-advanced-right .main-head{
height: 32px !important;
border-right: 1px solid #353535;
border-left: 1px solid #353535;}

#profile-advanced-details .main-content{padding: 5px !important;}

/*END--PROFILE----------------------------------*/




/*CHATBOX----------------------------------*/

#chatbox {
background-color: #242424;}

body.chatbox {
background-image: none;
padding: 0;
margin: 0;
background-color: #242424;}

#chatbox_header {
height: 30px;
background-color: #242424;
color: white;
background: url('http://i86.servimg.com/u/f86/11/96/49/61/chatit10.png');}

#chatbox_header.main-head {
padding: 0 1.3em;
color: white;
background-color: #242424;}

.chatbox-title,.chatbox-title a.chat-title {
color: white;
text-decoration: none;}

.chatbox-options li,.chatbox-options li a,.chatbox-options li label {
color: white;}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: 1px dashed black;
background-color: #242424;}

#chatbox_messenger_form {
margin: 10px 0 0 0;}

#chatbox_members .member-title {
text-align: center;
padding: 0.5em 0.25em;
background-image: none;
font-size: 12px;
background-color: #242424;
color: white;
font-family: Verdana,Arial,Helvetica,sans-serif;}

.chatbox_row_1 {
padding: 4px;
background-color:#242424;}

.chatbox_row_2 {
padding: 4px;
background-color: #242424;}

.chatbox_row_3 {
padding: 4px;
background-color: #242424;}

#chatbox .user {
font-weight: bold;}

.memberlist_row_1 {background-color: #242424;}

#chatbox_footer {
position: absolute;
bottom: 0;
left: 0;
right: 0;
border-top: 1px dashed black;
background-color: #242424;}

#message{
background-color: white;}


#chatbox_contextmenu {
border: 2px solid black;
background-color: #242424;}

#chatbox_contextmenu p {
margin:0;
padding: 1px 4px;
font-family: verdana, arial, sans-serif;
background: #;
border-bottom:1px solid black;
background-color: #242424;}


#chatbox_contextmenu p.close {
padding: 1px;
font-size: 95%;
color:black;
background: url('');
background-color: #242424;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #242424;}

#chatbox_contextmenu a {
color: black;
text-decoration: none;
font-size: 95%;
background-color: #242424;}

#chatbox_contextmenu p.close img {
vertical-align: middle;
padding-left: 20px;
background-color: #242424;}

/*END--CHATBOX----------------------------------*/



/*POPUP BOX----------------------------------*/

#login_popup {
background: #242424;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 3px;
border: 2px solid #4e4e4e;}

#login_popup  .main-head{
color: white !important;
font-weight: bold !important;
margin: 0 4px;
border-top: none;
position: relative;
top: -9px;
background: #2a2a2a;
border: 1px solid #4e4e4e !important;
-moz-border-radius: 0 0 7px 7px;
-webkit-border-bottom-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
border-radius:  0 0 7px 7px;}

#login_popup .main-head .h3{
color: white !important;
font-weight: bold !important;}

/*END--SEARCH BOX----------------------------------*/




/*RESIZE BOX----------------------------------*/

.resizebox{
width: auto !important;
margin: 10px 10px 10px 0px;}

.resize_content{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;}

.resizebox a{padding-right: 10px;}

/*END--RESIZE BOX----------------------------------*/

index_body
Code:


{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
        <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
        <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
  <!-- BEGIN message_admin_titre -->
  <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
  </div>
  <!-- END message_admin_titre -->

  <!-- BEGIN message_admin_txt -->
  <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
  </div>
  <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
  <div class="onsistem">
      <div id="stats">
        <p class="right">{TOTAL_POSTS}</p>
        <p>{TOTAL_USERS}</p>
        <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
        <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
        <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
        </p>
        <p>{TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}

        <br />
        {LOGGED_IN_USER_LIST}

        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />
        {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
        <div class="clear"></div>

        <p>{LEGEND} : {GROUP_LEGEND}</p>

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
        <p class="page-bottom">
        {TOTAL_CHATTERS_ONLINE} :
        {CHATTERS_LIST}<br />
        <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
              insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
        <!-- END switch_chatbox_popup -->
        </p>
      </div>
      <!-- END switch_chatbox_activate -->
  </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
  <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> 
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> 
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> 
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
  </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
  <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
  </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
  appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
    status: true,
    cookie: true,
    xfbml: true,
  oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

 
index_box
Code:


<div class="pun-crumbs">
  <p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
  <!-- BEGIN tablehead -->
      <div class="main-head">
        <div class="page-title">{catrow.tablehead.L_FORUM}</div>
      </div>
      <div class="main-content">
        <table cellspacing="0" class="table" id="table_body">
            <thead>
              <tr>
                  <th class="tcl"><font color="white">{L_FORUM}</font></th>
                  <th class="tc2"><font color="white">{L_TOPICS}</font></th>
                  <th class="tc3"><font color="white">{L_POSTS}</font></th>
                  <th class="tcr"><font color="white">{L_LASTPOST}</font></th>
                                         
              </tr>
            </thead>
            <tbody class="statused">
  <!-- END tablehead -->

  <!-- BEGIN forumrow -->
              <tr>
                  <td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
                    <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
                        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                    </span>
                    <h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>
                    <br />
                    {catrow.forumrow.FORUM_DESC}
                    <!-- BEGIN switch_moderators_links -->
                    <br />
                    {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                    <!-- END switch_moderators_links -->
                    {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                    <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                  </td>
                                                      <td class="tc2"><span id="subiecte">{catrow.forumrow.TOPICS}</span></td>
                  <td class="tc3"><span id="subiecte">{catrow.forumrow.POSTS}</span></td>
                  <td class="tcr">
                    <span>
                    <!-- BEGIN switch_topic_title -->
                    <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                    <!-- END switch_topic_title -->
                    {catrow.forumrow.USER_LAST_POST}
                    </span>
                  </td>
              </tr>
  <!-- END forumrow -->

  <!-- BEGIN tablefoot -->
            </tbody>
        </table>
      </div>
  <!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
  <ul>
      <li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
      <li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
      <li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
  </ul>
  <!-- BEGIN switch_delete_cookies -->
  <p class="right">
      <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
  </p>
  <!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

 Trả lời chủ đề này
Nick-Hot

Wed Jan 02, 2013 8:25 pm

#2
  • Nick-Hot

Nick-Hot



Thành Viên Mới
Thành Viên Mới
Gia Nhập Gia Nhập : 01/01/2013
Bài Viết Bài Viết : 5
Điểm Thưởng Điểm Thưởng : 11
Cám Ơn Cám Ơn : 0
[Share] Skin FORUMOTION đen [punbb] Empty Re: [Share] Skin FORUMOTION đen [punbb]

footer_begin :hie:
Trả lời chủ đề này
dejanpetrus

Sun Feb 10, 2013 9:45 pm

#3
  • dejanpetrus

dejanpetrus



thành viên chính thức
thành viên chính thức
Gia Nhập Gia Nhập : 10/02/2013
Bài Viết Bài Viết : 17
Điểm Thưởng Điểm Thưởng : 48
Cám Ơn Cám Ơn : -1
[Share] Skin FORUMOTION đen [punbb] Empty Re: [Share] Skin FORUMOTION đen [punbb]

xem
 Trả lời chủ đề này
Sponsored content

#4

Sponsored content



[Share] Skin FORUMOTION đen [punbb] Empty Re: [Share] Skin FORUMOTION đen [punbb]

Trả lời chủ đề này

Reply by Facebook
Điện thoại: 01692521505 - Email: phutu01@gmail.com - Yahoo: ad_phutu@yahoo.com - Bảng báo giá