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
Lost in grey
Topic Started: Aug 3 2004, 04:33 PM (15,714 Views)
the future
Member Avatar
Skins:24 WOWs:3 Battle:3/2
[ *  *  *  * ]
Author: The Future and Robb

Skin Number: For me it is 20 and for robb it is 131

Date Finished: 7/3/04

Notes: A few days back when robb got home we did this skin, i just got done fixing it up and now i am posting it, Robb did the maintitle and the advanced css touchups of the skin, the rest was me. I think it is my best skin, and one of his :)....i like it, and the fact that it is a dark skin is good too :)

Preview: HERE
Posted Image


Code

Code:
 
<body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="3" topmargin="3" marginwidth="3" marginheight="0">
<table width="768" border="0" align="center" cellpadding="3" cellspacing="0" bgcolor="#555555" height="377" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000">
<tr>
<td width="100%" height="100%" bgcolor="555555" bordercolor="#000000" bordercolorlight="#000000" bordercolordark="#000000"> </script>
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


CSS

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #181818; margin: 5px 9px 5px 4px; background-color:#555555; background-image: url(http://) }
TABLE, TR, TD { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color: #181818; }
a:link, a:visited, a:active { text-decoration: underline; color: #181818 }
a:hover { color: #B95F0C; text-decoration:none }

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

img.attach { border:2px outset #EEF2F7;padding:2px }

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

.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;color:#000000;background-color:#4A4A4A; background-image: url(http://);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 #000000;background-color: #4A4A4A; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #4A4A4A; background-image: url(http://); border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;background-color: #4A4A4A;background-image:url(http://);padding:0px;margin:0px; }
#submenu { border:1px solid #000000;background-color: #4A4A4A; background-image: url(http://i1.ifrm.com/1161/42/upload/p2767915.jpg); font-size:10px;margin:3px 0px 3px 0px;color:#000000;font-weight:bold;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #181818; }
#userlinks { border:1px solid #000000; background-color: #4A4A4A; background-image: url(http://i1.ifrm.com/1161/42/upload/p2767923.jpg) }

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

.activeuserstrip { background-color:#444444; background-image: url(http://); padding:6px }

.pformstrip { background-color: #4A4A4A; background-image: url(http://i1.ifrm.com/1161/42/upload/p2767903.jpg); color:#B95F0C;font-weight:bold;padding:5px;margin-top:1px }
.pformleft { background-color: #4A4A4A; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformleftw { background-color: #4A4A4A; background-image: url(http://); padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000; border-right:1px solid #000000; }
.pformright { background-color: #4A4A4A; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #000000; }

.post1 { background-color: #4A4A4A; background-image: url(http://) }
.post2 { background-color: #4A4A4A; background-image: url(http://) }
.postlinksbar { background-color:#444444;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://) }

.row1 { background-color: #4A4A4A; background-image: url(http://) }
.row2 { background-color: #4A4A4A; background-image: url(http://) }
.row3 { background-color: #4A4A4A; background-image: url(http://) }
.row4 { background-color: #4A4A4A; background-image: url(http://) }

.darkrow1 { background-color: #444444; background-image: url(http://); color:#000000; }
.darkrow2 { background-color: #4A4A4A; background-image: url(http://i1.ifrm.com/1161/42/upload/p2767898.jpg); color:#000000; }
.darkrow3 { background-color: #4A4A4A; background-image: url(http://); color:#000000; }

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

.titlemedium { font-weight:bold; color:#B95F0C; padding:5px; margin:0px; background-color: #4A4A4A; background-image: url(http://i1.ifrm.com/1161/42/upload/p2767903.jpg) }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: #B95F0C }

.maintitle { vertical-align:middle; text-align:center; font-weight:bold; color:#000000; letter-spacing:1px; padding:8px 0px 8px 5px; background-color: #4A4A4A; background-image: url(http://i1.ifrm.com/1161/42/upload/p2767891.jpg); background-position:center; }
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #000000 }
.maintitle a:hover { text-decoration: none }

.plainborder { border:1px solid transparent;background-color:transparent }
.tableborder { border:1px solid #555555;background-color:#000000; padding:0px; margin:0px; width:100% }
.tablefill { border:1px solid #000000;background-color:#4A4A4A; background-image: url(http://);padding:6px; }
.tablepad { background-color:#434343; background-image: url(http://);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:#181818 }
.edit { font-size: 9px }

.signature { font-size: 10px; color: #339 }
.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: Verdana, Arial; font-size: 11px; color: #000000; background-color: #975D28; background-image: url(http://); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE { font-family: Courier, Courier New, Verdana, Arial; font-size: 11px; color: #000000; background-color: #975D28; background-image: url(http://); border: 1px solid #000000; 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 }

</style><center>This skin was created by <b>The Future and Robb</b> of the <b><a href="http://ifskinzone.net" target="_blank">IF Skin Zone</a></b></center><style type="text/css">

.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; background-color="#555555"; }

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

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

 

Edited by Helena, Feb 16 2013, 06:37 PM.
Offline Profile Quote Post Goto Top
 
Replies:
Tomb
Member
[ * ]
That's awesome man. Just be better if ya made the text orange or white or some kind of light grey so that it is easier to see ^_^ good job
Offline Profile Quote Post Goto Top
 
devin09-ZNR
Member
[ * ]
i love this skin...but i have a question. currently the skin only occupies about 80% of the screen (meaning there're a few inches of blank background on the right and left side of the screen). is there a way i can extend it to fit the monitor (the default invisionfree skin is fit-to-screen)?
Offline Profile Quote Post Goto Top
 
Wise One
Member
[ * ]
This one is a winner. I Wow all the way. I'm using it on my site. Very fine job, you two.
Offline Profile Quote Post Goto Top
 
n!kko
Member
[ * ]
hey man that is really awesome! could you possibly do something to it for me?
could you make the orange diff colors to match this banner for my clans website?
Posted Image

Dude that would be so freakin awesome if you could do that for me... i hope your still around here...
Offline Profile Quote Post Goto Top
 
Emistar
Member
[ * ]
This is a wonderful skin, I like the contrast between the grey and the orange especially.
Offline Profile Quote Post Goto Top
 
Klarkus-ZNR
Member
[ * ]
I like the colours
Offline Profile Quote Post Goto Top
 
punk-emo-rocker
Member Avatar
Buffalo buffalo Buffalo buffalo buffalo buffalo Buffalo buffalo.
[ *  *  *  *  *  *  * ]
WOW!
Offline Profile Quote Post Goto Top
 
Darkmystery
Member
[ *  *  * ]
good skin you made here buddy.
Offline Profile Quote Post Goto Top
 
ReisArcher
Member
[ * ]
Rox
Offline Profile Quote Post Goto Top
 
king arthu45
Member
[ * ]
nice dude keep up the good work
Offline Profile Quote Post Goto Top
 
AOTS7
Member
[ *  * ]
that is a cool skin.
Offline Profile Quote Post Goto Top
 
bewler
Member
[ * ]
excellent skin
Offline Profile Quote Post Goto Top
 
<AFH>XaviEr
Member
[ * ]
whoa nice skin
Offline Profile Quote Post Goto Top
 
Bloddykiller
Member
[ * ]
nice one
Offline Profile Quote Post Goto Top
 
alainmeyer1
Member
[ * ]
Nuthin THAT new but good....
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