Professional Documents
Culture Documents
Ma Nguon Skin
Ma Nguon Skin
Demo
CODE
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: none; color: #B0732E }
a:hover { color: #E0933A; text-decoration:none }
a:hover img { filter:gray }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#777;background-
color:#FCE0B8;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
.wrapmini { float:left;line-height:1.5em;width:29% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.signature { font-size: 11px; color: #000000; padding:32px 0px 0px 0px; margin:-19px 0px 0px 0px; background-
image: url(http://img54.imageshack.us/img54/2148/sign3hl.gif); background-repeat:no-repeat;background-
attachment:fixed; background-color:transparent; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.thin { font-weight: none; padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid
#FFF;border-bottom:1px solid #FFF }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
/* Body entry, change forum page background colour, default font, font size, etc. Leave text-align:center to center
board content
#ipwrapper will set text-align back to left for the forum. Any other tables / divs you use must use text-align:left to re-
align
the content properly. This is a work around to a known Internet Explorer bug */
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #5BA011;
margin:0px;padding:0px;background-color:#000000; text-align:center }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #5BA011; }
/* MAIN WRAPPER: Adjust forum width here. Leave margins alone to auto-center content */
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#5BA011 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#5BA011;background-
color:#000000;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ipsbanner { position:absolute;top:1px;right:5%; }
/* Common elements */
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
#QUOTE { white-space:normal; font-family: Verdana, Arial; font-size: 11px; color: #5BA011; background-color:
#000000; border: 1px solid #504C30; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { white-space:normal; font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #5BA011;
background-color: #000000; border: 1px solid #504C30; padding-top: 2px; padding-right: 2px; padding-bottom: 2px;
padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-
align: middle }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #3C3820;border-
bottom:1px solid #3C3820 }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
Header & Body: Chn vo u tin ca <% BOARD HEADER %>
CODE
<div id="ipbwrapper">
<table width="1000px" align="center" border="0" cellpadding="0" cellspacing="0" topmargin="0" valign="top"
id="charm"><tr>
</td>
body
{ cursor: url(http://www.boomspeed.com/sfhelpers/cursors/213.cur); background: #FFFFFF
url(http://img316.imageshack.us/img316/8606/eggsbg2b5ei.gif) background-attachment:fixed; color: #000000; font:
10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; margin: 0px; padding: 0px;}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; }
a:link,a:visited { text-decoration: none; color: 0099FF}
a:hover { cursor: url(http://www.boomspeed.com/sfhelpers/cursors/213.cur); text-decoration: none; color: hotpink;
position: relative; top: 1.5px; left: 1.5px;}
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#696969 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#F0F0F0;background-
image:url(http://70.84.190.115/3716/11/upload/p14273.gif);padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px dashed #24B9FC;background-color: transparent;padding:0px;margin:0px; }
#submenu { background: #F5F5F5 url(http://209.85.12.236/5502/46/upload/p7299223.gif) repeat;
border: 1px solid #24B9FC;
border-bottom: 1px solid #24B9FC;
color: #0760A8;
font-size: 11px;
font-weight: bold;
padding: 6px;
text-align: center;
}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:11px;text-decoration:none;
color: #0760A8; }
#userlinks { background-image:url(http://img371.imageshack.us/img371/559/egg4xk.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ffffff}
.maintitle a:hover { text-decoration: underline }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
#QUOTE { font-family: Verdana, Arial; font-size: 12px; color: #24B9FC; background-color: #fff; border: 1px solid
#24B9FC; border-top: 3px solid #84B3E9;padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left:
2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 12px; color: #24B9FC; background-color:
#fff; border: 1px solid #24B9FC; border-top: 3px solid #84B3E9; padding-top: 2px; padding-right: 2px; padding-
bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.thin { padding:8px 0px 6px 3px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #24B9FC;border-
left:1px solid #24B9FC;border-bottom:1px solid #24B9FC;border-right:1px solid #24B9FC }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
Header & Body:
CODE
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
alink="#000000" vlink="#000000">
<table cellspacing="0" bgcolor="FFFFFF" background="" valign="top" height="100%" width="700"><tr><td
valign="top" height="100%" background="http://img135.imageshack.us/img135/712/l9br.gif"
style="padding:10px;border:0px;"></td><td height="100%" valign="top">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<table width="100%" height="75"><tr><td
background="http://img316.imageshack.us/img316/8435/eggs4rd.gif"></td></tr></table>
Footer:
CODE
</td><td align="left" valign="top" background="http://img475.imageshack.us/img475/2079/r5sy.gif"
style="padding:10px;border:0px;"></td></tr></table>
4/ Skin tuyt p :
Demo
CODE
<html><head><title>Forum Hackmod Invisionfree -> .:.Hackmod Invisionfree .:.</title><script
src="http://nguyencongtru.org/forum/viettype.js" language="Javascript"></script>
<style type='text/css'>
<style type='text/css'>
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #A6A6A6; margin:0px 10px 0px
10px;background-color:#161616; background-image: url(http://70.85.169.212/3357/43/upload/p62020.gif); scrollbar-
face-color: #292929; scrollbar-shadow-color: #202020; scrollbar-highlight-color: #333333; scrollbar-3dlight-color:
#202020; scrollbar-darkshadow-color: #171717; scrollbar-track-color: #171717; scrollbar-arrow-color: #999999}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #A6A6A6; }
a:link, a:visited, a:active { font-weight: bold; text-decoration: none; color: yellow}
a:hover { color: #FF0000; text-decoration:none; font-weight: bold;}
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#8B8B8B}
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#656565;background-
color:#222222;padding:4px;margin:0px }
.warngood { color:#00FF00}
.warnbad { color:#FF0000}
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid #000000}
#photoimg { text-align:center; margin-top:15px }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #292929;background-
image:url(http://70.85.169.212/3357/43/upload/p62248.gif);padding:0px;margin:0px; }
#submenu { border:1px solid #000000;background-color: #222222; background-image:
url(http://70.85.169.212/3357/43/upload/p20760.gif); font-size:10px;margin:3px 0px 3px 0px;color:#8B8B8B;font-
weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none;
color: yellow; }
#submenu a:hover { font-weight:bold;font-size:10px;text-decoration: none; color: #BABABA; }
.post1 { background-color: #1E1E1E;border-left: 1px solid #353535; border-top: 1px solid #353535;}
.post1 a:link, .post1 a:visited, .post1 a:active { font-weight: normal; text-decoration: underline; color: #D0D0D0}
.post1 a:hover { color: #FF0000; font-weight: normal; text-decoration:none;}
.post2 { background-color: #212121;border-left: 1px solid #353535; border-top: 1px solid #353535;}
.post2 a:link, .post2 a:visited, .post2 a:active { font-weight: normal;text-decoration: underline; color: #D0D0D0}
.post2 a:hover { color: #FF0000; text-decoration:none;font-weight: normal;}
.row1 { background-color: #232323; border-left: 1px solid #353535; border-top: 1px solid #353535; }
.row2 { background-color: #232323;border-left: 1px solid #353535; border-top: 1px solid #353535;}
.row3 { background-color: #262626;border-left: 1px solid #353535; border-top: 1px solid #353535;}
.row4 { background-color: #262626;border-left: 1px solid #353535; border-top: 1px solid #353535;}
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #8B8B8B; background-color: #1E1E1E; border-right:
1px solid #2D2D2D; border-bottom: 1px solid #2D2D2D;border-top: 1px solid #000000; border-left: 1px solid
#000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #8B8B8B; background-color:
#1E1E1E; border-right: 1px solid #2D2D2D; border-bottom: 1px solid #2D2D2D;border-top: 1px solid #000000;
border-left: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color:
#8B8B8B;border: 1px solid #2D2D2D; background-color: #1E1E1E; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-
align: middle; color: #EDEDED; border: 1px solid #2D2D2D; background-color: #1E1E1E;}
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #000000;border-
bottom:1px solid #000000}
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.tableborder { background-color:#131313;
border:1px solid #000000; }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('showuser')!=-1 ){document.write("<style>.maintitle { background-image:
url(http://70.85.169.212/3357/43/upload/p20760.gif); padding:8px 0px 8px 5px; color:#8B8B8B; border-left: 1px solid
#545454; border-top: 1px solid #545454}}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.maintitle { background-image:
url(http://70.85.169.212/3357/43/upload/p20760.gif); padding:8px 0px 8px 5px; color:#8B8B8B;border-left: 1px solid
#545454; border-top: 1px solid #545454 }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=UserCP')!=-1 ){document.write("<style>.maintitle { background-image:
url(http://70.85.169.212/3357/43/upload/p27872.gif); padding:8px 0px 8px 5px; color:#8B8B8B;border-left: 1px solid
#545454; border-top: 1px solid #545454 }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=Msg&CODE=')!=-1 ){document.write("<style>.maintitle { background-image:
url(http://70.85.169.212/3357/43/upload/p27872.gif); padding:8px 0px 8px 5px; color:#8B8B8B;border-left: 1px solid
#545454; border-top: 1px solid #545454 }}</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('showforum')!=-1 ){document.write("<style>.darkrow1 { background-color: #262626;
color:#8B8B8B; border-left: 1px solid #353535; border-top: 1px solid #353535;}}</style>")}
</script>
</style>
<base href="127.0.0.1" /></head></style>
<base href="127.0.0.1" /><script language="Javascript" type="text/javascript">
<!--
if (window != window.top)
top.location.href = location.href;
//-->
</script>
5/ Skin Bc tuyt p
Demo
CODE
<html><head><title>Vietnamskin02</title>
<style type='text/css'>
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #898989; margin: 5px 20px 5px 20px;
background-color:#a8a8a8; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #898989; }
a:link, a:visited, a:active { text-decoration: underline; color: #818181 }
a:hover { color: #E36A11; text-decoration:none }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
img.attach { border:2px outset #EEF2F7;padding:2px }
.googleroot { padding:6px; line-height:130% }
.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color:
#3A4F6C; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#00D; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#434951 }
li.helprow { padding:0px; margin:0px 0px 10px 0px }
ul#help { padding:0px 0px 0px 15px }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#898989;background-color:#dadada; background-
image: url(http://);padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }
#profilename { font-size:28px; font-weight:bold; }
#calendarname { font-size:22px; font-weight:bold; }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ucpmenu { line-height:150%;width:22%; border:1px solid #000000;background-color: #c9c9c9 }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #c9c9c9; border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #c9c9c9;padding:0px;margin:0px; }
#submenu { border:1px solid #000000;background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/pg_sub_tit.png);font-size:10px;margin:3px
0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none;
color: #000000; }
#userlinks { border:1px solid #000000; background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/pg_sub_tit.png) }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/pg_sub_tit.png); padding:6px }
.pformstrip { background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/pg_sub_tit.png); color:#000000;font-
weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #c9c9c9; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000;
border-right:1px solid #000000; }
.pformleftw { background-color: #c9c9c9; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000;
border-right:1px solid #000000; }
.pformright { background-color: #c9c9c9; padding:6px; margin-top:1px;border-top:1px solid #000000; }
.post1 { background-color: #c9c9c9}
.post2 { background-color: #c9c9c9}
.postlinksbar { background-color:#ffffff;padding:7px;margin-top:1px;font-size:10px; background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/pg_sub_tit.png) }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#000000}
.edit { font-size: 9px }
.signature { font-size: 10px; color: #000000 }
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }
.normalname { font-size: 12px; font-weight: bold; color: #003 }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }
.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #898989; background-color: #d6d6d6; background-
image: url(http://); border: 1px solid #898989; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-
left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #898989; background-color:
#d6d6d6; background-image: url(http://); border: 1px solid #898989; padding-top: 2px; padding-right: 2px; padding-
bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;background-
position: center;background-repeat: no-repeat;background-color: #ffffff;background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/bg_input.jpg); }, .radiobutton, .checkbox {
font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle }.thin { padding:6px 0px 6px
0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #000000;border-bottom:1px solid #000000 }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
</style>
<base href="127.0.0.1" /></head><body text="#898989" link="#818181" vlink="#818181" alink="#E36A11"
leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="650" border="1" align="center" cellpadding="3" cellspacing="0" bgcolor="#FFFFFF" height="377"
bordercolor="#c9c9c9" bordercolordark="#c9c9c9" bordercolorlight="#c9c9c9">
<tr>
<td width="100%" height="100%"
background="http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/page_bg.gif"
bordercolor="#c9c9c9" bordercolorlight="#c9c9c9" bordercolordark="#c9c9c9"> </script>
<script language='JavaScript' type="text/javascript">
<!--
function buddy_pop() { window.open('index.php?
act=buddy','BrowserBuddy','width=250,height=500,resizable=yes,scrollbars=yes'); }
function multi_page_jump( url_bit, total_posts, per_page )
{
pages = 1; cur_st = parseInt(""); cur_page = 1;
if ( total_posts % per_page == 0 ) { pages = total_posts / per_page; }
else { pages = Math.ceil( total_posts / per_page ); }
msg = "Please enter a page number to jump to between 1 and" + " " + pages;
if ( cur_st > 0 ) { cur_page = cur_st / per_page; cur_page = cur_page -1; }
show_page = 1;
if ( cur_page < pages ) { show_page = cur_page + 1; }
if ( cur_page >= pages ) { show_page = cur_page - 1; }
else { show_page = cur_page + 1; }
userPage = prompt( msg, show_page );
if ( userPage > 0 ) {
if ( userPage < 1 ) { userPage = 1; }
if ( userPage > pages ) { userPage = pages; }
if ( userPage == 1 ) { start = 0; }
else { start = (userPage - 1) * per_page; }
window.location = url_bit + "&st=" + start;
}
}
//-->
</script>
6/ Skin Qu p (mu bc) :
Demo
Skinning & Styles > BoardWrappers > Header & Body
CODE
<body bgcolor='#FFFFFF' leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink='#000000'
vlink='#000000' leftmargin="0" rightmargin="0">
<center>
<table height="100%" cellpadding="0px" cellspacing="0px" padding="0px" margin-width="0" margin-height="0"
align="center" id="maintable" margin="0"><tr><td valign="top" style="vertical-align: top; height: 100%; margin: 0px;
padding: 0px; border-left: 1px solid #7F7F7F; border-top: 0px solid #7F7F7F; border-bottom: 0px solid
#7F7F7F"><div style="background-image: url(http://70.85.169.212/3474/106/upload/p176992.png); height: 100%;
width: 30px"></div></td><td margin-height="0" align="center" valign="top" margin-width="0" style="border: 0px;
width: 100%; margin: 0px; text-align: left; padding: 0px">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
Skinning & Styles > BoardWrappers > Footer
CODE
</td><td style="height: 100%; margin: 0px; padding: 0px; border-left: 0px solid #7F7F7F; border-top: 0px solid
#7F7F7F; border-bottom: 0px solid #7F7F7F; border-right: 1px solid #7F7F7F"><div style="background-image:
url(http://70.85.169.212/3474/106/upload/p177149.png); height: 100%; width: 30px"></div></td></table>
</center>
Skinning & Styles > Manage Style Sheets
CODE
HTML { overflow-x: hidden; overflow-y: auto; }
BODY { background-attachment: fixed; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color:
#000000; margin: 0px 0px 0px 0px; background-color: #750000; background-image:
url(http://70.85.169.212/3474/106/upload/p176328.png); }
.toppostbuttons { padding: 0px; vertical-align: top; valign: top; align: top; border: 0px; }
.toppostbuttons img { padding: 0px; vertical-align: top; valign: top; align: top; border: 0px; }
.bottompostbuttons { padding: 0px; vertical-align: top; valign: top; align: top; border: 0px; float: left; }
.bottompostbuttons img { margin: 0px; padding: 0px; vertical-align: top; valign: top; align: top; border: 0px; }
TABLE, TR, TD { margin: 0px 0px 0px 0px; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color:
#000000; }
a:link, a:visited, a:active { text-decoration: none; color: #000000; }
a:hover { color: #000000; text-decoration: underline; }
#padandcenter { margin-left: auto; margin-right: auto; text-align: center; padding: 14px 0px 14px 0px; }
#ucpmenu { color: #000000!important line-height: 150%; width: 25%; margin-right: 0px; border-top: 1px solid
#5E5E5E; border-right: 1px solid #5E5E5E; border-bottom: 1px solid #5E5E5E; background-color: #F9F9F9; }
#ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px; }
#ucpcontent { color: #000000!important background-color: #F9F9F9; border-top: 1px solid #5E5E5E; border-left: 1px
solid #5E5E5E; border-bottom: 1px solid #5E5E5E; line-height: 150%; width: auto; }
#ucpcontent p { color: #000000!important padding: 0px; margin: 0px; border-might: 1px solid #5E5E5E; }
#logostrip { vertical-align: top; background-position: center; border: 1px solid #800000; background-color: #800000;
background-image: url(http://70.85.169.212/3474/106/upload/p155430.png); padding: 0px; margin: 0px; }
#logostrip IMG { vertical-align: top; align: left; }
#logostrip2 { background-position: center; border: 1px solid #800000; background-color: #800000; background-image:
url(http://70.85.169.212/3474/106/upload/p155430.png); padding: 0px; margin: 0px; }
#logostrip2 IMG { vertical-align: center; align: left; }
#submenu { display: none; border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F; border-bottom: 1px solid
#7F7F7F; text-align: center; padding: 5px; border: 1px solid #D5D5D5; background-color: #E7E7E7; font-size: 10px;
margin: 0px 0px 0px 0px; color: #FFFFFF; font-weight: normal; background-image: url(); }
#submenu a:link, #submenu a:visited, #submenu a:active {font-weight: normal; font-size: 10px; text-decoration: none;
color: #FFFFFF; }
.activeuserstrip { padding: 4px; border-top: 1px solid #FFFFFF; background-color: #FFFFFF; color: #860000;
background-image: url(http://70.85.169.212/3474/106/upload/p76837.png); }
.pformstrip { border-top: 1px solid #969696; background-position: center; background-repeat: repeat-x; background-
color: #F0F0F0; font-weight: normal; color: #800000; padding: 4px; margin: 0px; background-image:
url(http://70.85.169.212/3474/106/upload/p197342.png); }
.pformstrip a:link, .pformstrip a:hover, .pformstrip a:visited, .pformstrip a:active { color: #800000; }
.pformleft { background-color: #F9F9F9; padding: 6px; margin-top: 1px; width: 25%; border-top: 1px solid
#D1D1D1; border-right: 1px solid #D1D1D1; }
.pformleftw { background-color: #F9F9F9; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid
#D1D1D1; border-right: 1px solid #D1D1D1; }
.pformright { background-color: #F9F9F9; padding: 6px; margin-top: 1px; border-top: 1px solid #D1D1D1; }
.post1 { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color: #F0F0F0; }
.post2 { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color: #F0F0F0; }
.postlinksbar { border-top: 1px solid #969696; background-position: center; background-repeat: repeat-x; background-
color: #D8D8D8; font-weight: normal; color: #860000; padding: 4px; margin: 0px; background-image:
url(http://70.85.169.212/3474/106/upload/p197342.png); }
.postlinksbar a:link, .postlinksbar a:hover, .postlinksbar a:visited, .postlinksbar a:active { color: #860000; font-weight:
normal; }
.darkrow1 { border-bottom: 0px solid #C0C0C0; border-right: 0px solid #C0C0C0; border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF; background-color: #D1D1D1; color: #860000; }
.darkrow2 { border-bottom: 1px solid #CACACA; background-repeat: repeat-x; border-top: 1px solid #FFFFFF;
background-color: #FFFFFF; color: #860000; background-image:
url(http://70.85.169.212/3474/106/upload/p76837.png); }
.darkrow3 { background-image: url(); border-left: 0px solid #FFFFFF; border-top: 0px solid #FFFFFF; background-
color: #DEDEDE; color: #860000; }
.darkrow3 img { background-image: url(); valign: top; vertical-align: top; align: left; border: 0px solid #DEDEDE;
margin: 3px; padding: 0px; }
.hlight { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color: #EBEBEB; }
.dlight { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color: #EBEBEB; }
.maintitle { border-bottom: 1px solid #969696; text-align: center; background-color: #F0F0F0; vertical-align: middle;
font-weight: bold; color: #800000; letter-spacing: 1px; padding: 8px; background-image:
url(http://70.85.169.212/3474/106/upload/p222492.png); }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #800000; }
.maintitle a:hover { text-decoration: underline; }
#QUOTE { border-right: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF; background-color: #EBEBEB; font-family: Verdana, Arial; font-size: 10px; color:
#656565; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { border-right: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; border-left: 1px solid #FFFFFF;
border-top: 1px solid #FFFFFF; background-color: #EBEBEB; font-family: Courier New, Verdana, Arial; font-size:
11px; color: #656565; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px; }
.codebuttons { background-color: #F0F0F0; border: 1px solid #C0C0C0; color: #860000; font-size: 10px; font-family:
verdana, helvetica, sans-serif; vertical-align: middle; }
.forminput, .textinput, .radiobutton, .checkbox { border: 1px solid #C0C0C0; background-color: #F0F0F0; color:
#860000; font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; }
.thin { text-decoration: inherit; font-weight: inherit; padding: 6px 0px 6px 0px; line-height: 140%; margin: 2px 0px 2px
0px; border-top: 0px solid #FFFFFF; border-left: 0px solid #FFFFFF; }
7/ Skin Metallic.Ion
Demo
Header:
CODE
<center><body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"
alink="#000000" vlink="#000000">
<table cellspacing="0" bgcolor="#DBDFE3" body background="http://67.18.37.18/3752/87/upload/p9555.jpg"
valign="top" height="100%" width="798"><tr><td valign="top"
height="100%" background="http://67.18.37.18/3752/87/upload/p71785.gif"
style="padding:11px;border:0px;"></td><td height="100%" valign="top">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %><br />
Footer :
CODE
<DIV align=center>
<DIV class=tableborder style="WIDTH:55%; HEIGHT: 24px">
<DIV class=titlemedium
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 6.5pt; PADDING-BOTTOM: 8px; LINE-
HEIGHT: 12px; PADDING-TOP: 4px; spacing: 0px 0px 0px 0px">
Skin created by <B>Nicola</B> of the <B><A HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin
Zone</A></B></center>
</DIV></DIV></DIV></td><td align="left" valign="top"
background="http://67.18.37.18/3752/87/upload/p71790.gif" style="padding:12px;border:0px;"></td></tr></table>
CSS:
CODE
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #4D606C; margin:0px 10px 0px
10px;background-color:#3B4A53}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #4D606C; }
a:link, a:visited, a:active { text-decoration: none; color: #4D606C }
a:hover { color: #62737E; text-decoration:underline }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#4D606C }
.caldate { text-align:right;font-weight:bold;font-size:10px;color:#4D606C;background-
image:url(http://67.18.37.18/3752/87/upload/p72862.gif);padding:3px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #97A3AC;padding:0px;margin:0px; }
#submenu { border:1px solid #97A3AC;background-image:url(http://67.18.37.18/3752/87/upload/p69060.gif);font-
size:10px;margin:3px 0px 3px 0px;color:#4D606C;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none;
color: #4D606C; }
#userlinks { border:1px solid #97A3AC; background-image:url(http://67.18.37.18/3752/87/upload/p3237.gif) }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #4D606C; background-color: #D6DBDE; border: 1px
solid #97A3AC;border-left: 3px solid #97A3AC; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-
left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #4D606C; background-color:
#D6DBDE; border: 1px solid #97A3AC;border-left: 3px solid #97A3AC; padding-top: 2px; padding-right: 2px;
padding-bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #97A3AC;border-
bottom:1px solid #97A3AC }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
</style>
<script language='javascript'>
if ( location.search.indexOf('act=idx')!=-1) {
document.write("<style>.darkrow2{background-image:url(http://67.18.37.18/3752/87/upload/p72831.gif); }</style>")}
</script>
<style type="text/css">
</style>
<script language='javascript'>
if ( location.search.indexOf('c=')!=-1) {
document.write("<style>.darkrow2{background-image:url(http://67.18.37.18/3752/87/upload/p731.gif); }</style>")}
</script>
<style type="text/css">
</style>
<script language='javascript'>
if ( location.search.indexOf('showtopic')!=-1) {
document.write("<style>.tablepad { background-color:#D6DBDE;padding:6px;border-left:1px solid
#97A3AC;border-right:1px solid #97A3AC;border-bottom:1px solid #97A3AC; }}</style>")}
</script>
<style type="text/css">
</style>
<script language='javascript'>
if ( location.search.indexOf('act=Post&CODE')!=-1) {
document.write("<style>.pformstrip { border-left: 1px solid #97A3AC;border-right:1px solid #97A3AC;}</style>")}
</script>
<style type="text/css">
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.tableborder{background-color: #D6DBDE;border-left:1px solid #97A3AC;border-right:1px
solid #97A3AC;border-bottom:1px solid #97A3AC; }</style>")}
</script>
<style type="text/css">
Lu ci mu nn canh tri v phi i khi khng lm i vi cc server sau ny nh
s10, 11, 12 nu nh server 4 7 6 v trc th qu ok
8/ Skin mu xanh vng p tuyt
CODE
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #227C22; margin:0px 10px 0px
10px;background-color:#;background-image:url(http://img214.exs.cx/img214/200/background19ev.gif);background-
attachment:fixed; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #227C22; }
a:link, a:visited, a:active { text-decoration: underline; color: #227C22 }
a:hover { color: #227C22; text-decoration:underline }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#555 }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#227C22;background-
color:#F9E9F9;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid black }
#photoimg { text-align:center; margin-top:15px }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #D394D4;background-color: #F9E9F9;background-
image:url(http://67.18.37.18/style_images/1/tile_back.gif);padding:0px;margin:0px; }
#submenu { border:1px solid #D394D4;background-color: #F9E9F9;font-size:10px;margin:3px 0px 3px
0px;color:#227C22;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none;
color: #227C22; }
#userlinks { border:1px solid #D394D4; background-color: #F9E9F9 }
.activeuserstrip { background-color:#;background-image:url(http://img106.exs.cx/img106/1113/drkrow14sa.gif);
padding:6px }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px
solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #465584; background-color:
#FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-
bottom:1px solid #FFF }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
9/ Blue on Silver, mu bc xanh rt Cool
Demo
CODE
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color:
#272A36; margin:0px 10px 0px 10px;background-color:#A5B3E3}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color:
#272A36; }
a:link, a:visited, a:active { text-decoration: underline; color: #5A70B6}
a:hover { color: #7F91CE; text-decoration:underline }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#272A36}
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#272A36;background-
color:#E7E7E8;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid #C0C8E3}
#photoimg { text-align:center; margin-top:15px }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #C0C8E3;background-color:
#E7E7E8;padding:0px;margin:0px; }
#submenu { border:1px solid #C0C8E3;background-color: #E7E7E8;font-
size:10px;margin:3px 0px 3px 0px;color:#272A36;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-
size:10px;text-decoration: none; color: #5A70B6; }
#submenu a:hover{ font-weight:bold;font-size:10px;text-decoration: underline; color:
#5A70B6; }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #272A36; margin:0px 10px 0px
10px;background-color:#A5B3E3}
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #272A36; }
a:link, a:visited, a:active { text-decoration: underline; color: #5A70B6}
a:hover { color: #7F91CE; text-decoration:underline }
option.cat { font-weight:bold; }
option.sub { font-weight:bold;color:#272A36}
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#272A36;background-
color:#E7E7E8;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#photowrap { padding:6px; }
#phototitle { font-size:24px; border-bottom:1px solid #C0C8E3}
#photoimg { text-align:center; margin-top:15px }
#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #C0C8E3;background-color: #E7E7E8;padding:0px;margin:0px; }
#submenu { border:1px solid #C0C8E3;background-color: #E7E7E8;font-size:10px;margin:3px 0px 3px
0px;color:#272A36;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none;
color: #5A70B6; }
#submenu a:hover{ font-weight:bold;font-size:10px;text-decoration: underline; color: #5A70B6; }
.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }
.desc { font-size:10px; color:#272A36}
.edit { font-size: 9px }
#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #272A36; background-color: #E7E7E8; border: 1px
solid #C0C8E3; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #272A36; background-color:
#E7E7E8; border: 1px solid #C0C8E3; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid
#C0C8E3; color: #4E536A; background-color: #E7E7E8}
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-
align: middle; border: 1px solid #C0C8E3; color: #4E536A background-color: #E7E7E8 }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #C0C8E3;border-
bottom:1px solid #C0C8E3}
.purple { color:purple;font-weight:bold }
.red { color:red;font-weight:bold }
.green { color:green;font-weight:bold }
.blue { color:blue;font-weight:bold }
.orange { color:#F90;font-weight:bold }