Mã nguồn skin đẹp cho web

.green { color:green;font-weight:bold }.blue { color:blue;font-weight:bold }.orange { color:#F90;font-weight:bold } Header & Body: Chèn vào đầu tiên của Skin designed by AznGuyz, Mu W

Trang 1

1/ Skin Cafe ấn tượng

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:

Trang 2

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

Trang 3

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

Trang 4

size:10px; background-image: url(); }

.postlinksbar { color: #000000; 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:

Trang 5

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

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

Trang 6

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

Trang 7

* FIX IE6 Scrollbars bug - Leave this in! */

/* FIX IE6 Scrollbars bug - Leave this in! */

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 }

Trang 8

label { cursor:pointer; }form { display:inline; }img { vertical-align:middle; border:0px }img.attach { border:2px outset #504C30;padding:2px }

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 }

Trang 9

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

#ucpcontent { background-color: #000000; border:1px solid #504C30;line-height:150%; width:auto }

#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 3px0px;color:#5BA011;font-weight:bold; background-image: url(http://209.85.12.232/4570/189/emo/tile_sub1.gif) }

Trang 10

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

Trang 11

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

Trang 12

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

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

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

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 }

Trang 13

.green { color:green;font-weight:bold }.blue { color:blue;font-weight:bold }.orange { color:#F90;font-weight:bold }

Header & Body: Chèn vào đầu tiên của <% BOARD HEADER %>

<br><div class="copyright" align="center"> Skin designed by <a href="http://forum.muazn.com" target="_blank"

[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>

Trang 14

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

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

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

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

3/ Skin Happy Bunny

Demo CODE

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

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

/* Happy Bunny! Skin sưu tầm 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;}

Trang 15

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

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

option.cat { font-weight:bold; }option.sub { font-weight:bold;color:#696969 }

Trang 16

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

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

#ucpmenu { line-height:150%;width:22%; border:1px solid #24B9FC;background-color: #F9FAFA }

#ucpcontent { background-color: #F9FAFA; border:1px solid #24B9FC;line-height:150%; width:auto }

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

Trang 17

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); repeat;background-attachment:fixed; background-position:bottom right; background-color: #FFFFFF;border-left:1px

background-repeat:no-solid #ffffff;border-top:1px background-repeat:no-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); }

Trang 18

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

Trang 19

#ucpcontent maintitle {LINE-HEIGHT: 1em}

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

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

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

Trang 20

.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; top: 2px; right: 2px;

padding-bottom: 2px; padding-left: 2px }

.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

Trang 21

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

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">

Trang 22

<html><head><title>Forum Hackmod Invisionfree -> :.Hackmod Invisionfree :.</title><script

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

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

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

Trang 23

option.cat { font-weight:bold; }option.sub { font-weight:bold;color:#8B8B8B}

#phototitle { font-size:24px; border-bottom:1px solid #000000}

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

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

Trang 24

url(http://70.85.169.212/3357/43/upload/p20760.gif); font-size:10px;margin:3px 0px 3px

0px;color:#8B8B8B;font-weight:bold;}

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

Trang 25

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

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

Trang 26

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 }

.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

Trang 27

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

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

#8B8B8B;border: 1px solid #2D2D2D; background-color: #1E1E1E; }

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}

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

</style>

if ( location.search.indexOf('act=site')!=-1 ){document.write("<style>.tableborder { background-color:#131313;

border:1px solid #000000; }}</style>")}

Trang 28

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>

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

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>

Trang 29

<! if (window != window.top)top.location.href = location.href;

// >

</script>

5/ Skin Bạc tuyệt đẹp

Demo CODE

<html><head><title>Vietnamskin02</title>

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:

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 }

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

#ucpcontent { background-color: #c9c9c9; border:1px solid #000000;line-height:150%; width:auto }

Trang 30

#logostrip { border:1px solid #000000;background-color: #c9c9c9;padding:0px;margin:0px; }

#submenu { border:1px solid #000000;background-image:

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

Trang 31

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

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

.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; color: #d6d6d6; image: url(http://); border: 1px solid #898989; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-

background-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; top: 2px; right: 2px;

padding-bottom: 2px; padding-left: 2px }.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }

.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 6px0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #000000;border-bottom:1px solid #000000 }

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

Định dạng
Số trang	62
Dung lượng	131 KB