Mã nguồn skin đẹp cho web

1/ Skin Cafe ấn tượng 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;backgroundcolor:#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:norepeat; 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); texttransform: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; backgroundimage: 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); texttransform: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; letterspacing: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; backgroundimage: url(http://img54.imageshack.us/img54/2148/sign3hl.gif); background-repeat:no-repeat;backgroundattachment: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; verticalalign: 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:norepeat;background-attachment:fixed; background-position:top right;} Header & Body: CODE Footer: CODE 2/ Skin rừng 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 realign 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% } img label { cursor:pointer; } form { display:inline; } { 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;backgroundcolor:#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; backgroundimage: 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 } Lưu ý màu canh trái phải không làm server sau s10, 11, 12 server trước ok 8/ Skin màu xanh vàng ðẹp tuyệt 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);backgroundattachment: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;backgroundcolor:#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;backgroundimage: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; verticalalign: 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, màu bạc xanh 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; fontweight:bold; color:#272A36; } googlepagelinks { font-size:1.1em; letter-spacing:1px } .googlesmall, googlesmall a:link, googlesmall a:active, googlesmall a:visited { fontsize: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;backgroundcolor:#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;backgroundcolor: #E7E7E8} #ucpmenu p { padding:2px 5px 6px 9px;margin:0px; } #ucpcontent { background-color: #E7E7E8; border:1px solid #C0C8E3;lineheight: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;fontsize:10px;margin:3px 0px 3px 0px;color:#272A36;font-weight:bold;} #submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;fontsize: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;fontweight: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; backgroundcolor: #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;backgroundimage: 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; backgroundcolor: #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;bordertop: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 } Skin created by Kman of GHQ Find more great skins at the IF Skin Zone. div.row4 { border-color: #C0C8E3!important;background-color:#E2E2E2} Board Wrappers : CODE 10/ Blue on Silver, màu bạc xanh 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;backgroundcolor:#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; backgroundimage: 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; verticalalign: 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;borderbottom: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 } Skin created by Kman of GHQ Find more great skins at the IF Skin Zone. div.row4 { border-color: #C0C8E3!important;background-color:#E2E2E2} Board Wrappers CODE