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
ElectricPunk; Black/ Light blue/ Dark Blue
Topic Started: Jan 14 2007, 09:03 AM (897 Views)
MorningThief
Member
[ * ]
Name: ElectricPunk
Author: MorningThief
Skin Number: 1
Date Created: 14.01.07
Side Notes: First skin I've made, good colour renderings.

Click here to PREVIEW this skin.



Graphics:
Posted Image



CSS:
Admin CP >> Manager Style Sheets (Replace older coding with this.)
Quote:
 
html { overflow-x: auto; overflow-y: auto; }

form { display: inline; }
img { vertical-align: middle; border: 0px; }
BODY { font-family: verdana, Arial, sans-serif; font-size: 9px; color: #00DDEE; margin: 0px; background: #000; font-weight: normal; }
TABLE, TR, TD { font-family: verdana, Arial, sans-serif; font-size: 9px; color: #00DDEE; font-weight: normal; }

a:link, a:visited, a:active { text-decoration: none; color: #00AAFF; }
a:hover { color: #00AAFF; text-decoration: underline; }

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

img.attach { border-top: 1px solid #000000; border-bottom: 1px solid #00DDEE; border-left: 1px solid #000000; border-right: 1px solid #00DDEE; padding: 2px; }

.googleroot  { padding:0px; line-height:0% }
.googlechild { padding:0px; margin-left:0px; line-height:0% }
.googlebottom, .googlebottom a:link, .googlebottom a:visited, .googlebottom a:active { font-size:0px; color: #00DDEE; }
.googlish, .googlish a:link, .googlish a:visited, .googlish a:active { font-size:0px; color:#00DDEE; }
.googlepagelinks { font-size:1.1em; letter-spacing:0px }
.googlesmall, .googlesmall a:link, .googlesmall a:active, .googlesmall a:visited { font-size:0px; color:#00DDEE}

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: #00DDEE; }
.caldate { text-align: right; font-weight: bold; font-size: 9px; color: #0099EE; background: url(http://i5.ifrm.com/6138/58/upload/p5850.jpg) top repeat-x; padding: 2px; 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; }
#photoimg { text-align: center; margin-top: 15px; }

#ucpmenu { line-height: 150%; width: 25%; border: 1px solid #00DDEE; background: #282828; }
#ucpmenu p { padding: 2px 5px 6px 9px; margin: 0px; }
#ucpcontent { background: #282828; border: 1px solid #00DDEE; line-height: 150%; width: auto; }
#ucpcontent p { padding: 10px; margin: 0px; }

#ipsbanner { position: absolute; top: 1px; right: 5%; }

#logostrip { border: none; background-color: #282828; padding: 1px; border-top: 1px solid #00ddee; border-left: 1px solid #00ddee; border-bottom: 1px solid #00ccdd; border-right: 1px solid #00ccdd; margin: 0px; }

#submenu { padding: 1px; }
#submenu td { border: 1px solid #00AAFF; background: url(http://i5.ifrm.com/6138/58/upload/p5850.jpg) top repeat-x; padding: 2px 10px 2px 10px; font-size: 9px; margin: 3px 0px 3px 0px; color: #00AAFF; font-weight: normal; }
#submenu a { font-weight: normal; font-size: 9px; text-decoration: none; color: #00AAFF; }
#submenu a:hover { color: #00AAFF; text-decoration: underline; }
#submenu img { display: none; border: 1px solid #00aaff }

#userlinks td { font-weight: normal; color: #00DDEE; padding: 2px 10px 2px 10px; margin: 0px; background: url(http://i5.ifrm.com/6138/58/upload/p5850.jpg) top repeat-x; border: 1px solid #00aaff; }
#userlinks { padding: 1px; }

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

.activeuserstrip { background-color: #282828; padding: 2px; }

.pformleft { background-color: #1A1A1A; padding: 6px; width: 25%; border-top: 1px solid #000000; border-right: 1px solid #000000; }
.pformleftw { background-color: #1A1A1A; padding: 6px; margin-top: 1px; width: 40%; border-top: 1px solid #000000; border-right: 1px solid #000000; }
.pformright { background-color: #1a1a1a; padding: 6px; margin-top: 1px; border-top: 1px solid #000000; }

.postlinksbar { border-left: 1px solid #000000; border-right: 1px solid #000000; }

.row1, .row4 { border-top: 1px solid #3A3A3A; background-color: #232323; }
.row2, .row3, .post1, .post2 { border-top: 1px solid #3A3A3A; background: #1A1A1A; }
div.row4 { border-top: 1px solid #00ddee!important; border-bottom: 1px solid #00ccdd!important; border-left: 1px solid #00ddee!important; border-right: 1px solid #00ccdd!important; }

.darkrow1 { background-color: #1a1a1a; color: #00AAFF; }
.darkrow2 { background: url(http://i5.ifrm.com/6138/58/upload/p5857.jpg) top repeat-x; color: #00DDEE; }
div.darkrow2 { border: 1px solid #000000; border-top: none; }
.darkrow3 { border-top: 1px solid #3A3A3A; background-color: #232323; color:#00DDEE; }
div.darkrow3 { border: none!important; }

.hlight { background-color: #232323; }
.dlight { background-color: #1a1a1a; }

.titlemedium, .pformstrip, .postlinksbar { font-weight: normal; color: #00AAEE; padding: 2px; margin: 0px; background: url(http://i5.ifrm.com/6138/58/upload/p5850.jpg) top repeat-x; }
.titlemedium a { text-decoration: underline; color: #00AAFF; }

.maintitle { vertical-align: absolute; font-weight: normal; color: #00FFFF; letter-spacing: 1px; padding: 8px 10px 8px 5px; border: 1px solid #000000; border-bottom: none; background: url(http://i5.ifrm.com/6138/58/upload/p5857.jpg) top repeat-x }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #00FFFF; }
.maintitle a:hover { text-decoration: underline; }

.plainborder { border:1px solid #00AAFF; background-color: #000000; }
.tableborder { border: 1px solid #00AAFF;background-color:#000; padding: 0px; margin: 0px; width: 100%; }
.tablefill { border-top: 1px solid #000000; border-bottom: 1px solid #474747; border-left: 1px solid #000000; border-right: 1px solid #474747; background-color: #161616; padding: 6px; }
.tablepad { background-color: #1a1a1a; padding: 6px; }
.tablebasic { width: 100%; padding: 0px; margin: 0px; border: none; }

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

.desc { font-size:10px; color: #00DDEE; }
.edit { font-size: 9px }

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

.normalname { font-size: 12px; font-weight: bold; color: #00DDEE; }
.normalname a { font-size: 12px; }
.unreg { font-size: 11px; font-weight: normal; color: #00DDEE; }

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

#QUOTE, #CODE { font-family: Verdana, tahoma, Arial, sans-serif; font-size: 9px; color: #00AAEE; background: #1a1a1a; border-top: 1px solid #000000; border-bottom: 1px solid #474747; border-left: 1px solid #000000; border-right: 1px solid #474747; padding: 2px; color: #818181; }

.copyright { font-family: Verdana, Tahoma, Arial, Sans-Serif; font-size: 7px; line-height: 12px; }

.forminput, .textinput, .radiobutton, .checkbox, textarea, textinput, div.tableborder div.tablepad input, .codebuttons, select.codebuttons { font-size: 9px; font-family: verdana, tahoma, arial, sans-serif; vertical-align: middle; border: 1px solid #000000; background: #191919; color: #818181; }

.thin { padding: 2px; line-height: 110%; margin: 2px 0px 2px 0px; border-top: 1px solid #161616; border-bottom: 1px solid #474747; border-left: 1px solid #161616; border-right: 1px solid #474747; }

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

.table { border: 1px solid #000000; background: #282828; }
.Admin{color:#FF0000}
.SuperMod{color:00CC33}



Header And Footer
Admin CP >> Board Wrappers >> Header and Body
Quote:
 
<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#00DDDE" vlink="#00DDDE"><body text="#00DDDE" link="#00DDDE" vlink="#00DDDE" alink="#00DDEE" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="821" border="2" align="center" cellpadding="4" cellspacing="0" bgcolor="#000000" height="377" bordercolor="#00DDEE">
<tr>
<td width="90%" height="100%"  bgcolor="#000000">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>


Admin CP >> Board Wrappers >> Footer
Quote:
 
<table width="100%" style="border: 1px solid #00ddcc; border-top: 1px solid #00ddff; background-color: #232323" cellspacing="2" cellpadding="3">
<tr>
<td align='center'><font size=1><b>ElectricPunk</b>, created by <b>MorningThief</b> of the <b><a href="http://www.ifsz.com">InvisionFree Skin Zone</a></b>.</font></td>
</tr></table>
Offline Profile Quote Post Goto Top
 
Walkure
Member Avatar
LUNATIC
[ *  *  *  *  *  *  * ]
Except the blue border, quite good for a first =]]
Offline Profile Quote Post Goto Top
 
Seraphim.
Member Avatar
Possible Bot
[ *  *  *  *  * ]
Hm very good for a first but the blue border on the inside is my only complaint.
Offline Profile Quote Post Goto Top
 
.Fable
Member Avatar
relax, we understand j00
[ *  *  *  *  *  * ]
Not a bad attempt ^_^

Here are some suggestions:
- Change the text colour to a grey.
- Add borders to the userlinks and submenu.
- Repeat the maintitle to cover the whole area.
- Add a lighter top border to the darkrow2 to make it look embossed.

Nice, just a strange use of colour :)
Offline Profile Quote Post Goto Top
 
remix1347
Member
[ * ]
I like the color of the blue! Nice work.
Offline Profile Quote Post Goto Top
 
wutdoitype
Member
[ * ]
nice, i just think that the blue border neds to be put through the full forum outline rather than just the outside. Otherwise, great job!
Offline Profile Quote Post Goto Top
 
zeigs demon
Member Avatar
Member
[ * ]
looks like t's right off a boom box lol
Offline Profile Quote Post Goto Top
 
Dynamik. (PM)
Member Avatar
holy shit look who it is
[ *  *  *  *  *  *  * ]
Great for a first, like the colors.
Offline Profile Quote Post Goto Top
 
.Genetix
Member Avatar
Member
[ *  *  *  *  * ]
quite good for your first :P
Offline Profile Quote Post Goto Top
 
MorningThief
Member
[ * ]
Thank you very much for your compliments and suggestions, very much appriciated :)
Offline Profile Quote Post Goto Top
 
darkness world
Member
[ *  * ]
superb. espically that it's your first skin i think you are very talented.
Offline Profile Quote Post Goto Top
 
sirswat3
Member
[ * ]
its ur first...its ok i guess...
Offline Profile Quote Post Goto Top
 
2crazie
Member Avatar
Member
[ *  * ]
at first it like totaly blinded me, but i got used to the color real fast, i like it, i would give you a 100%, but in the portal menu, part of the grad up top is messed up, but, who cares about that... 99.9(+.1) I think you earned it for a first skin.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply