Một số skin khá cool dành cho Invisionfree ( phần 1 )
Để thêm skin vào trong invisionfree này bạn phải vào Admincp
-> Skinning & Styles > Manager Style Sheets ! thay toàn bộ phần mã skin trong ô mã của phần Manager Style Sheet bằng một trong những skin dưới đây !
a – Skin màu hồng :
<style type='text/css'>
html { overflow-x: auto; }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif;font-size:
11px;margin: 0px;padding: 0px;text-align: center;color:
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
img.attach { padding: 2px;border: 2px outset #EEF2F7; }
.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 { size: 14px;font-weight: bold;color: #00D; }
font-.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;padding:
Trang 24px;margin: 0px;color: #777;background-color: #DFDFDF; }
.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%;background-color:
#FAF6F8;border: 1px solid #345487; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;background-color:
#FAF6F8;border: 1px solid #345487; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { height: 89px;padding: 0px;margin: 0px;border-left: 1px solid
#E064A5;border-right: 1px solid #E064A5;background-image:
url(http://img.photobucket.com/albums/v373/ngocduyforumheader_tile.gif); }
#submenu { font-size: 10px;margin: 0x 0px 0px 0px;font-weight:
bold;color: #049008;border: 1px solid #E064A5;background-image: url(http://img.photobucket.com/albums/v373/ngocduyforum/tile_back.gif); }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #049008; }
#userlinks { font-size: 9px;background-color: #F0F5FA;border: 1px solid
#E064A5;background-image:
url(http://img.photobucket.com/albums/v373/ngocduyforum/mbar.gif); }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 6px;color: #BB5289;background-color:
Trang 3.signature { font-size: 10px;line-height: 150%;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 { size: 12px; }
font-.unreg { font-size: 11px;font-weight: bold;color: #900; }
.post1 { background-color: #F5F2F3; }
.post2 { background-color: #FAF6F8; }
.postlinksbar { padding: 7px;margin-top: 1px;font-size:
10px;background-color: #f1f1f1;background-image:
url(http://img.photobucket.com/albums/v373/ngocduyforum/tile_sub.gif); }
.row1 { color: #5B5959;background-color: #FAF6F8; }
.row2 { color: #039F07;background-color: #ffffff; }
.row3 { background-color: #FAF6F8; }
.row4 { background-color: #f1f1f1; }
.darkrow1 { color: #E85599;background-color: image:
#DFD8DB;background-url(http://img.photobucket.com/albums/v373/ngocduyforum/dr1.gif); } darkrow2 { color: #E85599;background-color: #DDCBD0;background-image:
url(http://img.photobucket.com/albums/v373/ngocduyforum/foot.gif); } darkrow3 { color: #E85599;background-color: #E0DEDF; }
.hlight { background-color: #FAF6F8; }
.dlight { background-color: #f1f1f1; }
.titlemedium { font-weight: bold;padding: 7px;margin: 0px;color:
#DD1665;background-color: #ED74B3;background-image:
url(http://img.photobucket.com/albums/v373/ngocduyforum/tile_sub.gif); }
.titlemedium a:link, titlemedium a:visited, titlemedium a:active { decoration: underline;color: FFFFFF; }
text-.maintitle { vertical-align: middle;font-weight: bold;padding: 8px 0px 8px 5px;color: #049008;background-color: #ffffff;background-image: url(http://img.photobucket.com/albums/v373/ngocduyforum/tile_back.gif); }
.maintitle a:link, maintitle a:visited, maintitle a:active { text-decoration: none;color: #049008; }
.maintitle a:hover { text-decoration: underline; }
.plainborder { background-color: #E064A5;border: 1px solid #E064A5; } tableborder { background-color: #FFF;border: 1px solid #E064A5; } tablefill { padding: 6px;background-color: #f1f1f1;border: 1px solid
#E064A5; }
Trang 4.tablepad { padding: 6px;background-color: #FAF6F8; }
.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: #049008; }
.edit { font-size: 9px; }
.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }
#QUOTE { white-space: normal;font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #E85599;background-color: #FAFCFE;border: 1px solid
#000; }
#CODE { white-space: normal;font-family: Courier, Courier New,
Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right:
2px;padding-bottom: 2px;padding-left: 2px;color: color: #FAFCFE;border: 1px solid #000; }
#E85599;background-.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif;font-size: 9px;line-height: 12px; }
.codebuttons { font-size: 10px;font-family: verdana, helvetica,
.purple { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #F90; }
</style>
b – Skin Linux xanh : 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: #000; margin:0px 10px 0px 10px;background-
url(http://b.1asphost.com/nguyentuanhungc8/kangta1.jpg); attachment: fixed;}
background-TABLE, TR, TD { family: Verdana, Tahoma, Arial, sans-serif; size: 11px; color: #000; }
Trang 5font-a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #5D8AE0; 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% }
.googleparent { padding:6px; margin-left:30px; line-height:130%; color:#81084 }
.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 { size:14px; font-weight:bold; color:#00D; }
font-.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 { size:11px;color:#777;background-
text-align:right;font-weight:bold;font-color:#DFE6EF;padding:4px;margin:0px }
.warngood { color:green }
.warnbad { color:red }
#padandcenter { align:center;padding:14px 0px 14px 0px }
margin-left:auto;margin-right:auto;text-#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 }
Trang 6#ucpmenu { line-height:150%;width:22%; border:1px solid
#000000;background-color: #F5F9FD }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid
#submenu { border:1px solid #000000;background-color:
#DFE6EF;background-image:
url(http://70.85.81.229/2857/100/pip/dr2.png);font-size:10px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { weight:bold;font-size:10px;text-decoration: none; color: #000000;}
font-#userlinks {padding:-50px; border:1px solid #000000; background-color:
url(http://70.85.81.229/2857/100/pip/ul.png) }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px; }
.activeuserstrip { background-color:#E2DFE2; padding:6px }
.pformstrip { background-color: #D1DCEB; background-image: url(http://70.85.81.229/2857/100/pip/tm.gif); color:#4F6FD2;font-weight:bold;padding:5px;margin-top:1px }
.pformleft { background-color: #F5F9FD; padding:6px; top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid
margin-.post1 { background-color: #E7EDF3 }
.post2 { background-color: #E7EDF3 }
.postlinksbar {
Trang 7url(http://70.85.81.229/2857/100/pip/dr2.png) }
.row1 { background-color: #E8E6E8 }
.row2 { background-color: #E8E6E8 }
.row3 { background-color: #E8E6E8 }
.row4 { background-color: #E8E6E8 }
.darkrow1 { color: #FFF; color:#4C77B6; image: url(http://70.85.81.229/2857/100/pip/darkrow.gif); }
background-.darkrow2 { background-color: #FFF; color:#000000; background-image: url(http://70.85.81.229/2857/100/pip/dr2.png); }
.darkrow3 { background-color: #FFF; color:#000000; background-image: url(http://70.85.81.229/2857/100/pip/darkrow.gif); }
.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }
.titlemedium { font-weight:bold; color:#000000; padding:5px;
letter-.maintitle a:link, letter-.maintitle a:visited, letter-.maintitle a:active { decoration: none; color: #FFF }
text-.maintitle a:hover { text-decoration: underline }
.plainborder { border:1px solid #000;background-color:#F5F9FD }
.tableborder { border:1px solid #000;background-color:#FFF; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid color:#F5F9FD;padding:6px; }
Trang 8.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 { size: 12px }
font-.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, serif; vertical-align: middle }
sans-.forminput, textinput, radiobutton, checkbox { border: 1px solid
#000000; font-size: 11px; color:#56566A; background-color:
#FCFCFC;font-family: verdana, helvetica, sans-serif; background-image: url(http://70.85.81.229/2857/100/pip/input.png);background-repeat:no-repeat; }
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #FFF;border-bottom:1px solid #FFF }
Trang 9Một số skin khá cool dành cho Invisionfree ( phần 2 )
c – Skin xanh đen : 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: #B4BFAA; margin:0px 10px 0px 10px;background-color:#050505; scrollbar-face-color: #1D1D1D; scrollbar-shadow-color:
img.attach { border:2px outset #000000;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:
font-.googlepagelinks { font-size:1.1em; letter-spacing:1px }
.googlesmall, googlesmall a:link, googlesmall a:active, googlesmall a:visited { font-size:10px; color:#B4BFAA}
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:#B4BFAA}
.caldate {
Trang 10text-align:right;font-weight:bold;font-image:
size:11px;color:#B4BFAA;background-color:#1D1D1D;background-url(http://67.18.37.18/1735/171/upload/p185769.gif);padding:4px;margin:0px }
.warngood { color:#00FF00}
.warnbad { color:#FF0000}
#padandcenter { align:center;padding:14px 0px 14px 0px }
margin-left:auto;margin-right:auto;text-#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: #1D1D1D; background-image: url();}
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #1D1D1D; background-image: url(); border:1px solid #000000;line-height:150%; width:auto }
#submenu a:link, #submenu a:visited, #submenu a:active { weight:bold;font-size:10px;text-decoration: none; color: #B4BFAA; }
font-#submenu a:hover { font-weight:bold;font-size:10px;text-decoration: none; color: #93A683; }
#userlinks { border:1px solid #000000; background-color: #1D1D1D; background-image: url(http://67.18.37.18/1735/171/upload/p185769.gif); }
#navstrip { font-weight:bold;padding:6px 0px 6px 0px;}
Trang 11.activeuserstrip { background-color:#1D1D1D; background-image: url(http://67.18.37.18/1735/171/upload/p185769.gif);padding:6px }
.pformstrip { background-color: #1D1D1D; background-image: url(http://67.18.37.18/1735/171/upload/p185769.gif);
color:#B4BFAA;font-weight:bold;padding:8px;margin-top:1px }
.pformleft { background-color: #1D1D1D; background-image: url(); padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #1D1D1D; background-image: url(); padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #1D1D1D; background-image: url(); padding:6px; margin-top:1px;border-top:1px solid #000000; }
.row1 { background-color: #1D1D1D; background-image: url();}
.row2 { background-color: #1D1D1D; background-image: url();}
.row3 { background-color: #1D1D1D; background-image: url();}
.row4 { background-color: #1D1D1D; background-image: url();}
.darkrow1 { background-color: #070707; color:#B4BFAA; }
.darkrow2 { background-color: #1D1D1D; background-image: url(http://67.18.37.18/1735/171/upload/p186095.gif); color:#B4BFAA; } darkrow3 { background-color: #1D1D1D; background-image: url(http://67.18.37.18/1735/171/upload/p186095.gif);color:#B4BFAA; }
.hlight { background-color: #1D1D1D; background-image: url();}
.dlight { background-color: #1D1D1D; background-image: url();}
.titlemedium { font-weight:bold; color:#B4BFAA; padding:8px; margin:0px; background-color: #1D1D1D; background-image: url(http://67.18.37.18/1735/171/upload/p185769.gif) }
.titlemedium a:link, titlemedium a:visited, titlemedium a:active { decoration: none; color: #B4BFAA}
text-.titlemedium a:hover{ text-decoration: none; color: #93A683}
.maintitle { background-position: center; text-align: center;
Trang 12vertical-align:middle;font-weight:bold; color:#B4BFAA; letter-spacing:1px; padding:9px 0px 9px 5px; background-color: #1D1D1D; background-image: url(http://67.18.37.18/1735/171/upload/p185829.gif) }
.maintitle a:link, maintitle a:visited, maintitle a:active { decoration: none; color: #B4BFAA}
text-.maintitle a:hover { text-decoration: underline; color: #93A683 }
.plainborder { border:1px solid #000000;background-color:#000000} tableborder { border:1px solid #070707;background-color:#000000; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid color:#1A1A1A;background-image: url();padding:6px; }
#000000;background-.tablepad { background-color:#1D1D1D;background-image: url();padding:6px }
.tablebasic { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
.postcolor { font-size: 12px; line-height: 160%; }
.normalname { font-size: 12px; font-weight: bold; color: #93A683}
.normalname a:link, normalname a:visited, normalname a:active { size: 12px }
font-.unreg { font-size: 11px; font-weight: bold; color: #B4BFAA}
.searchlite { font-weight:bold; color:#B4BFAA; color:#1D1D1D; background-image: url();}
background-#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #93A683; background-color: #202020; background-image: url(); border: 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: #93A683; background-color: #202020; background-image: url(); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
Trang 13.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 9px; line-height: 12px }
.codebuttons { font-size: 10px; font-family: verdana, helvetica, serif; vertical-align: middle; color: #B4BFAA; border: 1px solid
sans-#000000; background-color: #202020; background-image: url();}
.forminput, textinput, radiobutton, checkbox { size: 11px; family: verdana, helvetica, sans-serif; vertical-align: middle; color:
font-#B4BFAA; border: 1px solid #000000; background-color: #202020; background-image: url();}
.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #000000;border-bottom:1px solid #000000}
#ffffff; margin:0px 0px 0px 0px;background-color:#4778BD ; face-color: #4778BD ; scrollbar-shadow-color: #ffffff; scrollbar-
highlight-color: #4778BD ; 3dlight-color: #ffffff; darkshadow-color: #4778BD ; scrollbar-track-color: #ffffff; scrollbar-arrow-color: #4778BD;}
scrollbar-TABLE, TR, TD { family: Verdana, Tahoma, Arial, sans-serif; size: 10px; color: #4778BD; }
font-a:link, a:visited, a:active { text-decoration:none; color: #4778BD }