|
World's a Stage; Light/Green
|
|
Topic Started: Oct 22 2007, 09:24 PM (2,052 Views)
|
|
fanatik
|
Oct 22 2007, 09:24 PM
Post #1
|
- Posts:
- 329
- Group:
- Members
- Member
- #260,396
- Joined:
- March 25, 2007
|
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*
|
|
|
| |
|
AstronomyXtreme
|
Oct 22 2007, 10:33 PM
Post #2
|
- Posts:
- 1,627
- Group:
- Members
- Member
- #1,241
- Joined:
- September 5, 2003
|
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.
|
|
|
| |
|
Bloody_Scorpion
|
Oct 22 2007, 10:38 PM
Post #3
|
- Posts:
- 10
- Group:
- Members
- Member
- #305,280
- Joined:
- October 21, 2007
|
cool skin :o
|
|
|
| |
|
fanatik
|
Oct 22 2007, 11:35 PM
Post #4
|
- Posts:
- 329
- Group:
- Members
- Member
- #260,396
- Joined:
- March 25, 2007
|
thanks so much!
|
|
|
| |
|
Nolva
|
Oct 23 2007, 01:58 AM
Post #5
|
- Posts:
- 3,636
- Group:
- Members
- Member
- #58,600
- Joined:
- March 7, 2005
|
Certainly wonderful for your first. Keep at it!
|
|
|
| |
|
Teresa.
|
Oct 23 2007, 02:01 AM
Post #6
|
- Posts:
- 678
- Group:
- Members
- Member
- #125,261
- Joined:
- November 25, 2005
|
Really great for a first skin. So smooth.
I look forward to seeing more of your work.
|
|
|
| |
|
.Fable
|
Oct 23 2007, 05:38 AM
Post #7
|
- Posts:
- 3,542
- Group:
- Members
- Member
- #107,052
- Joined:
- September 15, 2005
|
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
|
|
|
| |
|
fanatik
|
Oct 23 2007, 11:13 AM
Post #8
|
- Posts:
- 329
- Group:
- Members
- Member
- #260,396
- Joined:
- March 25, 2007
|
^^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.
|
|
|
| |
|
summoner_skylar
|
Oct 23 2007, 12:36 PM
Post #9
|
- Posts:
- 100
- Group:
- Members
- Member
- #141,527
- Joined:
- January 24, 2006
|
I like it. Nice job.
|
|
|
| |
|
fanatik
|
Oct 23 2007, 12:39 PM
Post #10
|
- Posts:
- 329
- Group:
- Members
- Member
- #260,396
- Joined:
- March 25, 2007
|
thanks im working on the points fable pointed out and when im finished, i will update the CSS
|
|
|
| |
|
finch
|
Oct 23 2007, 03:07 PM
Post #11
|
- Posts:
- 22,731
- Group:
- Members
- Member
- #12,317
- Joined:
- May 1, 2004
|
.darkrow2 color!
=]
|
|
|
| |
|
fanatik
|
Oct 23 2007, 03:10 PM
Post #12
|
- Posts:
- 329
- Group:
- Members
- Member
- #260,396
- Joined:
- March 25, 2007
|
thanks finch!
|
|
|
| |
|
.Raiden
|
Oct 23 2007, 03:13 PM
Post #13
|
- Posts:
- 591
- Group:
- Members
- Member
- #293,133
- Joined:
- August 12, 2007
|
Very nice work! I love the color choices you've made, and overall, I think the skin is quite elegant. Great work!
|
|
|
| |
|
fanatik
|
Oct 23 2007, 03:50 PM
Post #14
|
- Posts:
- 329
- Group:
- Members
- Member
- #260,396
- Joined:
- March 25, 2007
|
thanks so much! ^^
|
|
|
| |
|
Deletion.
|
Oct 23 2007, 04:07 PM
Post #15
|
- Posts:
- 3,333
- Group:
- Members
- Member
- #247,348
- Joined:
- February 2, 2007
|
Not bad. The pfmstrip is unreadable though.
|
|
|
| |
| 1 user reading this topic (1 Guest and 0 Anonymous)
|