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
Tangy Orange
Topic Started: Jun 12 2005, 10:42 AM (988 Views)
Theoden
fear the spork!
[ *  *  *  *  * ]
Preview: Here

Wrappers:
Quote:
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="800" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="377" bordercolor="#f5f5f5">
<tr>
  <td width="90%" height="100%" bgcolor="#f5f5f5">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


CSS:
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: #DF7440; margin:0px 10px 0px 10px;background-color:#C55621 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; color: #DF7440; }
a:link, a:visited, a:active { text-decoration: underline; color: #DF7440 }
a:hover { color: #DF7440; text-decoration:underline }

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

img.attach { border:2px outset #DE713D;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:#DF7440;background-color:#E4E4E4;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: #f5f5f5 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #f5f5f5; border:1px solid #E4E4E4;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;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 #E4E4E4;background-color: #DFE6EF; background-image: url(http://i6.photobucket.com/albums/y250/Melkor43/2a77d081.png);font-size:10px;margin:3px 0px 3px 0px;color:#DF7440;font-weight:none;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #DF7440; }
#userlinks { border:1px dashed #E4E4E4; }

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

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

.pformstrip { background-color: #D1DCEB; color:#DF7440;font-weight:none;padding:2px;margin-top:1px; background-image: url(http://i6.photobucket.com/albums/y250/Melkor43/f546d313.png); }
.pformleft  { background-color: #f5f5f5; padding:6px; margin-top:1px;width:25%; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4; }
.pformleftw { background-color: #f5f5f5; padding:6px; margin-top:1px;width:40%; border-top:1px solid #E4E4E4; border-right:1px solid #E4E4E4;}
.pformright { background-color: #f5f5f5; padding:6px; margin-top:1px;border-top:1px solid #e4e4e4; }



.post1 { background-color: #f5f5f5 }
.post2 { background-color: #f5f5f5 }
.postlinksbar { background-color:#f5f5f5;padding:7px;margin-top:1px;font-size:10px;  }

.row1 { background-color: F2F2F2; border-top: 1px solid #FDFDFD; border-left: 1px solid #FDFDFD}
.row2 { background-color: F2F2F2; border-top: 1px solid #FDFDFD; border-left: 1px solid #FDFDFD}
.row3 { background-color: F2F2F2; border-top: 1px solid #FDFDFD; border-left: 1px solid #FDFDFD}
.row4 { background-color: F2F2F2; border-top: 1px solid #FDFDFD; border-left: 1px solid #FDFDFD}

.darkrow1 { background-color: #f5f5f5; color:#DF7440; }
.darkrow2 { background-color: #f5f5f5; color:#DF7440; background-image: url(http://i6.photobucket.com/albums/y250/Melkor43/2a77d081.png); }
.darkrow3 { background-color: #f5f5f5; color:#DF7440; }

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

.titlemedium { font-weight:normal; color:#DF7440; padding:2px; margin:0px; background-image: url(http://i6.photobucket.com/albums/y250/Melkor43/f546d313.png) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle;font-weight:normal; color:#FFFFFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://i6.photobucket.com/albums/y250/Melkor43/6bdd3017.png) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid #e4e4e4;background-color:#e4e4e4 }
.tableborder { border:1px solid #e4e4e4;background-color:#e4e4e4; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #DF7440;background-color:#f5f5f5;padding:6px;  }
.tablepad    { background-color:#f4f4f4;padding:6px }
.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: #DF7440 }
.postdetails { font-size: 10px }
.postcolor  { font-size: 12px; line-height: 160% }

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

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

#QUOTE { font-family: Verdana, Arial; font-size: 10px; color: #DF7440; background-color: #f2f2f2; border: 1px solid #DF7440; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #DF7440; background-color: #f2f2f2; border: 1px solid #DF7440; 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 }


div.row4 { border-color: #e4e4e4  !important;background-color:#f5f5f5  }

.codebuttons{ font-size: 10px;font-family: verdana, helvetica, sans-serif;vertical-align: middle;
color: #DF7440  ; background-color: #f5f5f5  ; border: 1px #e4e4e4    solid; }

.forminput, .textinput, .radiobutton, .checkbox
{ font-size: 10px;font-family: verdana, helvetica, sans-serif;
vertical-align: middle;color: #DF7440  ;background-color: #f5f5f5  ;;
border: 1px #e4e4e4    solid; }

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

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

</style>
<script language='javascript'>
if ( location.search.indexOf('act=calendar')!=-1 ){document.write("<style>.maintitle { background-color: #f5f5f5; background-image: url(http://i6.photobucket.com/albums/y250/Melkor43/6bdd3017.png ); color:#ffffff; }}</style>")}
</script> <style=text/css></STYLE><CENTER>Skin created by <B>Theoden</B>. Find more great skins at the <B><A HREF="http://forums.ifskinzone.net/index.php?act=idx" TARGET="_BLANK">IF Skin Zone</A></B>.</CENTER><STYLE TYPE="text/css">
Offline Profile Quote Post Goto Top
 
Sysko
Member Avatar
Apple Pie
[ *  *  *  *  * ]
Not bad, its nice.
Offline Profile Quote Post Goto Top
 
Jay-Z
^ Burnley FC 4 ever ^
[ *  *  *  *  *  * ]
very nice
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
fixed the border ^_^
Offline Profile Quote Post Goto Top
 
KingsIndian
Yay, it's my 3rd mini avatar!
[ *  *  *  *  * ]
The border doesn't look that nice on a 1280 x 1024 screen resolution; it's clearly designed for 800 x 600. Try changing <table width="800" to <table width="100%".

Still, it's a nice skin: it flows well, I like the maintitle and I like thje orange used.

9/10
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
thanks :blush:
Offline Profile Quote Post Goto Top
 
Sobriquet.
robbers and cowards
[ *  *  *  *  *  *  * ]
Sweet skin Dan, flows very well ^_^
Offline Profile Quote Post Goto Top
 
Dr.Client
Member
[ *  *  * ]
Great skin! i like it.
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
thanks :blush:
Offline Profile Quote Post Goto Top
 
Adamo
Member Avatar
P-b-b-b-bleeeease...
[ *  *  *  *  *  *  *  * ]
Very nice OSS. One of the more original skins I've seen. Everything is very clean, but try to get rid of the blue background that appears before the grads load. Overall a very nice skin, almost wow-worthy.

8.8/10
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Adamo
Jun 12 2005, 07:02 PM
Very nice OSS. One of the more original skins I've seen. Everything is very clean, but try to get rid of the blue background that appears before the grads load. Overall a very nice skin, almost wow-worthy.

8.8/10

I disagree.

Its a nice OSS, nothing more.

The orange is a nice colour, Im digging it, its not too bright and not too murky.

It is a nice skin, but it has a few flaws.

The postlinks padding needs to be lower, since you have lowered the medium and pform strip.

Taking the tableborder off is always risky, as some areas are left without borders and makes it look incomplete in some way.

Borders to add:

-Left and right to the postlinks bar
-Left to the pform left (both of them to be sure)
-right to the pform right

I would also suggest changing the pform background colours bit to, its the same colour as the background.

The post colours would look much better as the row 4 colour, as at the moment its near identical to the background colour of the table, and doesnt look good like that. Try using a grad for dark row 3, it makes the topic look loads better IMO.

Because you have used a border for that bevel effect for row 4, the rest of the post looks kinda flat. Add some borders to post 1 and 2 as well to give it that 3D look throughout.

Caldate could look better, maybe a simple grad like you have used for the submenu?

It is a nice skin Theoden, you are improving, but I'd like to see you improve at EFS now, OSS are safe and easy, challenge yourself a bit more.
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
Your best skin yet theoden.

I love the maintitle it's got a nice flow to it, and it's quite original for a oss skin, the downfall to the maintitle though would be the size of it, it's way to small which doesn't look good.

The titlemedium is nice, it flows well with the maintitle and then flows nicely into the rows, also it doesn't stand out to much.

I love the row borders that you have used, i think this adds a nice profesional touch to your skin, i think without that the whole skin would be no where neer as good.

The darkrow 2 is nice, but maybe try expermenting with different colours for it, maybe a orange colour like you used for the maintitle, i think that it would give a more unique and more profesional feel to the skin.

I think you should try adding some grads into more places, like the activeuserstrip, and darkrow 3.

A simple border around your tablefill wouldn't make your skin any worse, infact it would make it better.

You could also maybe try and use a grad for your .caldate, try and make it darker than your titlemedium, but only slightly it'll flow better like that.

Very good job theoden, especially considering you used fireworks. 8/10.
Offline Profile Quote Post Goto Top
 
Rεd
Silence. I'm thinking.
[ *  *  *  *  *  * ]
Whoa, that's pretty good. Althought the maintitle looks familiar. ;) I don't like that color of orange.
Offline Profile Quote Post Goto Top
 
John
Member Avatar
Determined
[ *  *  *  *  *  *  *  * ]
That's pretty nice. :)
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
thanks everyone :blush: I really like this skin... Its one of my last OSS skins...

Thanks Adamo, thats one of the first times I have heard that from staff :)

Also fixed the postlinkbar and the .caldate...

what does the active user strip do and where is it before I fix it...
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