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
[Skin] DarkWindows; First Skin; By -Neo Metallix-
Topic Started: Jan 25 2010, 10:57 AM (143 Views)
Reid
Member Avatar
È una trappola!

This topic has been moved from our official support board.

Originally posted by: -Neo Metallix-
[Skin
 
DarkWindows; First Skin]Welp this is my first skin.....


Didn't know what to call it lol. Comments?

Preview

CSS

Code:
 
html { overflow-x: hidden; overflow-y: auto; }
form { display:inline; }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #979797; margin:0px 10px 0px 10px; background-color:#282F30; scrollbar-face-color: #313637; scrollbar-shadow-color: #262A2B; scrollbar-highlight-color: #262A2B; scrollbar-3dlight-color: #42494A; scrollbar-darkshadow-color: #42494A; scrollbar-track-color: #181a1b; scrollbar-arrow-color: #718D9B; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: black; }
#ipbwrapper { text-align: left;width: 75%;margin-left: auto;margin-right: auto; }
a:link, a:visited, a:active { text-decoration: underline;color: #000; }
a:hover { text-decoration: underline;color: #9FBEF0; }
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
img.attach { padding: 2px;border: 2px outset #EEF2F7; }
.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;padding: 4px;margin: 0px;color: #777;background-color: #ECECEC; }
.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%;background-color: #ECECEC;border: 1px solid #000000; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;background-color: #ECECEC;border: 1px solid #000000; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { padding: 0px;margin: 0px;background-color: #3860BB;border: 1px solid #000000;background-image: url(http://i1.ifrm.com/518/52/upload/p166647.gif); }
#3860BB;border: 1px solid #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=166632); }
#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #000000;background-color: #ECECEC;border: 1px solid #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=166632); }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
#userlinks { background-color: #ECECEC;border: 1px solid #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 6px;background-color: #ECECEC;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=166632); }
.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #000000;background-color: #F5F5F5;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167187); }
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #F5F5F5; }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #F5F5F5; }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #C2CFDF;background-color: #F5F5F5; }</style>
<style type="text/css">
.signature { font-size: 10px;line-height: 150%;color: #339; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #339; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #000000; }
.post1 { background-color: gray; border-top:1px solid #595B5D; }
.white { background-color: #FFFFFF; }
.post2 { background-color: #3E4445; border-top:1px solid #595B5D; }
.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #ECECEC; }
background-color:#282F30; scrollbar-face-color: #313637; scrollbar-shadow-color: #262A2B; scrollbar-highlight-color: #262A2B; scrollbar-3dlight-color: #42494A; scrollbar-darkshadow-color: #42494A; scrollbar-track-color: #181a1b; scrollbar-arrow-color: #718D9B; }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 11px;color: black; }
#ipbwrapper { text-align: left;width: 75%;margin-left: auto;margin-right: auto; }
a:link, a:visited, a:active { text-decoration: underline;color: #000; }
a:hover { text-decoration: underline;color: #9FBEF0; }
fieldset.search { padding: 6px;line-height: 150%; }
label { cursor: pointer; }
form { display: inline; }
img { vertical-align: middle;border: 0px; }
img.attach { padding: 2px;border: 2px outset #EEF2F7; }
.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;padding: 4px;margin: 0px;color: #777;background-color: #ECECEC; }
.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%;background-color: #ECECEC;border: 1px solid #000000; }
#ucpmenu p { padding: 2px 5px 6px 9px;margin: 0px; }
#ucpcontent { line-height: 150%;width: auto;background-color: #ECECEC;border: 1px solid #000000; }
#ucpcontent p { padding: 10px;margin: 0px; }
#ipsbanner { position: absolute;top: 1px;right: 5%; }
#logostrip { padding: 0px;margin: 0px;background-color: #3860BB;border: 1px solid #000000;background-image: url(http://i1.ifrm.com/518/52/upload/p166647.gif); }
#3860BB;border: 1px solid #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=166632); }
#submenu { font-size: 10px;margin: 3px 0px 3px 0px;font-weight: bold;color: #000000;background-color: #ECECEC;border: 1px solid #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=166632); }
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight: bold;font-size: 10px;text-decoration: none;color: #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
#userlinks { background-color: #ECECEC;border: 1px solid #000000;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
#navstrip { font-weight: bold;padding: 6px 0px 6px 0px; }
.activeuserstrip { padding: 6px;background-color: #ECECEC;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=166632); }
.pformstrip { font-weight: bold;padding: 7px;margin-top: 1px;color: #000000;background-color: #F5F5F5;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167187); }
.pformleft { padding: 6px;margin-top: 1px;width: 25%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #F5F5F5; }
.pformleftw { padding: 6px;margin-top: 1px;width: 40%;border-top: 1px solid #C2CFDF;border-right: 1px solid #C2CFDF;background-color: #F5F5F5; }
.pformright { padding: 6px;margin-top: 1px;border-top: 1px solid #C2CFDF;background-color: #F5F5F5; }</style>
<style type="text/css">
.signature { font-size: 10px;line-height: 150%;color: #339; }
.postdetails { font-size: 10px; }
.postcolor { font-size: 12px;line-height: 160%; }
.normalname { font-size: 12px;font-weight: bold;color: #339; }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px; }
.unreg { font-size: 11px;font-weight: bold;color: #000000; }
.post1 { background-color: gray; border-top:1px solid #595B5D; }
.white { background-color: #FFFFFF; }
.post2 { background-color: #3E4445; border-top:1px solid #595B5D; }
.postlinksbar { padding: 7px;margin-top: 1px;font-size: 10px;background-color: #ECECEC; }
.row1 { background-image: url(http://img386.imageshack.us/img386/6308/rowstone1fp.jpg); }
.row2 { background-position: left; background-image: url(http://img386.imageshack.us/img386/6308/rowstone1fp.jpg); }
.cell1 { color: #FFFFFF;background-color: #ECECEC;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
.row3 { background-image: url(http://img386.imageshack.us/img386/6308/rowstone1fp.jpg); }
.row4 { background-image: url(http://img386.imageshack.us/img386/6308/rowstone1fp.jpg); }
.darkrow1 { color: #000000;background-color: #FFFFFF;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
.darkrow2 { color: #000000;background-color: #FFFFFF;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
.darkrow3 { color: #000000;background-color: #ECECEC;background-image: url(http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=Attach&type=post&id=167108); }
.hlight { background-color: #ECECEC; }
.dlight { background-color: #ECECEC; }

.maintitle { vertical-align:middle;font-weight:bold; color:black; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://s4.invisionfree.com/The_Shizzinator/index.php?act=Attach&type=post&id=239401) }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none;color: #FFF; }
.maintitle a:hover { text-decoration: underline; }
.plainborder { background-color: black;border: 1px solid white; }
.tableborder { background-color: 000000;border: 1px solid #000000; background-image: url(http://img161.imageshack.us/img161/4341/p4776849825su.jpg) }
.tablefill { padding: 6px;background-color: #FFFFFF;border: 1px solid #000000; }
.tablepad { padding: 6px;background-color: #F5f5f5; }
.tablebasic { width: 100%;padding: 0px 0px 0px 0px;margin: 0px;border: 0px; }
.wrapmini { float:left;line-height:1.5em;width:30%; background-color: grey; border: 1px solid #000; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; margin: 2px;}
.pagelinks { float: left;line-height: 1.2em;width: 35%; }
.desc { font-size: 10px;color: #434951; }
.edit { font-size: 9px; }
.searchlite { font-weight: bold;color: #F00;background-color: #FF0; }
#QUOTE { white-space: normal;font-family: Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #465584;background-color: #FAFCFE;border: 1px solid #000; }
#CODE { white-space: normal;font-family: Courier, Courier New, Verdana, Arial;font-size: 11px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;padding-left: 2px;color: #465584;background-color: #FAFCFE;border: 1px solid #000; }
.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; }
.forminput, .textinput, .radiobutton, .checkbox { font-size: 11px;font-family: verdana, helvetica, sans-serif;vertical-align: middle; }
.thin { padding: 6px 0px 6px 0px;line-height: 140%;margin: 2px 0px 2px 0px;border-top: 1px solid #FFF;border-bottom: 1px solid #FFF; }
.purple { font-weight: bold;color: purple; }
.red { font-weight: bold;color: red; }
.green { font-weight: bold;color: green; }
.blue { font-weight: bold;color: blue; }
.orange { font-weight: bold;color: #F90; }
.link a:link, .link a:visited, .link a:active
{ text-decoration: none; color: #3a4f6c; font-size: 10px;font-weight:bold }
.link a:hover { text-decoration: none;font-size: 10px;font-weight:bold
<STYLE TYPE="text/css"><!--
BODY {
scrollbar-arrow-color:#CEA028;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#1C1C1C;
scrollbar-face-color:#1C1C1C;
scrollbar-highlight-color:#1C1C1C;
scrollbar-darkshadow-color:#1C1C1C;
scrollbar-3dlight-color:#9A9A9A;
}
//--></STYLE>


This goes in the header/body

Code:
 
<center>
<table border="0" cellpadding="0" width="700" height="100%"
cellspacing="0" align="center">
<tr width="100%">
<td id="LeftBorder" width="11" bgcolor="#292D2E"
background="http://img217.imageshack.us/img217/5825/leftcopy0ju.jpg"
rowspan="2"><img border="0"
src="http://img217.imageshack.us/img217/5825/leftcopy0ju.jpg" /><br><br><br>
</td>
<td width="Width" valign="top">
<td id="RightBorder" width="11"
background="http://img217.imageshack.us/img217/374/rightcopy8ev.jpg"
bg="transparent" rowspan="2"><img border="0"
src="http://img217.imageshack.us/img217/374/rightcopy8ev.jpg" />
</tr>
<tr>
<td width="800">
<center>
<table border="0" bordercolor="#292D2E" cellpadding="0"
cellspacing="0" width="800">
<tr><td bgcolor="#292D2E">
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>
<script language="javascript">
// IPB Icon Legend Box
// created by Ryan Fan/Nitrogenix
// http://www.http://invisionfree.com/directory.php?cat=29 , 2005
x = document.getElementsByTagName('div')
for(y=0;y<x.length;y++){
if(x[y].className == "wrapmini" && x[y].innerHTML.match(/Open Topic/i)){
x[y].style.display = "none"
z = x[y].innerHTML
}
if(x[y].className == "wrapmini" && x[y].innerHTML.match(/Poll/i)){
x[y].style.display = "none"
j = x[y].innerHTML
}
if(x[y].innerHTML.match(/Search this forum/i)){
x[y].style.display = "none"
n = x[y].innerHTML
}}
l = document.getElementsByTagName('a')
for(i=0;i<l.length;i++){
if(l[i].innerHTML.match(/Mark This Forum as read/i)){
l[i].parentNode.style.display = "none"
r = l[i].parentNode.innerHTML
}}
document.write('<table cellPadding="4" cellSpacing="0" width="100%" border="0" class="tableborder"><tr><td class="row4">' + z + '</td>' + '<td class="row4">' + j + '</td>' + '<td class="row4" align="right">' + n + '</tr></td>' + '</table></div>')
</script>
<!-- Code made by IF Board //-->
<table width="100%" height="22px" cellspacing="0" cellpadding="7">
<tr><br>
<td class="darkrow2"><table cellspacing="0" id="gfooter">
<tr>
<td width="45%"><form action="http://s14.invisionfree.com/IFBoard" name="skinselectorbox" method="post">
<input type="hidden" name="skinurlbits" value="showtopic=433379" />
<select name="skinid" onchange="chooseskin(this)">
<optgroup label="Skin Selector">
<option value='61' selected="selected">Dark Windows</option><!--CHILDREN:61-->
</optgroup>
</select>
</form> <form action="http://s14.invisionfree.com/IFBoard" name="langselectorbox" method="post">
<input type="hidden" name="langurlbits" value="" />
<select name="langid" onchange="chooselang(this)">
<optgroup label="Language">
<option value='en' selected="selected">English</option>
</optgroup>
</select>
</form></td>
<td width="7%" align="center" nowrap="nowrap"><a href="http://s14.invisionfree.com/IFBoard/ar/"><b><font color=#FFFFFF>Lo-Fi Version</b></font></a></td>
<td width="45%" align="right" nowrap="nowrap">
<font color=#FFFFFF>Time is now: <SCRIPT>
document.write(Date()+" ")
</SCRIPT><font color=#8394B2>_</font></font>
<br /></td>
</tr>
</table>
<script type='text/javascript'>
//<![CDATA[
menu_do_global_init();//]]>
</script>
</b></a></td>
</tr>
</table>
<script type='text/javascript'>
<!--
// index only code, by Stefan
e = document.getElementById('navstrip')
if (e && e.tagName == 'DIV') {
ls = e.getElementsByTagName('A')
if (ls.length == 1 && ls[0] == e.lastChild) {
document.write('<style type="text/css">.indexonly{display:inline;}</style>')
}}
// -->
</script>
<CENTER><font color="black">Skin created by <B>Ace</B> of <B><A HREF="http://s3.invisionfree.com/SportscarsCom_Forum/index.php?act=idx" TARGET="_BLANK" style="color:black">The Haphazard Community</A></B>.</CENTER></font>


This goes in the footer:
Code:
 
<script>
/*
iFusion Board Stats
Created by Webworldx

*/

//Text Change
var iTD = document.getElementsByTagName('TD')
for(i=0;i<iTD.length;i++){
if(iTD[i].className=="row4" && iTD[i].width=="95%" && iTD[i].innerHTML.match(/(.+) guests\, (.+) members\, (.+) anonymous members/i)){
var guestsNum = RegExp.$1
var membersNum = RegExp.$2
var anonyNum = RegExp.$3
iTD[i].innerHTML="Guests Online: " + RegExp.$1 + "<BR />Members Online: " + RegExp.$2 + " - " + iTD[i].getElementsByTagName('DIV')[0].innerHTML + "<BR />Hidden Users: " + RegExp.$3
}

//minutes hide
if(iTD[i].className=="pformstrip" && iTD[i].innerHTML.match(/in the past \d+ minutes/i)){
iTD[i].innerHTML=RegExp.leftContext + " on this board [<a href='http://sx.invisionfree.com/x/index.php?act=Online&CODE=listall&sort_key=click'>Who's Online</a>]"
}
}
</script>
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Skin Galleries · Next Topic »
Add Reply