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
  • Pages:
  • 1
World's a Stage; Light/Green
Topic Started: Oct 22 2007, 09:24 PM (2,054 Views)
fanatik
Member
[ *  *  * ]
Name: fanatik
Author: fanatik
Skin Number: First released
Date Created: 10/22/2007
Side Notes: I kinda like it. I think it's my best yet. I havent finished the buttons yet...hopefully soon :)

World As A Stage

Board Wrappers:
Header & Body
Code:
 
<center><body bgcolor="#eaeaea" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<table cellspacing="0"  bgcolor="efefef" valign="top" width="800px"><tr><td valign="top">

<body bgcolor="#efefef" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#dddddd" vlink="#dddddd">
<center><table cellpadding="0" cellspacing="1" width="800px">
<tr>
<td><img src="http://i24.tinypic.com/2sbr70x.jpg" /></td><td width="100%" background="http://i24.tinypic.com/313on82.jpg
"></td><td><img src="http://i24.tinypic.com/soamie.jpg" /></td></tr>
<tr>
<td background="http://i21.tinypic.com/2lb03ls.jpg
"><img src="http://i21.tinypic.com/2lb03ls.jpg
" /></td><td>
<div align="center">
<div class="sub" align="right">
<a href="http://z3.invisionfree.com/WorldsAStage/index.php?act=Help">Help</a>
<a href="http://z3.invisionfree.com/WorldsAStage/index.php?act=Search&f=">Search</a>
<a href="http://z3.invisionfree.com/WorldsAStage/index.php?act=Members">Members</a>
<a href="http://z3.invisionfree.com/WorldsAStage/index.php?act=calendar">Calendar</a><a href="http://z3.invisionfree.com/WorldsAStage/index.php?act=site">Portal</a>
</div>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Footers:
Code:
 
</td><td background="http://i22.tinypic.com/6ia2k7.jpg"><img src="http://i22.tinypic.com/6ia2k7.jpg" /></td></tr>
<tr>
<td><img src="http://i20.tinypic.com/2pq9w5s.jpg" /></td><td background="http://i23.tinypic.com/152p2xv.jpg"></td><td><img src="http://i24.tinypic.com/123midw.jpg" /></td></tr><table width="100%" style='border: 0px solid #B2B9D6; border-top: 0px solid #B2B9D6; background-color:f5f5f5' cellspacing="1" cellpadding="4">
<tr>
<td align='center'><font size=1>Skin created by <b>fanatik</b> of the <b><a href="http://www.ifsz.com">InvisionFree Skin Zone</a></b>.</font></td>
</tr</table>


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

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #a3a3a3; margin:0px 10px 0px 10px;background-color:#b8ce8a }
TABLE, TR, TD { font-family: Trebuchet, Arial, sans-serif; font-size: 11px; color: #a3a3a3; }
a:link, a:visited, a:active { text-decoration: none; color: #a3a3a3 }
a:hover { color: #9ecd5d; text-decoration:underline }

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

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

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:#bebebe }
.caldate   { text-align:right;font-weight:bold;font-size:11px;color:#bebebe;background-color:#eaeaea;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 #efefef;background-color: #efefef }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #efefef; border:1px solid #efefef;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #efefef;background-color: #efefef;background-image:url();padding:0px;margin:0px; }
#submenu   { display:none; border:1px solid #efefef;background-color: #efefef;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #dddddd; }
#userlinks {  border:1px solid #dddddd; background-image:url(http://i23.tinypic.com/2j3fhud.jpg) }

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

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

.pformstrip {  background-image:url(http://i23.tinypic.com/2j3fhud.jpg); color:#eaeaea;font-weight:bold;padding:4px;margin-top:0px }
.pformleft  { background-color: #efefef; padding:4px; margin-top:1px;width:25%; border-top:1px solid #dddddd; border-right:1px solid #dddddd; }
.pformleftw { background-color: #efefef; padding:4px; margin-top:1px;width:40%; border-top:1px solid #dddddd; border-right:1px solid #dddddd; }
.pformright { background-color: #efefef; padding:4px; margin-top:1px;border-top:1px solid #dddddd; }

.post1 { background-color: #f5f5f5 }
.post2 { background-color: #f5f5f5 }
.postlinksbar { background-color:#efefef;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://i20.tinypic.com/1rdq2h.jpg) }

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

.darkrow1 { background-color: #b8ce8a; color:#dddddd; }
.darkrow2 { background-image:url(http://i22.tinypic.com/2e2fr6f.jpg); color:#3A4F6C; }
.darkrow3 { background-image:url(http://i23.tinypic.com/2j3fhud.jpg); color:#dddddd; }

.hlight { background-color: #eaeaea }
.dlight { background-color: #dddddd }

.titlemedium { font-weight:bold; color:#a3a3a3; padding:3px; margin:0px; background-image: url(http://i22.tinypic.com/2e2fr6f.jpg) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #a3a3a3 }

.maintitle {  vertical-align:middle;font-weight:normal; color:#a3a3a3; letter-spacing:1px; padding:8px 0px 8px 55px; background-image: url(http://i20.tinypic.com/2dv53kg.jpg) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #a3a3a3 }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #efefef;background-color:#e9e9e9 }
.tableborder { border-left:1px solid #e6e6e6; border-right:1px solid #dddddd;background-color:#e3e3e3; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #fafafa;background-color:#e9e9e9;padding:6px;  }
.tablepad    { background-color:#efefef;padding:6px }
.tablebasic  { width:100%; padding:7px 0px 0px 7px; margin:2px; 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:#bebebe }
.edit { font-size: 9px }

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

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

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

.sub a
{
font-weight: normal;
color: #a3a3a3;
padding: 3px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 1px;
background-image: url();
background-color: #efefef;
background-repeat: repeat-x;
border-left: none;
border-right: none;
}

.sub a:hover
{
font-weight: normal;
padding: 3px;
padding-left: 9px;
padding-right: 9px;
color: #b8ce8a;
background-image: url();
background-repeat: repeat-x;
background-color: #efefef;
border: none!important;
}

.sub
{
border: 1px solid #efefef!important;
padding: 3px;
background-image: url();
background-color: #efefef;
background-repeat: repeat-x;
border-top: none!important;
}

.logo
{
border: 1px solid #efefef!important;
background-image: url(http://i23.tinypic.com/xen6ty.jpg);
background-color: #efefef;
background-repeat: repeat-x;
}

textarea { font-size: 10px; font-family: Tahoma; vertical-align: middle; background: url();color: #ababab!important; width: 400px; border: 1px solid #dddddd!important;}

#QUOTE { font-family: Tahoma, Arial; font-size: 11px; color: #989898; background-color: #eaeaea; border: 1px solid #a3a3a3; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family:  Tahoma , Arial;  font-size: 11px; color: #ababab; background-color: #eaeaea; border: 1px solid #a3a3a3; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

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

.codebuttons  { font-size: 10px; font-family: Tahoma, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox  { background-color: #f5f5f5;  border: 1px solid #dddddd; font-size: 10px; color: ababab; font-family: tahoma, helvetica, sans-serif; vertical-align: middle }

.thin { padding:6px 0px 6px 0px;line-height:140%;margin:2px 0px 2px 0px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd }

.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 hope i did everything right*
Offline Profile Quote Post Goto Top
 
AstronomyXtreme
Member Avatar
Obsessed
[ *  *  *  *  * ]
I think it's fantastic! Don't see any default colors as of yet. Colors run very smoothly, Has a great look. Way to go on this one.
Offline Profile Quote Post Goto Top
 
Bloody_Scorpion
Member Avatar
Member
[ * ]
cool skin :o
Offline Profile Quote Post Goto Top
 
fanatik
Member
[ *  *  * ]
thanks so much!
Offline Profile Quote Post Goto Top
 
Nolva
Member Avatar

[ *  *  *  *  *  * ]
Certainly wonderful for your first. Keep at it! :D
Offline Profile Quote Post Goto Top
 
Teresa.
Member Avatar
Member
[ *  *  *  * ]
Really great for a first skin. So smooth.

I look forward to seeing more of your work.
Offline Profile Quote Post Goto Top
 
.Fable
Member Avatar
relax, we understand j00
[ *  *  *  *  *  * ]
1) I don't like the links with an underline.
2) Try changing the font, not just the default one ;)
3) Either centre the maintitle or align it to the left, not both.
4) Adding some more green into the topic view would be good.
5) Skin the forminput, textinput, codebuttons, portal, calendar, search page etc.

It's not a bad skin, although it seems the most effort was put into the maintitle and banner and the rest was a lazy after thought. Keep trying :)
Offline Profile Quote Post Goto Top
 
fanatik
Member
[ *  *  * ]
^^thanks guys!

thanks alot for the tips fable :) im still in the 'learning stages' (obviously LOL) ill definitely work on it soon!

1) I don't like the links with an underline. <<got it
2) Try changing the font, not just the default one Wink.gif <<got it
3) Either centre the maintitle or align it to the left, not both.
Quote:
 
im having issues getting the board statistics to the left...any ideas or suggestions?

4) Adding some more green into the topic view would be good.<<got it
5) Skin the forminput, textinput, codebuttons, portal, calendar, search page etc.
Offline Profile Quote Post Goto Top
 
summoner_skylar
Member
[ *  * ]
I like it. Nice job. :)
Offline Profile Quote Post Goto Top
 
fanatik
Member
[ *  *  * ]
thanks :) im working on the points fable pointed out and when im finished, i will update the CSS :)
Offline Profile Quote Post Goto Top
 
finch
Member
[ *  *  *  *  *  *  *  *  * ]
.darkrow2 color!

=]
Offline Profile Quote Post Goto Top
 
fanatik
Member
[ *  *  * ]
thanks finch!
Offline Profile Quote Post Goto Top
 
.Raiden
Member Avatar
Member
[ *  *  *  * ]
Very nice work! I love the color choices you've made, and overall, I think the skin is quite elegant. Great work! :)
Offline Profile Quote Post Goto Top
 
fanatik
Member
[ *  *  * ]
thanks so much! ^^
Offline Profile Quote Post Goto Top
 
Deletion.
Member Avatar
loldedicated
[ *  *  *  *  *  * ]
Not bad. The pfmstrip is unreadable though. :)
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Light · Next Topic »
Add Reply
  • Pages:
  • 1