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
Mechanic
Topic Started: May 23 2005, 10:06 AM (719 Views)
Ixion
Member Avatar
Member
[ *  *  * ]
Name: Mechanic
Author: Ixion
Number of Skin: 10
Notes: More of a techy Dark Gray color.

*Note You must Input everything to make this skin work to its full potential*

PREVIEW: Click Here

CSS Code
Quote:
 

</STYLE><CENTER>Skin created by <B>Ixion</B>. Find more great skins at <B><A HREF="http://forums.ifskinzone.net/index.php?" TARGET="_BLANK">If Skin Zone</A></B> and <B><A HREF="http://s10.invisionfree.com/Graphics_Revolution/index.php?" TARGET="_BLANK">Graphics Revolution</A></B>.</CENTER><STYLE TYPE="text/css">


HTML {OVERFLOW-Y: auto; OVERFLOW-X: hidden}

FORM {DISPLAY: inline}

IMG {BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: middle; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}

BODY {FONT-SIZE: 11px; MARGIN: 0px 10px; COLOR: #C0C0C0; FONT-FAMILY: Tahoma, Arial Narrow; BACKGROUND-COLOR: #313131;

Background-Image: url(http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/bg.gif)}

TABLE {FONT-SIZE: 11px; COLOR: #C0C0C0; FONT-FAMILY: Tahoma, Arial Narrow}

TR {FONT-SIZE: 11px; COLOR: #C0C0C0; FONT-FAMILY: Tahoma, Arial Narrow}

TD {FONT-SIZE: 11px; COLOR: #C0C0C0; FONT-FAMILY: Tahoma, Arial Narrow}

A:link {COLOR: #a0a0a0; TEXT-DECORATION: None}

A:visited {COLOR: #a0a0a0; TEXT-DECORATION: None}

A:active {COLOR: #a0a0a0; TEXT-DECORATION: None}

A:hover {COLOR: #000; TEXT-DECORATION: none}

FIELDSET.search {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; LINE-HEIGHT: 150%; PADDING-TOP: 6px}

LABEL {CURSOR: pointer}

IMG.attach {BORDER-RIGHT: #111 0px outset; PADDING-RIGHT: 0px; BORDER-TOP: #111 0px outset; PADDING-LEFT: 2px;

PADDING-BOTTOM: 0px; BORDER-LEFT: #111 0px outset; PADDING-TOP: 2px; BORDER-BOTTOM: #111 0px outset}

.googleroot {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; LINE-HEIGHT: 130%; PADDING-TOP: 6px}

.googlechild {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; MARGIN-LEFT: 30px; LINE-HEIGHT: 130%; PADDING-TOP:

6px}

.googlebottom {FONT-SIZE: 11px; COLOR: #C0C0C0}

.googlebottom A:link {FONT-SIZE: 11px; COLOR: #C0C0C0}

.googlebottom A:visited {FONT-SIZE: 11px; COLOR: #C0C0C0}

.googlebottom A:active {FONT-SIZE: 11px; COLOR: #C0C0C0}

.googlish {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #C0C0C0}

.googlish A:link {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #C0C0C0}

.googlish A:visited {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #C0C0C0}

.googlish A:active {FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #C0C0C0}

.googlepagelinks {FONT-SIZE: 1.1em; LETTER-SPACING: 1px}

.googlesmall {FONT-SIZE: 10px; COLOR: #C0C0C0}

.googlesmall A:link {FONT-SIZE: 10px; COLOR: #C0C0C0}

.googlesmall A:active {FONT-SIZE: 10px; COLOR: #C0C0C0}

.googlesmall A:visited {FONT-SIZE: 10px; COLOR: #C0C0C0}

LI.helprow {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; PADDING-TOP: 0px}

UL#help {PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}

OPTION.cat {FONT-WEIGHT: bold}

OPTION.sub {FONT-WEIGHT: bold; COLOR: #C0C0C0}

.caldate {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-WEIGHT: bold; FONT-SIZE: 10px; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR:

#C0C0C0; PADDING-TOP: 4px; BACKGROUND-image: url(); TEXT-ALIGN: left}

.warngood {COLOR: green}

.warnbad {COLOR: red}

#padandcenter {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 14px; MARGIN-LEFT: auto; MARGIN-RIGHT: auto;

PADDING-TOP: 14px; TEXT-ALIGN: center}

#profilename {FONT-WEIGHT: bold; FONT-SIZE: 28px}

#calendarname {FONT-WEIGHT: bold; FONT-SIZE: 22px}

#photowrap {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px}

#phototitle {FONT-SIZE: 24px; BORDER-BOTTOM: white 1px solid}

#photoimg {MARGIN-TOP: 15px; TEXT-ALIGN: center}

#ucpmenu { WIDTH: 22%; LINE-HEIGHT: 150%; BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px

solid; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #111 1px solid;}

#ucpmenu P {PADDING-RIGHT: 5px; PADDING-LEFT: 9px; PADDING-BOTTOM: 6px; MARGIN: 0px; PADDING-TOP: 2px}

#ucpcontent {LINE-HEIGHT: 150%; BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid;

BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #111 1px solid;}

#ucpcontent P {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px}

#ipsbanner {RIGHT: 5%; POSITION: absolute; TOP: 1px}

#logostrip {BORDER-RIGHT: #111 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #111 1px solid; PADDING-LEFT: 0px;

BACKGROUND-IMAGE: url(HTTP://); PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #111 1px solid; PADDING-TOP: 0px;

BORDER-BOTTOM: #111 1px solid; BACKGROUND-COLOR: #1A1A1A;}

#submenu {BORDER-RIGHT: #111 1px solid; BORDER-TOP: #111 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 10px; MARGIN: 3px 0px;

BORDER-LEFT: #111 1px solid; COLOR: #fff; BORDER-BOTTOM: #111 1px solid; BACKGROUND-COLOR: #000; BACKGROUND-IMAGE:

url(http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/mid.gif)}

#submenu A:link {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #C0C0C0; TEXT-DECORATION: none}

#submenu A:visited {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #C0C0C0; TEXT-DECORATION: none}

#submenu A:active {FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #C0C0C0; TEXT-DECORATION: none}

#userlinks {BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid;

BORDER-BOTTOM: #111 1px solid; BACKGROUND-IMAGE: url()}

#navstrip {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: on; PADDING-BOTTOM: 6px; PADDING-TOP: 6px}

.activeuserstrip {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; BACKGROUND-COLOR: #2E2E2E;

BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #111 1px solid;}

.pformstrip {PADDING-RIGHT: 7px; MARGIN-TOP: 1px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 7px; COLOR: #C0C0C0;

PADDING-TOP: 7px; BACKGROUND-COLOR: #e2e2e2; BACKGROUND-IMAGE:

url(http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/mid.gif)}

.pformleft {PADDING-RIGHT: 6px; MARGIN-TOP: 1px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; WIDTH: 25%; PADDING-TOP: 6px;

BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid;

BORDER-BOTTOM: #111 1px solid;}

.pformleftw {BORDER-RIGHT: #111 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #111 1px solid; MARGIN-TOP: 1px; PADDING-LEFT:

6px; PADDING-BOTTOM: 6px; WIDTH: 40%; PADDING-TOP: 6px; BACKGROUND-COLOR: #111}

.pformright {PADDING-RIGHT: 6px; MARGIN-TOP: 1px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; BACKGROUND-COLOR:

#2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #111 1px

solid;}

.post1 {BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid;

BORDER-BOTTOM: #111 1px solid;}

.post2 {BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid;

BORDER-BOTTOM: #111 1px solid;}

.postlinksbar {PADDING-RIGHT: 7px; MARGIN-TOP: 1px; PADDING-LEFT: 7px; FONT-SIZE: 10px; BACKGROUND-IMAGE: url();

PADDING-BOTTOM: 7px; PADDING-TOP: 7px; BACKGROUND-COLOR: #111}

.row1 {BACKGROUND-COLOR: #111}

.row2 {BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid;

BORDER-BOTTOM: #111 1px solid;}

.row3 {BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid;

BORDER-BOTTOM: #111 1px solid;}

.row4 {BACKGROUND-COLOR: #2E2E2E; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid;

BORDER-BOTTOM: #111 1px solid;}

.darkrow1 {COLOR: #c0c0c0; BACKGROUND-COLOR: #2c2c2c;BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT:

#444 1px solid; BORDER-BOTTOM: #111 1px solid;}

.darkrow2 {COLOR: #c0c0c0; BACKGROUND-COLOR: #0d0d0d; BACKGROUND-IMAGE:

url(http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/shadowrow2.gif); Height: 30px}

.darkrow3 {COLOR: #c0c0c0; BACKGROUND-COLOR: #0d0d0d; BACKGROUND-IMAGE:

url(http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/mid.gif)}

.hlight {BACKGROUND-COLOR: #000}

.dlight {BACKGROUND-COLOR: #000}

.titlemedium {PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; BACKGROUND-IMAGE:

url(http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/mid.gif);
PADDING-BOTTOM: 7px; MARGIN: 0px; COLOR: #C0C0C0; PADDING-TOP: 7px; BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid;

BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #111 1px solid;}

.titlemedium A:link {COLOR: #a0a0a0; TEXT-DECORATION: underline}

.titlemedium A:visited {COLOR: #a0a0a0; TEXT-DECORATION: underline}

.titlemedium A:active {COLOR: #a0a0a0; TEXT-DECORATION: underline}

.maintitle {PADDING-RIGHT: 0px; PADDING-LEFT: 5px; TEXT-ALIGN: center; FONT-WEIGHT: bold; BACKGROUND-IMAGE:

url(http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/tIT.gif); PADDING-BOTTOM: 8px; VERTICAL-ALIGN: middle;

COLOR: #C0C0C0; PADDING-TOP: 8px; LETTER-SPACING: 1px; height: 38px; Height: 30px}

.maintitle A:link {COLOR: #C0C0C0; TEXT-DECORATION: none}

.maintitle A:visited {COLOR: #C0C0C0; TEXT-DECORATION: none}

.maintitle A:active {COLOR: #C0C0C0; TEXT-DECORATION: none}

.maintitle A:hover {TEXT-DECORATION: None; Color: #000}

.plainborder {BORDER-RIGHT: #111 1px solid; BORDER-TOP: #111 1px solid; BORDER-LEFT: #111 1px solid; BORDER-BOTTOM: #111 1px

solid; BACKGROUND-COLOR: #000}

.tableborder {BORDER-RIGHT: #111 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #111 0px solid; PADDING-LEFT: 0px;

PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #111 0px solid; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #111 0px solid;

BACKGROUND-COLOR: #1a1a1a}

.tablefill {BORDER-RIGHT: #111 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #111 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM:

6px; BORDER-LEFT: #111 1px solid; PADDING-TOP: 6px; BORDER-BOTTOM: #111 1px solid; BACKGROUND-COLOR: #000}

.tablepad {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; BACKGROUND-COLOR: #2E2E2E;

BORDER-RIGHT: #111 1px solid; BORDER-TOP: #444 1px solid; BORDER-LEFT: #444 1px solid; BORDER-BOTTOM: #111 1px solid}

.tablebasic {BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;

BORDER-LEFT: 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: 0px}

.wrapmini {FLOAT: left; WIDTH: 25%; LINE-HEIGHT: 1.5em}

.pagelinks {FLOAT: left; WIDTH: 35%; LINE-HEIGHT: 1.2em}

.desc {FONT-SIZE: 10px; COLOR: #C0C0C0}

.edit {FONT-SIZE: 9px}

.signature {FONT-SIZE: 10px; COLOR: #fff}

.postdetails {FONT-SIZE: 10px}

.postcolor {FONT-SIZE: 12px; LINE-HEIGHT: 160%}

.normalname {FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #fff}

.normalname A:link {FONT-SIZE: 12px}

.normalname A:visited {FONT-SIZE: 12px}

.normalname A:active {FONT-SIZE: 12px}

.unreg {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #fff}

.searchlite {FONT-WEIGHT: bold; COLOR: #fff; BACKGROUND-COLOR: #fff}

#QUOTE {BORDER-RIGHT: #111 1px dashed; PADDING-RIGHT: 2px; BORDER-TOP: #111 1px dashed; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #111 1px dashed; COLOR: #C0C0C0; PADDING-TOP: 2px; BORDER-BOTTOM: #111 1px dashed; FONT-FAMILY: Verdana, Arial; BACKGROUND-COLOR: #313131}

#CODE {BORDER-RIGHT: #111 1px dashed; PADDING-RIGHT: 2px; BORDER-TOP: #111 1px dashed; PADDING-LEFT: 2px; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; BORDER-LEFT: #111 1px dashed; COLOR: #C0C0C0; PADDING-TOP: 2px; BORDER-BOTTOM: #111 1px dashed; FONT-FAMILY: Verdana, Arial; BACKGROUND-COLOR: #313131}

.copyright {FONT-SIZE: 9px; LINE-HEIGHT: 12px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif}

.codebuttons {FONT-SIZE: 10px; VERTICAL-ALIGN: middle; FONT-FAMILY: verdana, helvetica, sans-serif}

.forminput {FONT-SIZE: 11px; VERTICAL-ALIGN: middle; FONT-FAMILY: verdana, helvetica, sans-serif}

.textinput {FONT-SIZE: 11px; VERTICAL-ALIGN: middle; FONT-FAMILY: verdana, helvetica, sans-serif}

.radiobutton {FONT-SIZE: 11px; VERTICAL-ALIGN: middle; FONT-FAMILY: verdana, helvetica, sans-serif}

.checkbox {FONT-SIZE: 11px; VERTICAL-ALIGN: middle; FONT-FAMILY: verdana, helvetica, sans-serif}

.thin {PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 6px; MARGIN: 3px 0px; LINE-HEIGHT: 140%; PADDING-TOP: 6px;

BACKGROUND-COLOR: #1a1a1a; BORDER-RIGHT: #444 1px solid; BORDER-TOP: #111 1px solid; BORDER-LEFT: #111 1px solid;

BORDER-BOTTOM: #444 1px solid;}

.purple {FONT-WEIGHT: bold; COLOR: purple}


.red {FONT-WEIGHT: bold; COLOR:



body & header
Quote:
 


<Table width="900" cellpadding="25" Align="center" height="100%" background="http://i4.photobucket.com/albums/y140/ifdragon/mechanic%20skin/tablebg.gif" ;>

<td align=center bgcolor=Transparent width=850 />
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>

Offline Profile Quote Post Goto Top
 
Calabur
ルイス
[ *  *  *  *  *  *  * ]
Nice skin, but i'm not liking the white text, and the titlemedium could use some work. 7.5/10.
Offline Profile Quote Post Goto Top
 
Nephos
Member Avatar
The walls abandon shape
[ *  *  *  *  *  *  * ]
Bevelling everywhere!!

Who started it <_<

No, good skin, but when bevelling the rows, only bevel the tio and the left, or you end up with what looks like two pixel gaps instead of the tableborder bg colour. The titlemedium only really needs a one pixel strip of light across the top - by graphics or by coding, not both, and I'm not convinced the MT has quite enough space for text.

On another note, your CSS is crazy, did you use a generator or did you type all that out?
Offline Profile Quote Post Goto Top
 
Teykora
Member
[ * ]
thats friggin' awesome!!



i love it, and i think white is the best choice on text.
Offline Profile Quote Post Goto Top
 
Kamakzee
Member
[ *  *  *  * ]
never seen an output like that from a gen. but i like the MT its different but still will have text run off little dark in places but its a 8/10 still :)
Offline Profile Quote Post Goto Top
 
Jay-Z
^ Burnley FC 4 ever ^
[ *  *  *  *  *  * ]
nice i like it 8/10
Offline Profile Quote Post Goto Top
 
Iginla
I left sz
[ *  *  *  *  *  * ]
Great skin, but having an enhanced dr2 the same as the main title makes the skin look to floodish.
Offline Profile Quote Post Goto Top
 
Theoden
fear the spork!
[ *  *  *  *  * ]
It is a very nice skin overall but the beveling ruins it all, when beveling rows you need to make it almost non-seeable. Also the title medium should be beveled. But the main title is very nice and nothing to say about that. The white text though, you should make it a very light grey. And the hover color is bad you can't see it when you hover over I would change it. But I really like the skin nice work :)
Offline Profile Quote Post Goto Top
 
ThEta
.
[ *  *  *  *  *  * ]
Hurts my eyes in Firefox, but it looks great in IE.

Very well done.
Offline Profile Quote Post Goto Top
 
s_s
Member
[ *  * ]
Great skin, I like this one.
Offline Profile Quote Post Goto Top
 
Ixion
Member Avatar
Member
[ *  *  * ]
Thanks everyone. I think i am going to make some button icons for it. I will take out the pop up tables as well. Thanks. ^^
Offline Profile Quote Post Goto Top
 
Krysie
Member Avatar
·-¤Real Emotion¤-·
[ *  *  *  *  * ]
Very nice! 8/10
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply