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
Night Shifter Skin
Topic Started: Nov 10 2005, 01:38 PM (695 Views)
EvilNoah
Member
[ * ]
Skin Name: Night Shifter
Made By: EvilNoah
Date made: 11/2005
Skin Number: 60 something
Side Notes: I tried for an industrial Feel to this skin

Skin Preview

HEADER & BODY:
Quote:
 
<body>

<table width="810" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" height="100%">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<div align="center"><div class="tableborder" style="width:55%"><div class="row4" style="font-size: 7.5pt; line-height: 12px; border:0px solid #b2b2b2; padding:4px 0px 4px 0px; spacing:0px 0px 0px 0px">Skin created by <b>EvilNoah</b> from  <B><A HREF="http://s13.invisionfree.com/EGFXII/" TARGET="_BLANK">EGFX2</A></B></div></div></div>


CSS:
Quote:
 
html { overflow-x: hidden; overflow-y: auto; }

#ipbwrapper { text-align:left; width:95%; margin-left:auto;margin-right:auto }
#ipbwrapper img { vertical-align:middle; border: 0px }

form { display:inline; }
img { vertical-align:middle; border:0px }

BODY { font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #8B8B8B; margin: px px px px; background-color:#1D1D1D; background-image: url(http://); background-position: top }

TABLE, TR, TD {  font-family: Verdana, Tahoma; Arial; sans-serif; font-size: 10px; color: #8B8B8B; }
a:link, a:visited, a:active { text-decoration: none; color: #fff}
a:hover { color:#8B8B8B; text-decoration:none }

</STYLE><CENTER>Skin created by <B>EvilNoah</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">


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


img.attach { border:1px outset #b2b2b2;padding:1px }


.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:#8B8B8B }
.caldate { text-align:right;font-weight:bold;font-size:11px;color:#8B8B8B; background-color:#242424; background-image: url(http://i2.ifrm.com/4367/144/upload/p106884.gif); 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:transparent;background-color: #242424; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #242424; background-image: url(http://); transparent;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }


#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #121212;background-image:url(http://i2.ifrm.com/5103/170/upload/p343.gif);padding:0px;margin:0px; }

#submenu { border:0px solid #121212; background-color: #242424; background-image: url(http://i2.ifrm.com/5103/170/upload/p384.gif); font-size:10px;margin:3px 0px 3px 0px;color:#fff;font-weight:bold}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #fff; }
#submenu a:hover { color: #8B8B8B; text-decoration:none }
#submenu img { display:none; }

#userlinks {; border-bottom:3px double #000000;border-top:3px double #000000; background-color: #242424}


#navstrip { font-weight:bold;padding:3px 0px 3px 0px; border-bottom:3px double #000000;border-top:3px double #000000; background-color: #242424}

.activeuserstrip { background-image: url(http://i2.ifrm.com/5103/170/upload/p384.gif);#BCD0ED; padding:6px }


.pformstrip { background-color: #242424; background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif);  color:#8B8B8B;font-weight:bold;padding:2px;margin-top:1px }

.pformleft { background-color: #242424; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #121212; border-right:1px solid #121212; }

.pformleftw { background-color: #242424; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #121212; border-right:1px solid #121212; }

.pformright { background-color: #242424; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #121212; }

.post1 { background-color: #242424; border-left: 1px solid #3c3c3c; border-right: 1px solid #1c1c1c; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #1c1c1c;}

.post2 { background-color: #242424; border-left: 1px solid #3c3c3c; border-right: 1px solid #1c1c1c; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #1c1c1c;}

.postlinksbar { background-color:#dadada;padding:4px;margin-top:1px;font-size:10px; border-left: 1px solid #121212; border-right: 1px solid #121212; background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif) }

.row1 { background-color: #242424; border-left: 1px solid #3c3c3c; border-right: 1px solid #1c1c1c; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #1c1c1c;}

.row2 { background-color: #242424; border-left: 1px solid #3c3c3c; border-right: 1px solid #1c1c1c; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #1c1c1c;}

.row3 { background-color: #242424; border-left: 1px solid #3c3c3c; border-right: 1px solid #1c1c1c; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #1c1c1c;}

.row4 { background-color: #242424; border-left: 1px solid #3c3c3c; border-right: 1px solid #1c1c1c; border-top: 1px solid #3c3c3c; border-bottom: 1px solid #1c1c1c;}

.darkrow1 { background-color: #292929; background-image: url(http://); color:#EFEFEF; }
div.darkrow1 { background-color: #1D1D1D}
.darkrow2 { background-color: #1D1D1D; background-image: url(http://i2.ifrm.com/5103/170/upload/p643.gif); color:#8B8B8B; }
.darkrow3 { background-color: #e3e3e3; background-image: url(http://i2.ifrm.com/4367/144/upload/p107371.gif); color:#dadada; }

.hlight { background-color: #292929; background-image: url(http://) }
.dlight { background-color: #242424; background-image: url(http://) }

.titlemedium { font-weight:bold; font-size: 10px; color:#8B8B8B; padding:3px; margin:0px; background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: none; color: #8B8B8B}
.titlemedium a:hover { text-decoration: none; color: #58008b}

.maintitle { text-align:center; background-position:center; background-repeat: no-repeat;  vertical-align:middle;font-weight:bold; color:#000000; padding:8px 0px 8px 5px; background-image: url(http://i2.ifrm.com/5103/170/upload/p649.gif); 000000}

.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #000000 }
.maintitle a:hover {color: #fff; text-decoration:underline }

.plainborder { border:transparent;background-color: transparent}
.tableborder { border:0px solid #121212; background-color:#121212; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #121212;background-color:#292929;padding:6px;  }
.tablepad    { border:1px solid #121212; background-color:#242424;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:#8B8B8B}
.edit { font-size: 9px; color: #58008b }

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

.normalname { font-size: 12px; font-weight: bold; color: #003 }
.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:#F00; background-color:#FF0 }


#QUOTE { font-family:  Arial;  font-size: 11px; color: #fff; background-color: #000000; border-top:1px solid #000;border-bottom:1px solid #5A5A5A;border-left:1px solid #000;border-right:1px solid #5A5A5A; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE  { font-family:  Arial;  font-size: 11px; color: #fff; background-color: #000000; border-top:1px solid #000;border-bottom:1px solid #5A5A5A;border-left:1px solid #000;border-right:1px solid #5A5A5A; 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; color: #fff; border: 1px solid #000000; background-color: #242424; background-image: url();}

.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; font-family: verdana, helvetica, sans-serif; vertical-align: middle; color: #fff; border: 1px solid #000000; background-color: #242424; background-image: url();}



.thin { padding:3px 2px 3px 2px;line-height:140%;margin:2px 0px 2px 0px;border-top:3px double #121212;border-bottom:3px double #121212; background-color:#1D1D1D }

.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 }
.boardwidth { width: 874px; text-align: left; }




div.row4 {border-color: #121212!important;background-color:#242424;font-size:9px; color:#8B8B8B }

</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style type='text/css'>.tablepad { border:transparent;background-color: #242424; }</style>")}
</script>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1 ){document.write("<style type='text/css'>.tableborder { border:1px solid #121212;background-color: #242424}</style>")}
</script>
</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.row2 { background-color: #242424; background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif) }</style>")}
</script>
<style type="text/css">


</style>
<script language='javascript'>
if ( location.search.indexOf('act=Msg&CODE=')!=-1) {
document.write("<style>.titlemedium { background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif); #A07230; ) }</style>")}
</script>



</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>#submenu { background-image: url(http://); border-bottom:3px double #8B8B8B;border-top:3px double #8B8B8B; background-color: #242424) }</style>")}
</script>


</style>
<script language='javascript'>
if ( location.search.indexOf('act=site')!=-1) {
document.write("<style>.maintitle { background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif); #A07230;padding: 8px 0px 8px 5px; ) }</style>")}
</script>

</style>
<script language='javascript'>
if ( location.search.indexOf('showuser')!=-1) {
document.write("<style>.maintitle { background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif); #A07230;padding: 8px 0px 8px 5px; ) }</style>")}
</script>

</style>
<script language='javascript'>
if ( location.search.indexOf('act=Msg&CODE=')!=-1) {
document.write("<style>.maintitle { background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif); #A07230;padding: 8px 0px 8px 5px; ) }</style>")}
</script>

</style>
<script language='javascript'>
if ( location.search.indexOf('act=UserCP&CODE=')!=-1) {
document.write("<style>.maintitle { background-image: url(http://i2.ifrm.com/5103/170/upload/p343.gif); #A07230;padding: 8px 0px 8px 5px; ) }</style>")}
</script>

Offline Profile Quote Post Goto Top
 
Secksy J
Member Avatar
A.K.A Elementx
[ *  *  *  * ]
Nice job.
Offline Profile Quote Post Goto Top
 
Graff
Member Avatar
Member
[ *  *  * ]
Nice skin man, i'd have to admit..
Offline Profile Quote Post Goto Top
 
Menindrag
Member Avatar
a work in progress
[ *  *  *  *  *  *  * ]
A good looking skin. Have to comment on it. You know me (eait, you don't, eh?)

I like the maintitle. It's got kinda a glass effect but it's not too in ya face. Very Subtle. The Dr2 looks ugly fugly. If your going to use an EFS for the DR2, don't have it so it draws your attention to it. Takes it away from the skin. Add a div.tableborder to your skin. The Post view is very bland at the moment. Your submenu needs a border. It's just floating there at the moment.

I can't really comment on much more except you need borders in a couple of places and that's about it. Nice Skin

Offline Profile Quote Post Goto Top
 
icedragon225522
Member Avatar
Member
[ *  *  * ]
wow

thats all i got to say
Offline Profile Quote Post Goto Top
 
Kamikaze Master
Member
[ *  * ]
Nice skin.
Offline Profile Quote Post Goto Top
 
Levity
Member Avatar
Member
[ *  *  *  *  *  *  * ]
Looks good, i like the rows and TM not sure about the DarkRow2 though. Overall good skin keep it up :D
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
Not bad, I like the MT. Good job.
Offline Profile Quote Post Goto Top
 
kikiz2
Member
[ *  *  * ]
Wonderful colors, great skin 10/10
Offline Profile Quote Post Goto Top
 
ChaosOfMetroid
Member
[ * ]
Sweet! can i use this for my fourms?
Offline Profile Quote Post Goto Top
 
Mariofan12
Member
[ * ]
Wow, that is awesome, keep up the great work.
Offline Profile Quote Post Goto Top
 
DaNtE X
Member
[ *  *  *  *  *  *  * ]
ChaosOfMetroid
Nov 23 2005, 06:28 PM
Sweet! can i use this for my fourms?

That would be why the code is posted.

Nice skin, btw.
Offline Profile Quote Post Goto Top
 
Danielle2454
Member
[ * ]
I HAVE A COUPLE OF WORDS TO SAY: EXCEPTIONAL, WONDERFUL, EXCELLENT I LUV IT!!!!!!!!!!!!!!!!!!!! GREAT JOB!!!! :yes: :D
Offline Profile Quote Post Goto Top
 
Android X
Member Avatar
SZoutsider.
[ *  *  *  * ]
Whoa great skin, some Team Icons would go great with that.

Also some Forum Markers.
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply