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
Classy Black
Topic Started: Jun 22 2007, 03:33 PM (956 Views)
badjimbob
Member
[ * ]
Name: Classy Black
Created: June 20th
SKin #: IDk
Preview: Here
Images:Notes: If you would like a banner to match, send me a E-mail.

CSS
 

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

form { display:inline; }
img { vertical-align:middle; border:0px }
BODY { font-family:Tahoma,Verdana; Arial; sans-serif; font-size: 10px; color: #65ae65; margin: 0px 0px 0px 0px; background-color:#333333; background-image: url(http://i6.ifrm.com/10293/177/upload/p2377222.gif) }
TABLE, TR, TD { font-family: Tahoma,Verdana; Arial; sans-serif; font-size: 10px; color: #8D8D8E; }
a:link, a:visited, a:active { text-decoration: none; color: #65ae65}
a:hover { color: #000000; text-decoration: }

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

img.attach {padding:2px }

#ipbwrapper { text-align:left; width: 800px;padding:10px; background-color: #F9F9F9;border:1px solid#53676D; 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:#8D8D8E;border:1px solid #000000; background-color: #F0F0F0; background-image: url(http://i1.ifrm.com/9987/103/upload/p44573.gif);padding:6px;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: #414141; background-image: url(http://) }
#ucpmenu p { padding:2px 5px 6px 9px;margin:0px; }
#ucpmenu .maintitle {background-image: url(http://i6.ifrm.com/10293/177/upload/p2382221.png); border: 0px solid #000000}


#ucpcontent { background-color: #414141; background-image: url(http://); border:1px solid #000000;line-height:150%; width:auto }
#ucpcontent p { padding:10px;margin:0px; }
#ucpcontent .maintitle {background-image: url(http://i6.ifrm.com/10293/177/upload/p2382170.png);  border: 0px solid #000000}


#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #000000;margin-bottom:2px;background-color: #F0F0F0;background-image:url(http://);padding:0px;margin:0px; }
#logostrip { display:none;}
.banner { background-color: #333333;background-image:url(http://i6.ifrm.com/10293/177/upload/p2377419.gif);padding:0px;margin:0px; border: 1px solid #000000; }

#submenu { border:1px solid #000000;background-color: #F0F0F0; background-image: url(http://); font-size:10px;margin:3px 0px 3px 0px;color:#8D8D8E;font-weight:bold;}
#submenu { display:none;}
#submenu a:link, #submenu a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #637C83; }
#userlinks { border:1px solid #000000; border-bottom: 0px solid #000000; background-color: #414141; background-image: url(http://i6.ifrm.com/10293/177/upload/p2382559.gif); }

#navstrip { font-weight:bold;background-image: url();border: 1px solid #000000;padding:6px 0px 6px 0px; background-color: #414141; text-indent: 3px; }
#navstrip img {display: none; }

.activeuserstrip { background-color:#00ff00; background-image: url(http://i6.ifrm.com/10293/177/upload/p2383420.png);border: 1px solid #333333; padding:6px }

.pformstrip { background-color: #000000; background-image: url(http://i6.ifrm.com/10293/177/upload/p2383420.png); color:#;font-weight:normal;padding:5px;margin-top:1px }

div.pformstrip { background-color: #414141; background-image: url(http://i6.ifrm.com/10293/177/upload/p2383420.png); color:#;font-weight:normal;padding:5px;margin-top:1px;border-top:1px solid#000000;border-bottom:1px solid#000000; }
table.tableborder td.pformstrip {border-left:1px solid#000000;border-right:1px solid#000000;border-bottom:1px solid#000000;}

.pformleft { background-color: #414141; background-image: url(http://); padding:6px; margin-top:1px;width:25%; border-left:1px solid #000000;border-top:1px solid#333333; border-right:1px solid #333333;border-bottom:1px solid #333333; }
.pformleftw { background-color: #414141; background-image: url(); padding:6px; margin-top:1px;width:40%; border-top:1px solid #000000;border-left:1px solid#000000; border-right:1px solid #000000; }
.pformright { background-color: #414141; background-image: url(http://); padding:6px; margin-top:1px;border-top:1px solid #414141;border-right:1px solid #000000;border-left:1px solid #414141;border-bottom:1px solid #333333; }

.post1 { background-color: #414141;border-top:1px solid#FFF;border-right:1px solid#FFF; background-image: url(http://) }
.post2 { background-color: #414141;border-top:1px solid#FFF;border-right:1px solid#FFF; background-image: url(http://) }
.postlinksbar { background-color:#F0F0F0;padding:5px;border-right:1px solid#DEDBDB;border-left:1px solid#DEDBDB;margin-top:1px;font-size:10px; background-image: url(http://i6.ifrm.com/10293/177/upload/p2385760.png) }
.postlinksbar  a:link, .postlinksbar  a:visited, .postlinksbar a:active, .postlinksbar a:hover {font-weight: normal; }

.row1 { background-color: #414141;border:1px solid#000000;border-right:1px solid #414141; background-image: url(http://) }
.row2 { background-color: #414141;border-top:1px solid#000000;border-right:1px solid #414141; background-image: url(http://) }
.row3 { background-color: #414141;border-top:1px solid#000000;border-right:1px solid #414141; background-image: url(http://) }
.row4 { background-color: #414141;border-top:1px solid#000000;border-right:1px solid #414141; background-image: url(http://) }
.row4 div.row4 { border: 1px solid #000000;background-image:none; }

.darkrow1 { background-color: #333333; background-image: url(); color:#8D8D8E; }
.darkrow2 { background-color: #414141; background-image: url(http://i6.ifrm.com/10293/177/upload/p2385760.png); color:#000000; }
div.darkrow2 { background-color: #414141; background-image: url(); color:#8D8D8E;border:1px solid#DEDBDB;border-top:none; }
.darkrow3 { background-color: #000000; background-image: url(http://i6.ifrm.com/10293/177/upload/p2383420.png); color:#8D8D8E; }

.hlight { background-color: #333333; border-top:1px solid#000000;border-right:1px solid#fff; background-image: url(http://) }
.dlight { background-color: #414141;border-top:1px solid#FFF;border-right:1px solid#000000; background-image: url(http://) }

.titlemedium { font-weight:normal; color:#65ae65; padding:5px; margin:0px; background-color: #000000; background-image: url(http://i6.ifrm.com/10293/177/upload/p2383420.png);  }
.titlemedium a:link, .titlemedium a:visited, .titlemedium a:active { text-decoration: underline; color: # }

.maintitle { vertical-align:middle;border-bottom:1px solid #000000;font-weight: normal; color: #65ae65; letter-spacing:1px; padding: 10px 0px 0px 0px; background-color: #; background-image: url(http://i6.ifrm.com/10293/177/upload/p2377530.png); text-align: center;}
.maintitle a:link, .maintitle a:visited, .maintitle a:active { text-decoration: none; color: #65ae65}
.maintitle a:hover { text-decoration: underline;color:#000000; }
.maintitle img {display: none; }


.plainborder { border:0px solid #000000;background-color:#000000; }
.plainborder .maintitle {text-align: center; background-position: center; background-image:url(http://i6.ifrm.com/10293/177/upload/p2425236.png); ; background-repeat: repeat-x}

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

.signature { font-size: 10px; color: #8D8D8E ;}
.signature {height:200px; overflow-y:hidden;}
.postdetails { font-size: 10px }
.postcolor { font-size: 12px; line-height: 160% }

.normalname { font-size: 12px; font-weight: normal; color: #8D8D8E }
.normalname a:link, .normalname a:visited, .normalname a:active { font-size: 12px }
.unreg { font-size: 11px; font-weight: bold; color: #8D8D8E }

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

#QUOTE { font-family:Tahoma,Verdana, Arial; font-size: 11px; color: #000000; background-color: #b67274; background-image: url(http://); border: 1px solid #000000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }

#CODE { font-family:Tahoma,Courier, Courier New, Verdana, Arial; font-size: 11px; color: #000000; background-color: #b67274; 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 }

.codebuttons { font-size: 10px; font-family:Tahoma,verdana, helvetica, sans-serif; vertical-align: middle;background-image: url();border:1px solid #000000;color: #8D8D8E;background-color:#414141; }

.forminput, .textinput, .radiobutton, .checkbox { font-size: 10px; font-family:Tahoma,verdana, helvetica, sans-serif; vertical-align: middle;background-image: url(http://img250.imageshack.us/img250/9698/pstkw1.g);border:1px solid #000000;color: #8d8d8e;  BACKGROUND-POSITION: 100% top; background-color:#333333; background-repeat: repeat-x;}

.thin { padding:0px 3px 6px 0px;line-height:140%;margin:2px 2px 2px 0px;background-image: url(http://i6.ifrm.com/10293/177/upload/p2383420.png);border:1px solid #000000;color: #8D8D8E;background-color:#333333; text-indent: 2px; }

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


.maintable a:link, .maintable a:visited, .maintable a:active { color: #65ae65;}
.maintable a:hover { color: #282625; }
.borderleft  { width: 21px; background-color: #EAEAEB; background-image: url(http://i6.ifrm.com/10293/177/upload/p2377296.gif); background-position: left; }
.borderright  { width: 21px; background-color: #EAEAEB; background-image: url(http://i6.ifrm.com/10293/177/upload/p2377297.gif); background-position: right; background-repeat: none}

.customsubmenu
{ font-weight:bold;background-image: url();border: 1px solid #000000;padding:6px 0px 6px 0px; background-color: #414141; text-indent: 3px; }


.customsubmenu a {
font-weight:normal;
font-size:10px;
text-decoration: none;
color: #868688;

padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 10px;
background-image:url(http://i6.ifrm.com/10293/177/upload/p2382354.gif); }

.customsubmenu a:hover {
font-weight:normal;
font-size:10px;
text-decoration: none;
color: #000000;
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;

padding-right: 10px;
border: 1px solid #000000;
background-image:url(http://i6.ifrm.com/10293/177/upload/p2382370.gif); }

#borderright {
BORDER-RIGHT: #000000 0px solid; PADDING-RIGHT: 15px; BORDER-TOP: #000000 0px solid; PADDING-LEFT: 500px; BACKGROUND-IMAGE: url(http://i6.ifrm.com/10293/177/upload/p2352200.gif); PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #000000 0px solid; WIDTH: 34px; PADDING-TOP: 0px; BORDER-BOTTOM: #000000 0px solid; BACKGROUND-COLOR: #000000
}

div.row4 { background-color: #333333; border: 1px solid #000000; background-image: url(http://i6.ifrm.com/10293/177/upload/p2379717.gif); }



JavaScript
 

<SCRIPT LANGUAGE="JavaScript">
<!--
function stopError() {
return true;
}
window.onerror = stopError;
// -->
</SCRIPT>

Edit everything in RED, red is links.
green is the banner.
Header&Body
 

<br>
<body bgcolor="#333333" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000">
<center><table cellpadding="0" cellspacing="0" width="800" bgcolor="#333333"><tr><center><table cellpadding="0" cellspacing="0" width="800" bgcolor="#333333">
<tr>
<td><img src="http://i6.ifrm.com/10293/177/upload/p2380598.gif" /></td><td width="100%" background="http://i6.ifrm.com/10293/177/upload/p2380250.gif"></td><td><img src="http://i6.ifrm.com/10293/177/upload/p2380665.gif" /></td></tr>
<tr>
<td background="http://i6.ifrm.com/10293/177/upload/p2380238.gif"><img src="http://i6.ifrm.com/10293/177/upload/p2380238.gif"/></td><td style="padding: 0px 0px 0px 0px">
<div class="banner" align="left" width="100%">
<img src="http://i6.ifrm.com/10293/177/upload/p2382610.gif"></div>
<table width="100%" >
<td class="customsubmenu"  align='center' width="100%">
<a href="http://ifuniverse.com">Idex</a><a href='http://ifuniverse.com/index.php?act=boardrules'>T.O.S</a><a href="http://ifuniverse.com/index.php?act=Help">Help</a><a href='http://ifuniverse.com/index.php?act=Members'>Members</a><a href='http://ifuniverse.com/index.php?act=calendar'>Calendar</a>
</td>
</table>

<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>


Footers
 

<script type='text/javascript'><!--
d = document.getElementsByTagName('DIV')
a = document.getElementsByTagName('TABLE')
i = document.getElementsByTagName('IMG')
for (y = 0; y<i.length; y++) {
if ( i[y].src.match(/bar_left.gif/) ) { i[y].src="http://i6.ifrm.com/10293/177/upload/p2428878.gif" } else if ( i[y].src.match(/bar.gif/) ) { i[y].src="http://i6.ifrm.com/10293/177/upload/p2428880.gif" } else if ( i[y].src.match(/bar_right.gif/) ) { i[y].src="http://i6.ifrm.com/10293/177/upload/p2428886.gif" } }
// --></script>

</td><td background="http://i6.ifrm.com/10293/177/upload/p2380265.gif"><img src="http://i6.ifrm.com/10293/177/upload/p2380265.gif" /></td></tr>
<tr>
<td><img src="http://i6.ifrm.com/10293/177/upload/p2380720.gif" /></td><td background="http://i6.ifrm.com/10293/177/upload/p2380943.gif">Skin and graphics by: <b>BigDirt</b>. <a href="http://inkdropstyles.com">InkDrop Styles</a> | <a href="http://forums.ifskinzone.net">IFSZ</a></td><td><img src="http://i6.ifrm.com/10293/177/upload/p2380716.gif" /></td></tr></table><br/>
Offline Profile Quote Post Goto Top
 
Roman boi
Member Avatar
Member
[ *  * ]
=]]]]]]]]]]]] love it but the green letter should be silver =] but hey still better then any thing i can make
Offline Profile Quote Post Goto Top
 
Peter
Member Avatar
Care for a quiche?
[ *  *  *  *  *  * ]
It would be nice if the SZ copyright link in your code actually worked instead of just being half an <a> tag ;)
Offline Profile Quote Post Goto Top
 
hvh
Member Avatar
Member
[ * ]
nicely done :D
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Dark · Next Topic »
Add Reply