We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
ZentoLime; [ Lime / White ]
Topic Started: Aug 16 2005, 02:20 PM (1,004 Views)
Clark.
Member Avatar
the thread killer
[ *  *  *  *  *  *  * ]
Name: ZentoLime
Author: Mysterious
Skin Number: 4
Date Created: Today
Side Notes: Thanks to Sleaves, Fusion, Ignite, Nem for helping. I know it isn't good, but I have to start somewhere. But I did put alot of effort into, so if I could get some advice from you guys, that would be great....And yes, I suck at names


Preview

Header & Body
Quote:
 
<body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="50" topmargin="2" marginwidth="3" marginheight="0">
<table width="750" border="0" align="center" cellpadding="3" cellspacing="0" bgcolor="#F3F3F3" height="377" bordercolor="#F3F3F3" bordercolordark="#F3F3F3" bordercolorlight="#F3F3F3">
<tr>
<td width="100%" height="100%" bgcolor="#F3F3F3" bordercolor="#F3F3F3" bordercolorlight="#F3F3F3" bordercolordark="#F3F3F3"> </script>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


Footer
Quote:
 
<DIV align=center>
<DIV class=tableborder style="WIDTH: 45%; HEIGHT: 25px">
<DIV class=titlemedium
style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 6.4pt; PADDING-BOTTOM: 8px; LINE-HEIGHT: 12px; PADDING-TOP: 4px; spacing: 0px 0px 0px 0px">
<center>Skin by Mysterious. Find more great skins at IFSZ.</center>
</DIV></DIV></DIV>


CSS of skin:
Quote:
 
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: 9px; color: #558E04; margin:10px 10px 10px 75px;background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=106862) }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #558E04; }
a:link, a:visited, a:active { text-decoration: underline; color: #558E04 }
a:hover { color: #375819; 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:#599A05;background-color:#F7F7F7;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 #E4E4E4;background-color: #F3F3F3 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F3F3F3 ; border:1px solid #80C513;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #80C513;background-color: #F3F3F3;background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=131374);padding:0px;margin:0px; }
#submenu  { border:1px solid #E4E4E4;background-image:url (http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=109639);font-size:1px;margin:3px 0px 3px 0px;color:#558E04;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #558E04 ; }
#userlinks { border:1px solid #E4E4E4; background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=109639) }

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

.activeuserstrip { background-color:#FBFBFB; padding:4px }

.pformstrip { background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=131374); color:#558E04;font-weight:bold;padding:2px;margin-top:1px }
.pformleft  { background-color: #F5F5F5; padding:6px; margin-top:1px;width:25%; border-top:1px solid #EAEAEA; border-right:1px solid #D7D7D7; }
.pformleftw { background-color: #F5F5F5; padding:6px; margin-top:1px;width:40%; border-top:1px solid #D7D7D7; border-right:1px solid #80C513; }
.pformright { background-color: #F5F5F5; padding:6px; margin-top:1px;border-top:1px solid #D7D7D7; }

.post1 { background-color: #F4F4F4 }

.post2 { background-color: #F4F4F4 }
.postlinksbar { background-color:#F2F2F2;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=109639) }

.row1 { background-color: #FBFBFB  }
.row2 { background-color: #F4F4F4 }
.row3 { background-color: #FBFBFB }
.row4 { background-color: #FBFBFB }

.darkrow1 { background-color: #92C94C; color:#4C77B6; }
.darkrow2 { background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=125508); color:#3A4F6C; padding: 3 }
.darkrow3 { background-color: #EEEEEE; color:#DADADA; padding: 1 }

.hlight { background-color: #DBDBDB }

.dlight { background-color: #E1E1E1 }

.titlemedium { font-weight:italic; color:#558E04; padding:4px; margin:0px; background-image: url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=125767) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #558E04 }

.maintitle { vertical-align:middle;font-weight:bold; color:#558E04 ; letter-spacing: 10px; letter-spacing:2px; padding:8px 0px 8px 5px; background-image: url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=131264) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #558E04 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #CECECE;background-color:#E4E4E4 }
.tableborder { border:1px solid #CECECE;background-color:#E4E4E4; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #D7D7D7;background-color:#F5F5F5;padding:5px;  }
.tablepad    { background-color:#F8F8F8;padding:5px }
.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:#434951 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #6CB40E }
.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: #8DBC50; background-color: #EFEFEF; border: 1px solid #69A41D; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #8DBC50; background-color: #EFEFEF; border: 1px solid #69A41D; 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 #69A917;border-bottom:1px solid #69A917 }

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


[/SMALL]
Offline Profile Quote Post Goto Top
 
Vettore
Member Avatar
DON VETTORE
[ *  *  *  *  *  *  *  *  * ]
Nice skin, but remember what I said on msn. :)
Offline Profile Quote Post Goto Top
 
Clark.
Member Avatar
the thread killer
[ *  *  *  *  *  *  * ]
Thanks.
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Bolded the defaults.

Quote:
 
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: 9px; color: #558E04; margin:10px 10px 10px 75px;background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=106862) }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #558E04; }
a:link, a:visited, a:active { text-decoration: underline; color: #558E04 }
a:hover { color: #375819; 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:#777;background-color:#DFE6EF;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 #80C513;background-color: #F3F3F3 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F3F3F3 ; border:1px solid #80C513;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #80C513;background-color: #3860BB;background-image:url(http://i5.ifrm.com/style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu  { border:1px solid #80C513;background-image:url (http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=109639);font-size:1px;margin:3px 0px 3px 0px;color:#558E04;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #558E04 ; }
#userlinks { border:1px solid #80C513; background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=109639) }

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

.activeuserstrip { background-color:#FBFBFB; padding:4px }

.pformstrip { background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=131374); color:#558E04;font-weight:bold;padding:2px;margin-top:1px }
.pformleft  { background-color: #F5F5F5; padding:6px; margin-top:1px;width:25%; border-top:1px solid #EAEAEA; border-right:1px solid #D7D7D7; }
.pformleftw { background-color: #F5F5F5; padding:6px; margin-top:1px;width:40%; border-top:1px solid #D7D7D7; border-right:1px solid #80C513; }
.pformright { background-color: #F5F5F5; padding:6px; margin-top:1px;border-top:1px solid #D7D7D7; }

.post1 { background-color: #F4F4F4 }

.post2 { background-color: #F4F4F4 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=109639) }

.row1 { background-color: #FBFBFB  }
.row2 { background-color: #F4F4F4 }
.row3 { background-color: #FBFBFB }
.row4 { background-color: #FBFBFB }

.darkrow1 { background-color: #92C94C; color:#4C77B6; }
.darkrow2 { background-image:url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=125508); color:#3A4F6C; padding: 3 }
.darkrow3 { background-color: #EEEEEE; color:#DADADA; padding: 1 }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }


.titlemedium { font-weight:italic; color:#558E04; padding:4px; margin:0px; background-image: url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=125767) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #558E04 }

.maintitle { vertical-align:middle;font-weight:bold; color:#558E04 ; letter-spacing: 10px; letter-spacing:2px; padding:8px 0px 8px 5px; background-image: url(http://s13.invisionfree.com/SkinTestm1/index.php?act=Attach&type=post&id=131264) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #558E04 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #66A808;background-color:#80C513 }
.tableborder { border:1px solid #66A808;background-color:#80C513; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #D7D7D7;background-color:#F5F5F5;padding:5px;  }
.tablepad    { background-color:#F8F8F8;padding:5px }
.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:#434951 }
.edit { font-size: 9px }

.signature  { font-size: 10px; color: #6CB40E }
.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 #69A917;border-bottom:1px solid #69A917 }

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



I personally dont like the lime borders much, it seems to.. grid like. A soft grey would look perfect *-)
Offline Profile Quote Post Goto Top
 
Valleri
Member Avatar
wishing on a star
[ *  *  *  *  *  *  * ]
I don't think it's bad... But to be honest, I don't think it's all that good either. The white strip in the MT is way to blurry IMO, and the lower scanline on the MT doesn't seem to connect. Darkrow2 and Pformstrip are both simply very plain gradients, with Darkrow2 having some scanlines slapped on it. Overall though, it's certainly not bad.
Offline Profile Quote Post Goto Top
 
Ignite
|g|\|1-|-3
[ *  *  *  *  *  *  *  * ]
Nice work, could be improved in a few spots but good job. :)
Offline Profile Quote Post Goto Top
 
Clark.
Member Avatar
the thread killer
[ *  *  *  *  *  *  * ]
Thanks a bunch Nicola, I fixed the defualts and gave grey borders and it looks great. Thanks again.

@Valleri, yea its suppose to be a simple skin because we don't really see those much.
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Quote:
 

div.row4 {border-color:#  ;border-right:1px solid #BDBDBD;border-bottom:1px solid #  !important}
div.row4 {border-color:#  !important}


Copyright border is still limey :P

Check your left border, there are some odd white dots when it repeats.

The text on the maintitle in the calendar isnt easily read, try this code, and make a new maintitle grad that support the text and pop it in.

Quote:
 
</style>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1) {
document.write("<style>.maintitle{background-image:url(); }</style>")}
</script>
<style type="text/css">


I think you could add some subtle decoration on the right hand side of the maintitle, it looks a bit plain.
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
Increasing the padding on the left side of the maintitle couldn't hurt either - nice skin though. :)
Offline Profile Quote Post Goto Top
 
Benjamin
Member Avatar

[ *  *  *  *  *  *  * ]
Looks good. You should make the text gray, and leave the links green, though. That'll look better, because the green text makes the board statistics look gradless. (I'm not sure how, though)
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
I actually like it alot, try adding a grad for the caldate though.
Offline Profile Quote Post Goto Top
 
PWND!
What once was.
[ *  *  *  *  *  * ]
Looks pretty decent, but your borders are screwing up big time for me (FireFox). the left one sticks under the forums about 10px, and the right one is just at the very right of the page. I'm not sure why, but it doesn't look good.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply