You are on page 1of 62

1/ Skin Cafe n tng

Demo
CODE

html { overflow-x: hidden; overflow-y: auto; }


/* This Skin Created by [Damour.de.vu] v6 */
form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 11px; color: #000000; margin: 0px 0px 0px 0px;
background-color:#FFFFFF; background-image: url(http://img235.imageshack.us/img235/2635/bg7te.gif);
background-repeat:no-repeat;background-attachment:fixed; background-position:bottom left;}

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 }

fieldset.search { padding:6px; line-height:150% }


label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

#ipbwrapper .maintitle IMG { display: none; }


#ipbwrapper { text-align:left; width:730px; margin-left:auto;margin-right:auto; border-top: 15px solid
#593B2E;border-left: 15px solid #593B2E; border-right: 15px solid #593B2E;border-bottom: 15px solid
#593B2E;background-color: #FFFFFF; background-image: url(); padding:4px 4px 4px 4px; }

.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:#777;background-
color:#FCE0B8;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 #345487;background-color: #F5F9FD }


#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ipsbanner { position:absolute;top:0px;right:5%; }
#logostrip { border:0px solid #345487;background-color: #633927;background-image:url(); background-repeat:no-
repeat; background-position:right;padding:0px;margin:0px; }
#submenu img { display: none; }
#submenu { text-transform:uppercase; border:2px dashed #000000; background-color: #FFFFFF;font-size:0px;
color:#3A4F6C;font-weight:bold; background-image: url(http://img60.imageshack.us/img60/789/submenu5tm.gif); }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none;
color: #000000; }
#submenu a:hover { font-weight:bold;font-size:10px;text-decoration: none; color: #E0933A; }

#userlinks { border:1px solid #000000; background-color: #FFFFFF }

#navstrip { text-transform:uppercase; font-size:9px; font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#FFFFFF; padding:6px }

.pformstrip { background-image: url(http://img60.imageshack.us/img60/789/submenu5tm.gif); text-


transform:uppercase; font-size:9px;; background-color: #FFFFFF; font-weight:bold;padding:3px;margin-top:1px;
color:#000000; }
.pformleft { background-color: #FFFFFF; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000;
border-right:1px solid #000000; }
.pformleftw { background-color: #FFFFFF; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF;
border-right:1px solid #000000; }
.pformright { background-color: #FFFFFF; padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #FFFFFF }


.post2 { background-color: #FFFFFF }
.postlinksbar a:link, .maintitle a:visited, .maintitle a:active { color: #000000; padding:3px;margin-top:1px;font-
size:10px; background-image: url(); }

.postlinksbar { color: #000000; background-color:#000000;padding:3px;margin-top:1px;font-size:10px; background-


image: url(http://img60.imageshack.us/img60/789/submenu5tm.gif); }

.row1 { background-color: #FFFFFF }


.row2 { background-color: #FFFFFF }
.row3 { background-color: #FFFFFF }
.row4 { background-color: #FFFFFF }
.row4 .linkthru { color: #FA9820; }

.darkrow1 { background-image: url(http://img118.imageshack.us/img118/7818/bg4ql.gif); text-transform:uppercase;


font-size:9px; background-color: #CFBCA7; color:#000000; padding:3px; margin:0px;}
.darkrow2 { background-image: url(http://img60.imageshack.us/img60/789/submenu5tm.gif); background-color:
#BF8622; color:#000000; padding:3px; margin:0px;}
.darkrow3 { background-image: url(http://img60.imageshack.us/img60/789/submenu5tm.gif); background-color:
#FFFFFF; color:#000000; padding:3px; margin:0px;}

.hlight { background-color: #FFFFFF }


.dlight { background-color: #FFFFFF }

.titlemedium { background-image: url(http://img60.imageshack.us/img60/789/submenu5tm.gif); text-


transform:uppercase; font-size:9px; font-weight:bold; color:#000000; padding:3px; margin:0px; background-color:
#FFFFFF; }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; text-transform:uppercase;
font-size:9px; color: #000000; }

.maintitle { text-transform:uppercase; font-size:9px; vertical-align:middle;font-weight:bold; color:#FAF1D4; letter-


spacing:1px; padding:6px 0px 6px 5px; background-color: #946A37; background-image:
url(http://img487.imageshack.us/img487/3962/maintitle5go.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-transform:uppercase; font-size:9px; text-decoration:
none; color: #FCF7E6 }
.maintitle a:hover { color:#E0933A; text-decoration: none }

.plainborder { border:1px solid #000000;background-color:#FFFFFF }


.tableborder { border:1px solid #000000;background-color:#EDE4DA; padding:0px; margin:0px; width:100% }
.tablefill { border:2px dashed #000000;background-color:#FFFFFF;padding:6px; }
.tablepad { background-color:#FFFFFF;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:29% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:11px; color:#000000; }


.edit { font-size: 9px }

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

.postdetails { font-size: 11px }


.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 16px; font-weight: bold; color: #003 }


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 16px }
.unreg { font-size: 16px; font-weight: bold; color: #900 }

.searchlite { font-weight:bold; color:#F00; background-color:#FF0 }


#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #465584; background-color: #FAF6ED; 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:
#FAF6ED; 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 }

.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 { 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 }

.coffee { background-image: url(http://img98.imageshack.us/img98/6378/coffee7tr.jpg); background-repeat:no-


repeat;background-attachment:fixed; background-position:top right;}

Header & Body:


CODE
<body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="3" topmargin="3"
marginwidth="3" marginheight="0" bgcolor="#FFFFFF">
<table width="730" border="15" align="center" cellpadding="5" cellspacing="0" bgcolor="#ffffff" height="377"
bordercolor="#593B2E">
<tr><td valign="top" height="100%">
Footer:
CODE
</td></tr></table>
2/ Skin rng r
Demo
CODE
* FIX IE6 Scrollbars bug - Leave this in! */
/* FIX IE6 Scrollbars bug - Leave this in! */
html { overflow-x: auto; }

/* 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 */

#ipbwrapper { text-align:left; width:100%; margin-left:auto;margin-right:auto; background: #000000; }


#ipbwrapper img { border: 0px }
#charm { text-align:left; background: #000000; }

a:link, a:visited, a:active { text-decoration: underline; color: #5BA011 }


a:hover { color: #78D514; text-decoration:underline }
fieldset.search { padding:6px; line-height:150% }
label { cursor:pointer; }
form { display:inline; }
img { vertical-align:middle; border:0px }
img.attach { border:2px outset #504C30;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:#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 }

#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 #504C30;background-color: #000000 }


#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #000000; border:1px solid #504C30;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }

#logostrip { border:0px solid #345487;background-color: #000000;background-image:url();padding:0px;margin:0px; }

#submenu { border:0px solid #BCD0ED;background-color: #000000;font-size:10px;margin:3px 0px 3px


0px;color:#5BA011;font-weight:bold; background-image: url(http://209.85.12.232/4570/189/emo/tile_sub1.gif) }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none;
color: #5BA011; }

#userlinks { border:0px solid #C2CFDF; background-color: #000000; background-image:


url(http://209.85.12.232/4570/189/emo/tile_sub2.gif) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#BCD0ED; padding:6px; background-image:


url(http://209.85.12.232/4570/189/emo/tile_sub.gif) }

/* Form stuff (post / profile / etc) */


.pformstrip { background-color: #000000; color:#5BA011;font-weight:bold;padding:7px;margin-top:1px; background-
image: url(http://209.85.12.232/4570/189/emo/tile_sub.gif) }
.pformleft { background-color: #000000; padding:6px; margin-top:1px;width:25%; border-top:1px solid #504C30;
border-right:1px solid #504C30; }
.pformleftw { background-color: #000000; padding:6px; margin-top:1px;width:40%; border-top:1px solid #504C30;
border-right:1px solid #504C30; }
.pformright { background-color: #000000; padding:6px; margin-top:1px;border-top:1px solid #504C30; }

/* Topic View elements */

.signature { font-size: 10px; color: #5BA011; line-height:150% }


.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #5BA011 }


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #900 }

.post1 { background-color: #000000 }


.post2 { background-color: #000000 }

.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image:


url(http://209.85.12.232/4570/189/emo/tile_sub.gif) }

/* Common elements */

.row1 { background-color: #000000 }


.row2 { background-color: #000000 }
.row3 { background-color: #000000 }
.row4 { background-color: #000000 }

.darkrow1 { background-color: #000000; color:#5BA011; }


.darkrow2 { background-color: #BCD0ED; color:#5BA011; background-image:
url(http://209.85.12.232/4570/189/emo/tile_sub.gif) }
.darkrow3 { background-color: #000000; color:#5BA011; }

.hlight { background-color: #4D4D4D }


.dlight { background-color: #000000 }

.titlemedium { font-weight:bold; color:#5BA011; padding:7px; margin:0px; background-image:


url(http://209.85.12.232/4570/189/emo/tile_sub.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #5BA011 }

/* Main table top (dark blue gradient by default) */

.maintitle { vertical-align:middle;font-weight:bold; color:#5BA011; padding:8px 0px 8px 5px; background-image:


url(http://209.85.12.232/4570/189/emo/tile_back.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #5BA011 }
.maintitle a:hover { text-decoration: underline }

/* tableborders gives the white column / row lines effect */

.plainborder { border:1px solid #504C30;background-color:#000000 }

.tableborder { border:1px solid #504C30;background-color:#3C3820; padding:0; margin:0 }

.tablefill { border:1px solid #504C30;background-color:#000000;padding:6px; }


.tablepad { background-color:#000000;padding:6px }

.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#5BA011 }


.edit { font-size: 9px }

.searchlite { font-weight:bold; color:#5BA011; background-color:#000000 }

#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 valign="top" align="left" width="126px" style="background:


url(http://209.85.12.232/4570/189/emo/left_middle.gif) repeat;">

<img src="http://209.85.12.232/4570/189/emo/left_top.gif" align="top" /></td>

<td text-align:left; rowspan="3">


Footer:
CODE
<br><div class="copyright" align="center"> Skin designed by <a href="http://forum.muazn.com" target="_blank"
style="text-decoration: underline"> AznGuyz</a>, Mu World Skin Copyright 2005 For
[url=http://muazn.com<br>]http://muazn.com<br>[/url]

Do not alter this skin without permission, do NOT remove copyright<br>

Image From MuOnline<br>

Removal of this Copyright may result in legal actions</div><br>

</td>

<td valign="top" align="right" width="74px" style="background:


url(http://209.85.12.232/4570/189/emo/right_middle.gif) repeat;">

<img src="http://209.85.12.232/4570/189/emo/right_top.gif" align="top" /></td></tr><tr>


<td cellpadding="0" style="background: url(http://209.85.12.232/4570/189/emo/left_middle.gif) repeat;">

<img src="http://209.85.12.232/4570/189/emo/spacer.gif" width="126px" alt="" /></td>

<td cellpadding="0" style="background: url(http://209.85.12.232/4570/189/emo/right_middle.gif) repeat;">

<img src="http://209.85.12.232/4570/189/emo/spacer.gif" width="74px" alt="" /></td></tr><tr>

<td valign="bottom" align="left" width="126px" style="background:


url(http://209.85.12.232/4570/189/emo/left_middle.gif) repeat;">

<img src="http://209.85.12.232/4570/189/emo/left_bottom.gif" align="top" /></td>

<td valign="bottom" align="right" width="74px" style="background:


url(http://209.85.12.232/4570/189/emo/right_middle.gif) repeat;">

<img src="http://209.85.12.232/4570/189/emo/right_bottom.gif" align="top" /></td></tr></table></div>


3/ Skin Happy Bunny
Demo
CODE
html { overflow-x: hidden; overflow-y: auto; }

/* Happy Bunny! Created By [Damour.de.vu] */


/* Happy Bunny! Skin su tm by PETER of http://a16online.me.ly/ */
/* Logo url: http://img136.imageshack.us/img136/8975/logo4iw.jpg */
form { display:inline; }
img { vertical-align:middle; border:0px }

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

fieldset.search { padding:6px; line-height:150% }


label { cursor:pointer; }

img.attach { border:2px outset #EEF2F7;padding:2px }

#ipbwrapper { text-align:left; width:813px; margin-left:auto;margin-right:auto; background-color: #FFFFFF;}

.googleroot { padding:6px; line-height:130% }


.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130%;color: #109092 }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:11px; color: #696969;
}
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#696969; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#696969 }

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:#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 }

#padandcenter { margin-left:auto;margin-right:auto;text-align:center;padding:14px 0px 14px 0px }

#profilename { font-size:28px; font-weight:bold;border-left:1px solid #24B9FC;border-right:1px solid


#24B9FC;border-bottom:1px solid #24B9FC; border-top:3px solid #84B3E9; }
#calendarname { font-size:22px; font-weight:bold;border-left:1px solid #24B9FC;border-right:1px solid
#24B9FC;border-bottom:1px solid #24B9FC; border-top:3px solid #84B3E9; }

#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 #24B9FC;background-color: #F9FAFA }


#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F9FAFA; border:1px solid #24B9FC;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#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) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-image:url(http://70.84.190.115/3716/11/upload/p12163.gif); padding:6px; }

.pformstrip { background-image:url(http://70.84.190.115/3716/11/upload/p11991.gif); color:#24B9FC;font-


weight:bold;padding:3px;margin-top:1px }
.pformleft { background-color: #F9FAFA; padding:6px; margin-top:1px;width:25%; border-top:1px solid #24B9FC;
border-right:1px solid #24B9FC;border-left:1px solid #24B9FC; }
.pformleftw { background-color: #F9FAFA; padding:6px; margin-top:1px;width:40%; border-top:1px solid
#24B9FCA; border-right:1px solid #24B9FC; }
.pformright { background-color: #F9FAFA; padding:6px; margin-top:1px;border-top:1px solid #24B9FC;border-
right:1px solid #24B9FC; }

.post1 { background-color: #FFFFFF;border-left:1px solid #ffffff;border-top:1px solid #ffffff; }


.post2 { background-image: url(http://img80.imageshack.us/img80/4568/egg5qw.jpg); background-repeat:no-
repeat;background-attachment:fixed; background-position:bottom right; background-color: #FFFFFF;border-left:1px
solid #ffffff;border-top:1px solid #ffffff; }
.postlinksbar { background-color:#F9FAFA;padding:3px;margin-top:1px;font-size:10px; background-image:
url(http://70.84.190.115/3716/11/upload/p11991.gif); }
.row1 { background-color: #FFFFFF }
.row2 { background-color: #FFFFFF; background-image: url(); border-left:1px solid #ffffff;border-top:1px solid
#ffffff;}
.row3 { background-color: #FFFFFF }
.row4 { background-color: #FFFFFF; background-image: url(); border-left:1px solid #ffffff;border-top:1px solid #ffffff;
}

.darkrow1 { background-color: #B17070; background-image: url(http://209.85.12.236/5502/46/upload/p7299223.gif);


color:#fff; }
.darkrow2 { background-color: #f9f9f9; background-image: url(http://209.85.12.236/5502/46/upload/p7299223.gif);
color:#; }
.darkrow3 { background-color: #f9f9f9; background-image: url(http://209.85.12.236/5502/46/upload/p7299223.gif);
color:#; }
.hlight { background-color: #F5F6F6 }
.dlight { background-color: #F9FAFA }

.titlemedium { font-weight:bold; color:#24B9FC; padding:3px; margin:0px; background-image:


url(http://70.84.190.115/3716/11/upload/p11991.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #24B9FC}

.maintitle { text-align:center; text-indent: 0px;PADDING-RIGHT: 1px; PADDING-LEFT: 0px; FONT-WEIGHT: bold;


BACKGROUND: url(http://img211.imageshack.us/img211/7200/bluezoo1ru.png) no-repeat 50% top; PADDING-
BOTTOM: 9px; MARGIN: 0px; WIDTH: 100%; COLOR: #ffffff; padding-top:5px; background-repeat:no-repeat;
background-color:#ffffff }

#ucpmenu .maintitle {WIDTH: auto; LINE-HEIGHT: 1em}}

#ucpmenu .maintitle {WIDTH: auto; LINE-HEIGHT: 1em}


#ucpcontent .maintitle {LINE-HEIGHT: 1em}

.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ffffff}
.maintitle a:hover { text-decoration: underline }

.maintitle a:bold { text-decoration: underline; color: #ffffff; font-weight: bold;text-indent: 50px;}

.maintitleleft {BACKGROUND: url() no-repeat left top}

.maintitleright {BACKGROUND: url() no-repeat right top}

.maintitlecontent {PADDING-RIGHT: 40px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; padding-top:10px}

TD.maintitle {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; padding-top:10px}

#ucpmenu .maintitle {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; padding-top:10px}

div.maintitle { background-image: url(http://img211.imageshack.us/img211/7200/bluezoo1ru.png) }

.plainborder { border:1px solid #24B9FC;background-color:#24B9FC }


.tableborder { border:0px solid #24B9FC;background-color:#FFFFFF; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #24B9FC;background-color:#F5F6F6;padding:6px; }
.tablepad { background-color:#F5F6F6;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:12px; color:#696969 }


.edit { font-size: 10px;border-left:1px solid #24B9FCA;border-right:1px solid #24B9FC;border-bottom:1px solid
#24B9FC; border-top:3px solid #84B3E9; }

.signature { font-size: 11px; color: #696969 }


.postdetails { font-size: 11px}
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #696969 }


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #84B3E9 }

.searchlite { font-weight:bold; color:#696969; background-color:#FF0 }

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

.codebuttons{ font-size: 12px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;


color: #696969; background-color: #F5F6F6;background-image:url(http://70.84.190.115/3716/11/upload/p11991.gif);
border: 1px #24B9FC solid; }

.forminput, .textinput, .radiobutton, .checkbox


{ font-size: 12px;font-family: verdana, helvetica, sans-serif;
vertical-align: middle;color: #696969;background-color: #fff;
border: 1px #24B9FC solid; }

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

fieldset.search { padding:6px; line-height:150% }


label { cursor:pointer; }

img.attach { border:2px outset #000000;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:
#8B8B8B; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#8B8B8B; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#8B8B8B}
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:#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}

#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 #000000}
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #000000;background-color: #222222;}


#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #222222; 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: #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; }

#userlinks { border-left:1px solid #484848; border-right:1px solid #000000;border-bottom:1px solid #000000;border-


top:1px solid #666666; background-color: #222222; background-image:
url(http://70.85.169.212/3357/43/upload/p27872.gif); }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px;}

.activeuserstrip { background-color:#222222; background-image:


url(http://70.85.169.212/3357/43/upload/p20760.gif);padding:6px }

.pformstrip { background-color: #222222; background-image: url(http://70.85.169.212/3357/43/upload/p20760.gif);


color:#8B8B8B;font-weight:bold;padding:7px;margin-top:1px; border-left: 1px solid #545454 }
.pformleft { background-color: #222222; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000;
border-left: 1px solid #353535; border-top: 1px solid #353535; border-bottom: 1px solid #000000; border-right: 1px
solid #000000}
.pformleftw { background-color: #222222; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000;
border-left: 1px solid #353535; border-top: 1px solid #353535;}
.pformright { background-color: #222222; padding:6px; margin-top:1px;border-left: 1px solid #353535; border-top:
1px solid #353535; border-bottom: 1px solid #000000}

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

.postlinksbar { background-color:#292929;padding:7px;margin-top:1px;font-size:10px; background-image:


url(http://70.85.169.212/3357/43/upload/p20760.gif); border-left: 1px solid #000000; border-right: 1px solid
#000000; }

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

.darkrow1 { background-color: #161616; color:#8B8B8B; }


.darkrow2 { background-color: #161616; background-image: url(http://70.85.169.212/3357/43/upload/p47033.gif);
color:#8B8B8B; vertical-align:middle;}
.darkrow3 { background-color: #222222; color:#8B8B8B;border-left: 1px solid #353535; border-top: 1px solid
#353535; }

.hlight { background-color: #1E1E1E; background-image: url();}


.dlight { background-color: #222222; background-image: url();}

.titlemedium { font-weight:bold; color:#8B8B8B; padding:7px; margin:0px; background-color: #292929; background-


image: url(http://70.85.169.212/3357/43/upload/p20760.gif); border-left: 1px solid #545454 }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #8B8B8B}
.titlemedium a:hover{ text-decoration: none; color: #575757}

.maintitle { background-position: center; text-align: center; vertical-align:middle;font-weight:bold; color:#ffffff; letter-


spacing:1px; padding:9px 0px 15px 0px; background-color: #161616; background-image:
url(http://70.85.169.212/3357/43/upload/p46857.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #ffffff}
.maintitle a:hover { text-decoration: underline; color: #ffffff}

.plainborder { border:1px solid #000000;background-color:#000000}


.tableborder { border:1px solid #161616;background-color:#161616; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #000000;background-color:#1E1E1E;padding:6px; border-right: 1px solid #000000;
border-bottom: 1px solid #000000;border-top: 1px solid #2D2D2D; border-left: 1px solid #2D2D2D; }
.tablepad { background-color:#222222;background-image: url();padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#ffffff}


.edit { font-size: 9px; color: #656565}

.signature { font-size: 10px; color: yellow}


.postdetails { font-size: 9px }
.postcolor { font-size: 11px; line-height: 160%; }

.normalname { font-size: 12px; font-weight: bold; color: #656565}


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #8B8B8B}

.searchlite { font-weight:bold; color:#8B8B8B; background-color:#222222;}

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

div.row4 { border-color: #262626!important;background-color:#262626}

</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) }

.row1 { background-color: #ffffff; background-image:


url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/main_bg.gif) }
.row2 { background-color: #ffffff; background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/main_bg.gif) }
.row3 { background-color: #ffffff; background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/main_bg.gif) }
.row4 { background-color: #ffffff; background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/main_bg.gif) }

.darkrow1 { background-color: #c9c9c9; color:#000000; }


<!-- Day la Footer -->
.darkrow2 { background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/pg_foot2.jpg); color:#000000; }
.darkrow3 { background-color: #c9c9c9; color:#000000; }
.hlight { background-color: #c9c9c9}
.dlight { background-color: #c9c9c9}
.titlemedium { font-weight:bold; color:#000000; padding:7px; margin:0px; background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/pg_sub_tit.png) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #000000}
.maintitle {text-align:center; vertical-align:middle;font-weight:bold; color:#898989; letter-spacing:1px; padding:8px
0px 8px 5px; background-image:
url(http://img74.photobucket.com/albums/v225/vietnamskin/vietnamskin02/main_title.jpg) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #898989}
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #dadada;background-color:#dadada }


.tableborder { border:1px solid #dadada;background-color:#dadada; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #898989;background-color:#c7c7c7; background-image: url(http://);padding:6px; }
.tablepad { background-color:#c7c7c7; background-image: url(http://);padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

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

FORM { display: inline; }

IMG { vertical-align: middle; border: 0px; }

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

TD IMG { margin-right: 1px; }

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

#maintable { vertical-align: top; align: center; width: 774px; background-color: #FFFFFF; }

IFRAME { margin: 0px; }

fieldset.search { padding: 6px; line-height: 150%; }

label { cursor: pointer; }

img.attach { border: 1px solid #BDBDBD; padding: 0px; }

li.helprow { padding: 0px; margin: 0px 0px 10px 0px; }

ul#help { padding: 0px 0px 0px 15px; }

.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:
#535353; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size: 14px; font-weight: bold; color: #686868; }
.googlepagelinks { font-size: 1.1em; letter-spacing: 1px; }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size: 10px; color: #4A4A4A; }

option.cat { font-weight: normal; }


option.sub { font-weight: normal; color: #860000; }
.caldate { border-bottom: 1px solid #848484; background-image:
url(http://70.85.169.212/3474/106/upload/p75843.png); text-align: right; font-weight: normal; font-size: 11px; color:
#860000; background-color: #E0E0E0; 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 #000000; }
#photoimg { text-align: center; margin-top: 15px; }

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

#ipsbanner { position: absolute; top: 1px; right: 5%; }

#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 img { display: none; }

#submenu a:link, #submenu a:visited, #submenu a:active {font-weight: normal; font-size: 10px; text-decoration: none;
color: #FFFFFF; }

#userlinks { border-bottom: 1px solid #8E8E8E; background-image:


url(http://70.85.169.212/3474/106/upload/p75843.png); font-weight: normal!important border-right: 0px solid
#8E8E8E; border-left: 0px solid #8E8E8E; background-color: #FFFFFF; }

#navstrip { color: #860000; font-weight: normal; padding: 6px; }


#navstrip a:link, #navstrip a:hover, #navstrip a:active, #navstrip a:visited { color: #860000; }

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

.row1 { background-color: #EBEBEB; }


.row2 { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color: #E7E7E7; }
.row3 { background-color: #F3F3F3; }
.row4 { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color: #EBEBEB; }
div.row4 { border: 0px!important background-color: #EBEBEB!important }

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

.titlemedium { 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); }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #860000; }

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

.plainborder { border: 1px solid #5E5E5E; background-color: #F0F0F0; }


.tableborder { border-right: 0px solid #C0C0C0; border-bottom: 1px solid #848484; border-top: 1px solid #848484;
border-left: 0px solid #5E5E5E; background-color: #CACACA; padding: 0px; margin: 0px; width: 100%; }
.tablefill { border: 1px solid #C0C0C0; background-color: #F0F0F0; padding: 6px; }
.tablepad { background-color: #5E5E5E; padding: 6px; }
.tablebasic { width: 100%; padding:0px 0px 0px 0px; margin: 0px; border: 0px; }

.wrapmini { float: left; line-height: 1.5em; width:25%; }


.pagelinks { float: left; line-height: 1.2em; width:35%; }

.desc { font-size: 10px; color: #860000!important }


.edit { font-size: 9px; }

.signature { vertical-align: top; width: 100%; font-size: 10px; color: #000000; }


.postdetails { font-size: 10px; }
.postcolor { font-size: 12px; line-height: 160%; }

.normalname { font-size: 11px; font-weight: inherit; color: #860000; }


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 11px; }
.unreg { font-size: 11px; font-weight: inherit; color: #860000; }

.searchlite { font-weight: bold; color: #000000; background-color: #F00000; }

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

.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>
if(location.search.indexOf('act=site')!=-1) {document.write('<style>.maintitle { border-bottom: 1px solid #5E5E5E;
padding: 5px; border-left: 1px solid #5E5E5E; border-right: 1px solid #5E5E5E; } TD.maintitle { padding: 5px;
border-left: 1px solid #5E5E5E; border-right: 1px solid #5E5E5E; } .tableborder { background-color: #F5F5F5;
border-left: 1px solid #C8C8C8; border-right: 0px solid #C8C8C8; border-bottom: 1px solid #C8C8C8; border-right:
1px solid #C8C8C8; text-align: left; } .tablepad { background-color: #F5F5F5; border: 0px; text-align: left; } a:link,
a:visited, a:active { color: #860000; } a:hover { text-decoration: underline; color: #000000; }</style><center><table
height="100%" cellpadding="0px" cellspacing="0px" padding="0px" margin-width="0" margin-height="0"
align="center" id="maintable" margin="0"><tr><td margin-height="0" valign="top" margin-width="0" style="border:
0px; margin: 0px; padding: 0px">')}
if(location.search.indexOf('act=UserCP&CODE=')!=-1) {document.write('<style>.maintitle { padding: 6px; }
</style>')}
if(location.search.indexOf('act=Msg&CODE=')!=-1) {document.write('<style>.maintitle { padding: 6px; }</style>')}
if(location.search.indexOf('act=Help')!=-1) {document.write('<style>.maintitle { padding: 6px; background-position:
center; border-bottom: 1px solid #B0B0B0; } .tablepad { background-color: #F0F0F0; }</style>')}
if(location.search.indexOf('act=Search')!=-1) {document.write('<style>.maintitle { padding: 6px; background-position:
center; border-bottom: 1px solid #B0B0B0; } .tablepad { background-color: #F0F0F0; }</style>')}
if(location.search.indexOf('showtopic=')!=-1) {document.write('<style>.darkrow2 { background-position: center;
border-top: 0px} .tablepad { border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; background-color:
#EBEBEB; }</style>')}
<center>
<style>

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 }

fieldset.search { padding:6px; line-height:150% }


label { cursor:pointer; }

img.attach { border:1px groove #97A3AC;padding:2px }

.googleroot { padding:6px; line-height:130% }


.googlechild { padding:6px; margin-left:30px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130%;color:#111467 }
.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:#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 }

#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 #97A3AC;background-color: #DADFE2 }


#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #DADFE2; border:1px solid #97A3AC;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#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) }

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-image:url(http://67.18.37.18/3752/87/upload/p72862.gif); padding:6px }

.pformstrip { background-image:url(http://67.18.37.18/3752/87/upload/p72016.gif); color:#596B77;font-


weight:bold;padding:3px;margin-top:1px }
.pformleft { background-color: #DADFE2; padding:6px; margin-top:1px;width:25%; border-top:1px solid #97A3AC;
border-right:1px solid #97A3AC; border-left:1px solid #97A3AC; }
.pformleftw { background-color: #DADFE2; padding:6px; margin-top:1px;width:40%; border-top:1px solid #97A3AC;
border-right:1px solid #97A3AC; border-left:1px solid #97A3AC;}
.pformright { background-color: #DADFE2; padding:6px; margin-top:1px;border-top:1px solid #97A3AC;border-
right:1px solid #97A3AC; }
.post1 { background-color: #DADFE2;border-top: 1px solid #F7F7FF;border-left: 1px solid #F7F7FF }
.post2 { background-color: #DADFE2;border-top: 1px solid #F7F7FF;border-left: 1px solid #F7F7FF}
.postlinksbar { background-color:#D1DCEB;padding:3px;margin-top:1px;font-size:10px; background-image:
url(http://67.18.37.18/3752/87/upload/p72016.gif);border-right:1px solid #97A3AC;border-left:1px solid #97A3AC; }

div.row4 { border-color: #97A3AC!important;background-color:#DADFE2}

.row1 { background-color: #D6DBDE }


.row2 { background-color: #D6DBDE;border-top: 1px solid #EAEAF7;border-left: 1px solid #EAEAF7; }
.row3 { background-color: #DADFE2;border-top: 1px solid #EAEAF7;border-left: 1px solid #EAEAF7}
.row4 { background-color: #DADFE2;border-top: 1px solid #EAEAF7;border-left: 1px solid #EAEAF7 }

.darkrow1 { background-color: #DBDFE3; color:#4D606C;border-top: 1px solid #939FA7;padding:2px; }


.darkrow2 { background-image:url(http://67.18.37.18/3752/87/upload/p72862.gif); color:#4D606C;padding:2px; }
.darkrow3 { background-image:url(http://67.18.37.18/3752/87/upload/p72862.gif); color:#4D606C; }

.hlight { background-color: #D6DBDE }


.dlight { background-color: #DADFE2 }

.titlemedium { font-weight:bold; color:#596B77; padding:3px; margin:0px; background-image:


url(http://67.18.37.18/3752/87/upload/p72016.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #596B77 }

.maintitle { text-align:center;vertical-align:middle;font-weight:bold; color:#4D606C; letter-spacing:1px; padding:8px


0px 8px 5px; background-image: url(http://67.18.37.18/3752/87/upload/p73065.gif);background-
position:center;background-repeat:no-repeat; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #4D606C}
.maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid #97A3AC;background-color:#97A3AC }
.tableborder { border:0px solid #97A3AC;background-color:#97A3AC; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #97A3AC;background-color:#D6DBDE;padding:6px; }
.tablepad { background-color:#D6DBDE;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#4D606C }


.edit { font-size: 9px; border: 1px solid #97A3AC; border-top: 2px solid #97A3AC}

.signature { font-size: 11px; color: #4D606C }


.postdetails { font-size: 11px }
.postcolor { font-size: 11px; line-height: 160% }

.normalname { font-size: 10px; font-weight: bold; color: #4D606C }


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 11px;color:#4D606C}
.unreg { font-size: 11px; font-weight: bold; color: #4D606C }

.searchlite { font-weight:bold; color:#4D606C; background-color:#FF0 }

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

.codebuttons{ font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;


color: #4D606C; background-image:url(http://67.18.37.18/3752/87/upload/p69060.gif ) ; border: 1px
#97A3AC solid; }

.forminput, .textinput, .radiobutton, .checkbox


{ font-size: 10px;font-family: verdana, helvetica, sans-serif;
vertical-align: middle;color: #4D606C;background-color: #D6DBDE;;
border: 1px #97A3AC solid; }

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

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:#227C22;background-
color:#F9E9F9;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 #D394D4;background-color: #F5F9FD }


#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #D394D4;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

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

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#;background-image:url(http://img106.exs.cx/img106/1113/drkrow14sa.gif);
padding:6px }

.pformstrip { background-color: #;background-image:url(http://img106.exs.cx/img106/1113/drkrow14sa.gif);


color:#227C22;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #F9E9F9; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF;
border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F9E9F9; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF;
border-right:1px solid #C2CFDF; }
.pformright { background-color: #F9E9F9; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F9E9F9 }


.post2 { background-color: #F9E9F9 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image:
url(http://67.18.37.18/style_images/1/tile_sub.gif) }

.row1 { background-color: #F9E9F9 }


.row2 { background-color: #F9E9F9 }
.row3 { background-color: #F9E9F9 }
.row4 { background-color: #F9E9F9 }

.darkrow1 { background-color: #;background-image:url(http://img76.exs.cx/img76/5227/drkrow17ic.gif);


color:#4C77B6; }
.darkrow2 { background-color: #;background-image:url(http://img76.exs.cx/img76/5227/drkrow17ic.gif);
color:#3A4F6C; }
.darkrow3 { background-color: #;background-image:url(http://img76.exs.cx/img76/5227/drkrow17ic.gif);
color:#3A4F6C; }
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#227C22; padding:7px; margin:0px; background-image:


url(http://img106.exs.cx/img106/6510/tm10iv.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #227C22 }

.maintitle { vertical-align:middle;text-align:center;font-weight:bold; color:#227C22; letter-spacing:1px; padding:8px


0px 8px 5px; background-image: url(http://img76.exs.cx/img76/9967/mtjess14ju.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #227C22 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #D394D4;background-color:#D394D4 }


.tableborder { border:1px solid #D394D4;background-color:#D394D4; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #D394D4;background-color:#F9E9F9;padding:6px; }
.tablepad { background-color:#F5F9FD;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

.wrapmini { float:left;line-height:1.5em;width:25% }
.pagelinks { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#227C22 }


.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }


.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: #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 }

.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 #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 }

fieldset.search { padding:6px; line-height:150% }


label { cursor:pointer; }

img.attach { border:2px outset #C0C8E3;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: #272A36; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-
weight:bold; color:#272A36; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-
size:10px; color:#272A36}

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:#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 }

#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 #C0C8E3}
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #C0C8E3;background-


color: #E7E7E8}
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #E7E7E8; border:1px solid #C0C8E3;line-
height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

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

#userlinks { border:1px solid #C2CFDF; background-color: #E7E7E8}

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#D2D2D4; background-image:


url(http://67.18.37.16/514/109/upload/p753627.gif);padding:6px }

.pformstrip { background-color: #D2D2D4; background-image:


url(http://67.18.37.16/514/109/upload/p753627.gif);color:#272A36;font-
weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #E7E7E8; padding:6px; margin-top:1px;width:25%;
border-top:1px solid #C0C8E3; border-right:1px solid #C0C8E3; }
.pformleftw { background-color: #E7E7E8; padding:6px; margin-top:1px;width:40%;
border-top:1px solid #C0C8E3; border-right:1px solid #C0C8E3; }
.pformright { background-color: #E7E7E8; padding:6px; margin-top:1px;border-top:1px
solid #C0C8E3; }
.post1 { background-color: #E7E7E8}
.post2 { background-color: #E7E7E8}
.postlinksbar { background-color:#D2D2D4;padding:7px;margin-top:1px;font-size:10px;
background-image: url(http://67.18.37.16/514/109/upload/p753627.gif) }

.row1 { background-color: #DDDDE1}


.row2 { background-color: #DDDDE1}
.row3 { background-color: #E7E7E8}
.row4 { background-color: #E7E7E8}

.darkrow1 { background-color: #E7E7E8; color:#272A36; }


.darkrow2 { background-color: #D2D2D4; background-image:
url(http://67.18.37.16/514/109/upload/p753627.gif);color:#272A36; }
.darkrow3 { background-color: #D8D8D9; color:#272A36; }

.hlight { background-color: #DDDDE1}


.dlight { background-color: #E7E7E8}

.titlemedium { font-weight:bold; color:#272A36; padding:5px; margin:0px; background-


color: #D2D2D4; background-image: url(http://67.18.37.16/514/109/upload/p753627.gif)
}
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration:
none; color: #272A36}
.titlemedium a:active { text-decoration: underline; color: #272A36}

.maintitle { text-align: center; vertical-align:middle;font-weight:bold; color:#2C2637;


letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #95A3D6;background-
image: url(http://67.18.37.16/514/109/upload/p753761.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color:
#2C2637}
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #C0C8E3;background-color:#C0C8E3}


.tableborder { border:1px solid #E7E7E8;background-color:#C0C8E3; padding:0px;
margin:0px; width:100% }
.tablefill { border:1px solid #C0C8E3;background-color:#E7E7E8;padding:6px; }
.tablepad { background-color:#E7E7E8;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

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

.signature { font-size: 10px; color: #272A36}


.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #4E536A}


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #272A36}

.searchlite { font-weight:bold; color:#272A36; background-color:#E7E7E8}

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

</STYLE><CENTER><font color=#272A36>Skin created by <B>Kman</B> of <a


href=http://x2.invisionfree.com/ghq>GHQ</a>. Find more great skins at the <B><A
HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin
Zone</A></B>.</font></CENTER><STYLE TYPE="text/css">

div.row4 { border-color: #C0C8E3!important;background-color:#E2E2E2}


Board Wrappers :
CODE
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000"
vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2"
topmargin="2" marginwidth="2" marginheight="0">
<table width="810" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="377"
bordercolor="BCA5E9">
<tr>
<td width="90%" height="100%" bgcolor="E7E7E8";>

<% BOARD HEADER %>


<% NAVIGATION %>
<% BOARD %>
<% STATS %>
10/ 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 }

fieldset.search { padding:6px; line-height:150% }


label { cursor:pointer; }

img.attach { border:2px outset #C0C8E3;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:
#272A36; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:14px; font-weight:bold; color:#272A36; }
.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:10px; color:#272A36}

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:#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 }

#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 #C0C8E3}
#photoimg { text-align:center; margin-top:15px }

#ucpmenu { line-height:150%;width:22%; border:1px solid #C0C8E3;background-color: #E7E7E8}


#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #E7E7E8; border:1px solid #C0C8E3;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

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

#userlinks { border:1px solid #C2CFDF; background-color: #E7E7E8}

#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }

.activeuserstrip { background-color:#D2D2D4; background-image:


url(http://67.18.37.16/514/109/upload/p753627.gif);padding:6px }

.pformstrip { background-color: #D2D2D4; background-image:


url(http://67.18.37.16/514/109/upload/p753627.gif);color:#272A36;font-weight:bold;padding:7px;margin-top:1px }
.pformleft { background-color: #E7E7E8; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C0C8E3;
border-right:1px solid #C0C8E3; }
.pformleftw { background-color: #E7E7E8; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C0C8E3;
border-right:1px solid #C0C8E3; }
.pformright { background-color: #E7E7E8; padding:6px; margin-top:1px;border-top:1px solid #C0C8E3; }

.post1 { background-color: #E7E7E8}


.post2 { background-color: #E7E7E8}
.postlinksbar { background-color:#D2D2D4;padding:7px;margin-top:1px;font-size:10px; background-image:
url(http://67.18.37.16/514/109/upload/p753627.gif) }

.row1 { background-color: #DDDDE1}


.row2 { background-color: #DDDDE1}
.row3 { background-color: #E7E7E8}
.row4 { background-color: #E7E7E8}

.darkrow1 { background-color: #E7E7E8; color:#272A36; }


.darkrow2 { background-color: #D2D2D4; background-image:
url(http://67.18.37.16/514/109/upload/p753627.gif);color:#272A36; }
.darkrow3 { background-color: #D8D8D9; color:#272A36; }

.hlight { background-color: #DDDDE1}


.dlight { background-color: #E7E7E8}

.titlemedium { font-weight:bold; color:#272A36; padding:5px; margin:0px; background-color: #D2D2D4; background-


image: url(http://67.18.37.16/514/109/upload/p753627.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #272A36}
.titlemedium a:active { text-decoration: underline; color: #272A36}

.maintitle { text-align: center; vertical-align:middle;font-weight:bold; color:#2C2637; letter-spacing:1px; padding:8px


0px 8px 5px; background-color: #95A3D6;background-image: url(http://67.18.37.16/514/109/upload/p753761.gif) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #2C2637}
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #C0C8E3;background-color:#C0C8E3}


.tableborder { border:1px solid #E7E7E8;background-color:#C0C8E3; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #C0C8E3;background-color:#E7E7E8;padding:6px; }
.tablepad { background-color:#E7E7E8;padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

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

.signature { font-size: 10px; color: #272A36}


.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: bold; color: #4E536A}


.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #272A36}

.searchlite { font-weight:bold; color:#272A36; background-color:#E7E7E8}

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

</STYLE><CENTER><font color=#272A36>Skin created by <B>Kman</B> of <a


href=http://x2.invisionfree.com/ghq>GHQ</a>. Find more great skins at the <B><A
HREF="http://www.ifskinzone.net" TARGET="_BLANK">IF Skin Zone</A></B>.</font></CENTER><STYLE
TYPE="text/css">

div.row4 { border-color: #C0C8E3!important;background-color:#E2E2E2}


Board Wrappers
CODE
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000"
vlink="#000000"><body text="#000000" link="#000000" vlink="#00

You might also like