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
Octane
Topic Started: Jun 1 2005, 08:26 PM (873 Views)
daemen
Member Avatar
Guess Who's Back
[ *  *  *  * ]
Skin Name: Octane
Author: daemen
Preview: Preview
Sidenotes: none

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: 11px; color: #B3B1B1; margin:0px 10px 0px 10px;background-color:#101010 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #B3B1B1; }
a:link, a:visited, a:active { text-decoration: none; color: #B3B1B1 }
a:hover { color: #D1CECE; text-decoration:dashed }

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

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

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000;background-color: #1B1A1A;background-image:url();padding:0px;margin:0px; }
#submenu  { border:1px solid #000;background-color: #1B1A1A;font-size:10px;margin:3px 0px 3px 0px;color:#910317;font-weight:bold}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #910317; }
#userlinks { border:1px solid #000; background-color: #1B1A1A; background-image: url(http://img217.echo.cx/img217/5831/untitled56ie.png); padding:2px }

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

.activeuserstrip { background-color:#1B1A1A; padding:6px; background-image: url(http://img217.echo.cx/img217/5831/untitled56ie.png) }

.pformstrip { background-color: #1B1A1A; color:#7D0315;font-weight:bold;padding:3px;margin-top:1px; background-image: url(http://img217.echo.cx/img217/5831/untitled56ie.png) }
.pformleft  { background-color: #1B1A1A; padding:6px; margin-top:1px;width:25%; border-top:1px solid #000; border-right:1px solid #000; }
.pformleftw { background-color: #1B1A1A; padding:6px; margin-top:1px;width:40%; border-top:1px solid #000; border-right:1px solid #000; }
.pformright { background-color: #1B1A1A; padding:6px; margin-top:1px;border-top:1px solid #000; }

.post1 { background-color: #1B1A1A }
.post2 { background-color: #1B1A1A}
.postlinksbar { background-color:#212121;padding:4px;margin-top:1px;font-size:10px; background-image: url(http://img217.echo.cx/img217/5831/untitled56ie.png) }

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

.darkrow1 { background-color: #1B1A1A; color:#910317; }
.darkrow2 { background-color: #1B1A1A; color:#910317; padding:3px; background-image: url(http://img106.echo.cx/img106/9213/darkrow5hv.png) }
.darkrow3 { background-color: #1B1A1A; color:#910317; background-image: url(http://img106.echo.cx/img106/9213/darkrow5hv.png) }

.hlight { background-color: #1B1A1A }
.dlight { background-color: #1B1A1A}

.titlemedium { font-weight:bold; color:#910317; padding:3px; margin:0px; background-image: url(http://img217.echo.cx/img217/5831/untitled56ie.png) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #910317 }

.maintitle {background-color:#212020 vertical-align:middle;font-weight:bold; color:#B3B1B1; letter-spacing:1px; padding:12px 0px 3px 8px ;background-position:center ; background-image: url(http://img159.echo.cx/img159/9230/untitled90ky.gif); text-align:center }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #B3B1B1 }
.maintitle a:hover { text-decoration: underline }


.plainborder { border:1px solid #000;background-color:#000}
.tableborder { border:1px solid #212020;background-color:#000; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #000;background-color:#1B1A1A;padding:6px;  }
.tablepad    { background-color:#1B1A1A ;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:#7D0315 }
.edit { font-size: 9px }

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

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

.searchlite { font-weight:bold; color:#7D0315; background-color:#7D0315 }

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #910317; background-color: #101010; 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: #910317; background-color: #101010; 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 ; color: #B3B1B1; font-family: verdana, helvetica, sans-serif; vertical-align: middle }
.forminput, .textinput, .radiobutton, .checkbox  { border: 1px solid #000; font-size: 11px; color: #B3B1B1; font-family: verdana, helvetica, sans-serif; vertical-align: middle;background-color:#212020 }

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

.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 }
div.row4 { border-color: #000!important;background-color:#1B1A1A}
</style>
</style>

<script language='javascript'>
if ( location.search.indexOf('showtopic')!=-1 ){document.write("<style>.darkrow1 { background-color: #1B1A1A; color:#910317; background-image: url(http://img116.echo.cx/img116/7476/untitled97su.gif); background-position: center; padding-bottom:26px}}</style>")}
</script>


Header & Body:
Quote:
 
<body bgcolor="#141313" 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="756" border="0" align="center" cellpadding="4" cellspacing="0" bgcolor="#141313" height="378" bordercolor="#141313">
<tr>
  <td width="90%" height="100%" bgcolor="#141313">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<table width="100%" style='border:1px solid #000' cellspacing="1" cellpadding="4">
<tr>
<td class="http://img214.echo.cx/img214/7182/untitled24zq.png" align='center'><b><a href=http://s11.invisionfree.com/octane/>Octane was created</a> by daemen.  Find more skins at <a href="http://gfxsector.com/">GFX Sector</a>.<b></td>
</tr>
<td class="http://img106.echo.cx/img106/7764/untitled99nc.png" align='center'>
<a href="javascript:scroll(0,0);">Back to Top ^^^</a>
</td>
</tr>
</table>
<% STATS %>
Offline Profile Quote Post Goto Top
 
Adamo
Member Avatar
P-b-b-b-bleeeease...
[ *  *  *  *  *  *  *  * ]
Nice. I love the pattern on the maintitle. It creates the originality of the skin. I'm not too fond of the gradient on the edges of the maintitle though. Also the tablefill and txtinput shouldn't be white. Overall good skin. Keep it up. B)

8.6/10
Offline Profile Quote Post Goto Top
 
Leo.
Member
[ * ]
Very nice skin, but the forminput is hard to read...
Offline Profile Quote Post Goto Top
 
daemen
Member Avatar
Guess Who's Back
[ *  *  *  * ]
changed
Offline Profile Quote Post Goto Top
 
Hacker.Kid
Member
[ *  *  * ]
Interesting skin! I'd WoW it!
Offline Profile Quote Post Goto Top
 
Zeus00
Member Avatar
I used to live in silence, I used to sleep in silence. Now all I hear is a marching of soldiers in my head.
[ *  *  *  *  *  *  *  *  * ]
The gray on the MT is too light IMO, doesn't go with the rest of the skin. If I were you, I would try to save the MT as a .gif, so the transparency works on both IE and FF. I dont like the .forminput, the red just doesn't seem to flow very well with the dark color, IMO. Other than that, its not that bad of a skin.
Offline Profile Quote Post Goto Top
 
Defiancy
Member
[ *  * ]
Yea, you can do better, ;).
Offline Profile Quote Post Goto Top
 
Leo.
Member
[ * ]
Looks a bit better now ;) nice work
Offline Profile Quote Post Goto Top
 
YoRone22
Member Avatar
4
[ *  *  *  *  *  *  * ]
Maintitle bg doesn't fit the forum bg.....
Offline Profile Quote Post Goto Top
 
JoshKB
Member
[ *  * ]
Good 7/10
Offline Profile Quote Post Goto Top
 
Blackfox x
Member
[ *  * ]
I think its to dark its hard to read the font
Offline Profile Quote Post Goto Top
 
Simon
Member Avatar
bleh..
[ *  *  *  *  *  *  *  *  * ]
I prefered your other skins, its still good just not your best in my opinion :wink:
Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
I think the maintitle stands out to much, also a hover colour wouldn't hurt. 8/10.
Offline Profile Quote Post Goto Top
 
Lady Luck
Member Avatar
Texas Ranger
[ *  *  *  *  * ]
I really like it but, there is somthing about the text that ruins it a little. But the maintittle is outstanding. It is very nice Daemon! 9/10 :D
Offline Profile Quote Post Goto Top
 
Nicola
Member Avatar
Zatharawrus
[ *  *  *  *  *  *  *  *  *  * ]
Hmm.

The maintitle- Nice concept, you used some texture in there, good job. The grey sides are a little light compared to the rest of your skin but its not too bad.

The red text is a little over-powering, a light grey wouldnt hurt, but thats just my opinion, nothing being held against you.

The form input REALLY needs to be changed. A dark colour with an easy to read font colour would suit so much better, and it makes the drop down lists red to.

Using the maintitle as the dark row is a nice effect, but you need to alter the padding a bit, as its repeating under the posts.

Add a border colour to the form input, its a silvery colour, and looks bad with the rest of the skin.

Caldate should really have a hex code or a gradient in there, it looks a little boring.

This is definately not one of your best Daemen :no: , sorry :(
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
Go to Next Page
« Previous Topic · Dark · Next Topic »
Add Reply
  • Pages:
  • 1