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
Tempera; (Slate/White)
Topic Started: Dec 21 2005, 10:05 PM (564 Views)
Preston
Member
[ *  *  *  * ]
Name: Tempera
Author: Preston
Skin Number: 68
Date Created: Today
Side Notes: Perfected to potiental being Wowed. You need to read the whole thing so this skin doesn't screw up.

Graphics:
Buttons by Preston (Part One): Click here
Buttons by Preston (Part Two): Click here(Coming Soon)

Forum Markers by Preston: Click here (Coming Son)


Preview of the skin


Wrappers:
Quote:
 
<div align=center><br>
<table cellpadding="10" cellspacing="0" width="819">
<tr><td class="boardtable">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<table width="100%" style='border:1px solid #000000' cellspacing="1" cellpadding="4">
<tr>
<td class="maintitle" align='center'><b>Tempera</b> by Preston. Find more skins at <b><a href="http://forums.ifskinzone.net/">IF Skinzone</a></b>.<b></td>
</tr>
<td class="pformstrip" align='center'>
<a href="javascript:scroll(0,0);">Back to Top ^^^</a>
</td>
</tr>
</table>


Images: LOGO
Required, the skin doesn't look right if you don't add this:
Quote:
 
<center><img src="YOUR LOGO HERE"><a href="index.php?act=boardrules"><img src="http://i2.ifrm.com/5494/182/pip/guidelines.gif"></a><a href="index.php?act=site"><img src="http://i2.ifrm.com/5494/182/pip/portal.gif"></a><a href="index.php?act=Help"><img src="http://i2.ifrm.com/5494/182/pip/help.gif"></a><a href="index.php?act=boardrules"><img src="http://i2.ifrm.com/5494/182/pip/search.gif"></a><a href="index.php?act=Members"><img src="http://i2.ifrm.com/5494/182/pip/members.gif"></a><a href="index.php?act=search"><a href="index.php?act=calendar"><img src="http://i2.ifrm.com/5494/182/pip/calendar.gif"></a></center>


Now, if you don't want the image submenu replace the submunu line with this line:
Quote:
 
#submenu  { border:1px solid #CACACA;background-color: #F4F4F4;font-size:10px;margin:3px 0px 3px 0px;color:#647392;font-weight:normal; background-image: url(http://i2.ifrm.com/5481/32/pip/submenu.gif)}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:normal;font-size:10px;text-decoration: none; color: #647392; }
#submenu a:hover{ font-weight:normal;font-size:10px;text-decoration: underline; color: #B3B4B3; }
#submenu img { display: none; }


Stylesheets:
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: 10px; color: #798AAD; margin:0px 10px 0px 10px;background-color:#647392; background-image: url(http://i2.ifrm.com/5494/182/pip/bodybackground.gif) }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #647392; }
a:link, a:visited, a:active { text-decoration: none; color: #647392;  }
a:hover { color: #798AAD; text-decoration:underline }

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

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

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:#647392}
.caldate  { text-align:right;font-weight:bold;font-size:10px;color:#B3B4B3;background-image: url(http://i2.ifrm.com/5481/32/pip/titlemedium.gif); background-color:#F0F0F0;padding:3px;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 #CACACA;background-color: #F4F4F4 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F4F4F4; border:1px solid #CACACA;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }



#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #CACACA;background-color: #F4F4F4;background-image:url(http://i2.ifrm.com/5494/182/pip/logostrip.gif);padding:0px;margin:0px; }
#submenu  {display:none}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:normal;font-size:10px;text-decoration: none; color: #647392; }
#submenu a:hover{ font-weight:normal;font-size:10px;text-decoration: underline; color: #B3B4B3; }
#submenu img { display: none; }
#userlinks { border:1px dashed #CACACA; background-color: #F4F4F4 }

#navstrip  { font-weight:bold;padding:6px 0px 6px 0px; border: 1px solid#CACACA }

.activeuserstrip { background-color:#F4F4F4; background-image: url(http://i2.ifrm.com/5481/32/pip/titlemedium.gif); padding:5px; border: 1px solid#CACACA; }

.pformstrip { background-color: #F4F4F4; background-image: url(http://i2.ifrm.com/5481/32/pip/titlemedium.gif); color:#647392;font-weight:normal;padding:5px;margin-top:1px }
div.pformstrip { background-color: #F4F4F4; background-image: url(http://i2.ifrm.com/5481/32/pip/titlemedium.gif); color:#647392;font-weight:normal; border-bottom: 1px solid#CACACA; border-top: 1px solid#CACACA; padding:5px;margin-top:1px }
.pformleft  { background-color: #F4F4F4; padding:6px; margin-top:1px;width:25%; border-top:1px solid #DADBDC; border-right:1px solid #DADBDC; }
.pformleftw { background-color: #F4F4F4; padding:6px; margin-top:1px;width:40%; border-top:1px solid #DADBDC; border-right:1px solid #DADBDC; }
.pformright { background-color: #F4F4F4; padding:6px; margin-top:1px;border-top:1px solid #DADBDC; }

.post1 { background-color: #F4F4F4; border-top:1px solid #fff }
.post2 { background-color: #F4F4F4; border-top:1px solid #fff }
.postlinksbar { background-color:#D1DCEB;padding:5px;margin-top:1px;font-size:10px; background-image: url(http://i2.ifrm.com/5481/32/pip/titlemedium.gif) }

.row1 { background-color: #F4F4F4; border-top:1px solid #fff }
.row2 { background-color: #F4F4F4; border-top:1px solid #fff }
.row3 { background-color: #F4F4F4; border-top:1px solid #fff }
.row4 { background-color: #F4F4F4; border-top:1px solid #fff }
div.row4 span.postdetails { border: none; }
div.row4 { border-color: #CACACA!important;background-color:#F4F4F4; }
.darkrow1 { background-color: #F4F4F4; color:#B3B4B3; }
.darkrow2 { background-color: #F4F4F4; color:#B3B4B3; padding: 5px; background-image: url(http://i2.ifrm.com/5494/182/pip/darkrow.gif); background-repeat;no-repeat }
.darkrow3 { background-color: #F4F4F4; color:#B3B4B3; }

.hlight { background-color: #F4F4F4 }
.dlight { background-color: #F4F4F4 }

.titlemedium { font-weight:normal; color:#647392; padding:5px; margin:0px; background-image: url(http://i2.ifrm.com/5481/32/pip/titlemedium.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: none; color: #008000 }
titlemedium.a:hover { color: #B3B4B3; text-decoration:underline }

.maintitle {text-align:center; vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 7px 5px; background-image: url(http://i2.ifrm.com/5494/182/pip/maintitle.jpg); backround-position:center; }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #647392;background-color:#CACACA }
.tableborder { border:1px solid #647392;background-color:#CACACA; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #CACACA;background-color:#F4F4F4;padding:6px;  }
.tablepad    { background-color:#F0F0F0;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }
.boardtable { background-color: #F8F8F8;border:1px solid #CACACA; }
.skincopyright { background-color: #F4F4F4;border:1px solid #CACACA; }

.wrapmini    { float:left;line-height:1.5em;width:25% }
.pagelinks  { float:left;line-height:1.2em;width:35% }

.desc { font-size:10px; color:#798AAD }
.edit { font-size: 9px; border: 1px dashed#CACACA; }

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

.normalname { font-size: 12px; font-weight: bold; color: #008000 }
.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:#798AAD; background-color:#F4F4f4 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #647392; background-color: #F5F5F5; border: 1px dashed #CACACA; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #647392; background-color: #F4F4F4; border: 1px dotted #CACACA; 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; background-image: url(http://i2.ifrm.com/5481/32/pip/titlemedium.gif);color:#647392; border: 1px solid#CACACA; background-color:F4F4F4; }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; border: 1px solid#CACACA; background-color:F4F4F4; color:#647392; }

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


.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:#orange;font-weight:bold }


Color Key:
Areas changes can be made
Offline Profile Quote Post Goto Top
 
.Method
Member Avatar

[ *  *  *  *  *  * ]
umm sorry, but this doesn't have a chance of being WOW'ed, don't be so overconfident. The sebmenu is liek bad quality, and i just plain don't really like this skin. :(
Offline Profile Quote Post Goto Top
 
Gangstarr71
Member Avatar
Movin On Up.
[ *  *  *  *  *  * ]
Well its ok..but the whole things stretches...and the submenu is really bad.. The portal submenu is kinda messed up too... but well here is the messup in IE:

Posted Image
Offline Profile Quote Post Goto Top
 
Espalon
Member Avatar
Achievement Unlocked
[ *  *  *  *  *  *  * ]
You should add a hover to the submenu.
Offline Profile Quote Post Goto Top
 
PWND!
What once was.
[ *  *  *  *  *  * ]
Your #submenu links arn't working, and your Portal looks messed up. You should change you current Calendar date, and the outside black .tableborder border doesn't look so good in some places. The graphics are allright, but nothing exiting, and there doesn't seem to be anything amazing or original about, which seems to be a part in looking for a WOW. You should also add a line break before your copyright, to add some space. Also, you should take the top border off your .postdetails strip. And you've still got a couple of defaults in your code. And your forum view .darkrow2's text is hard to see.

I also recommend changing the background color of your .textinput, .forminput and .tablefill, so they don't look the same as the background when posting. You could also do with a top border on your .pformstrip when posting. Additionally, a 1px right/left margin on your .forminput would be good. Also, I think you should change your QUOTE/CODE background colors, so they're not the same as the posts. I'm not sure about having them with different borders, either. And I really think you should .darkrow's background colors, so they arn't all the same, and the same as the background, either.

It's not bad, but frankly, nothing amazing. However, I am not the one who decides what skins get WOWs or not, and so I will leave it at that.
Offline Profile Quote Post Goto Top
 
Preston
Member
[ *  *  *  * ]
.Espalon
Dec 22 2005, 02:33 AM
You should add a hover to the submenu.

My bad, I forgot about that. I do have it though.
Offline Profile Quote Post Goto Top
 
Spence
Member
[ *  *  *  * ]
The submenu looks fine on firefox, I'd just do what they suggested and add a hoverlink, and check your links because they are still broken. Also, for your copywrite I'd change the boarder from black to match your skin. I know this is the skin section so this won't matter if you want to get WOW'd, but your topic buttons are massive. Other than that it looks like you've gotten rid of most of the defaults. Best of luck getting WOW'd.
Offline Profile Quote Post Goto Top
 
LINK714
Member
[ * ]
pretty good, keep up that good stuff ^_^
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Light · Next Topic »
Add Reply