View Full Version: Multiple Skins!

Majinken > Questions? Need help? > Multiple Skins!



Title: Multiple Skins!


Sunny - January 27, 2007 04:42 PM (GMT)
Well, I think one of our members here have webhosting and I need them to host some text documents so that I can put a code that will allow us to host multiple skins to our likings.

Sooo, who was it that said they had webhosting? Because I'll need to contact you when I get the documents put together. ^__^;

NuklearArel - January 27, 2007 04:45 PM (GMT)
I said I would host all the skins.

Sunny - January 27, 2007 05:12 PM (GMT)
So far I want:

Angelic Layer
Creamy Orango
Avid Blue
Crimsom Emerald
Emerald
Pink Past (MY FAVORITE)
Heart of an Angel
Ruby (Favorite!)
Green
Onyx
Black Tech
Mint Perennial

Done.

NuklearArel - January 28, 2007 06:17 AM (GMT)
Okay, I should have them all ready somewhere after noon (Eastern Time).
EDIT: Um, for Blue, you linked to the preview, and not the code.

Sunny - January 28, 2007 05:05 PM (GMT)
Forget about that one, I can't find it after searching .AF for every page. ;_; We got Avid Blue anyways, which is better. (IMO)

NuklearArel - January 28, 2007 05:32 PM (GMT)
Okay... I got them uploaded and all. But when I tried testing the code(s), it wouldn't read any of the skins. Will try other hosts.
EDIT: Two hosts and it won't work.
If anyone else wants to give a shot at it, here are the skins: http://www.freewebs.com/benpc91/Skins.zip
The codes I tested were: http://support.invisionfree.com/index.php?showtopic=19199
and
http://www.angelfire.com/creep/slcsucka/skin-selector.htm
EDIT: Okay, I'm trying one more host since people say it normall works.

Sunny - January 28, 2007 06:36 PM (GMT)
I got the css files and all...but I need a way to host it on the internet...anyone got any ideas on how to host text files onto the internet? Of course...rapidshare and filefront doesn't work because you have to go through ads and stuff to get to download it.

NuklearArel - January 28, 2007 06:48 PM (GMT)
Here's a list of free hosts I tried that won't work with it:

Freewebs
Geocities
Lycos
Angelfire

I got this code to work before on some other forum, but I forgot what the host was...
Anyone want to suggest another host?

Sunny - January 28, 2007 07:13 PM (GMT)
...? I tried Freewebs and it's just a site...darn it! I want a site that hosts TXT files like PB does to Images!
:angry:

NuklearArel - January 28, 2007 07:15 PM (GMT)
Um, Freewebs allows you to upload text files, basicly anything. It may be that I have advanced mode on?
I just remembered what host I used, so I'll try to get on it now.
EDIT: *mumble mumble*Free Trial over*mumble mumble* <_<

Sunny - January 28, 2007 07:17 PM (GMT)
Oh, well I'm a newbie at these hosts. My apolgies. :rolleyes:

NuklearArel - January 28, 2007 07:18 PM (GMT)
Okay! Last resort! Time to ask a certain person I know if he could host them!

Sunny - January 28, 2007 07:23 PM (GMT)
:o

All righty!! Tell us the results when you get to him. ~__~;

NuklearArel - January 28, 2007 07:39 PM (GMT)
For now, here's the current code:
CODE
<form>
<select onChange="changeskin(this.options[this.selectedIndex].value); window.location.reload();">
<option>Change Skin
<option>
<option value="Angel Layer"> Angel Layer
<option value="Creamy Orango"> Creamy Orango
<option value="Avid Blue"> Avid Blue
<option value="Crimson Emerald"> Crimson Emerald
<option value="Emerald"> Emerald
<option value="Pink Past"> Pink Past
<option value="Angel's Heart"> Angel's Heart
<option value="Ruby"> Ruby
<option value="Natural Green"> Natural Green
<option value="Onyx"> Onyx
<option value="Black Tech"> Black Tech
<option value="Mint Perenial"> Mint Perenial
</select>
</form>



<script language="JavaScript">
<!--

/*
Change Skin Script
Copyright © 2003 xMALEVOLENCEx
*/

var scheme = getCookie('template1');
if (scheme == 'Angel Layer') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/angellayer.css">');
} else if (scheme == 'Creamy Orango') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/creamyorango.css">');
} else if (scheme == 'Avid Blue') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/avidblue.css">');
} else if (scheme == 'Crimson Emerald') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/crimsonemerald.css">');
} else if (scheme == 'Emerald') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/emerald.css">');
} else if (scheme == 'Pink Past') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/pinkpast.css">');
} else if (scheme == 'Angel's Heart') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91theheartofanangel.css">');
} else if (scheme == 'Ruby') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/ruby.css">');
} else if (scheme == 'Natural Green') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/naturalgreen.css">');
} else if (scheme == 'Onyx') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/onyx.css">');
} else if (scheme == 'Black Tech') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/blacktech.css">');
} else if (scheme == 'Mint Perenial') {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/mintperenial.css">');
} else {
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.angelfire.com/planet/benpc91/crimsonemerald.css">');
}


function changeskin(change) {
var scheme = change;
var name = 'template1';
var pathname = location.pathname;
var myDomain = pathname.substring(0,pathname.lastIndexOf('/')) +'/';
var ExpDate = new Date ();
ExpDate.setTime(ExpDate.getTime() + (180 * 24 * 3600 * 1000));
setCookie(name,scheme,ExpDate,myDomain);
}
function getCookie(name){
var cname = name + "=";
var dc = document.cookie;
if (dc.length > 0) {
begin = dc.indexOf(cname);
if (begin != -1) {
begin += cname.length;
end = dc.indexOf(";", begin);
if (end == -1) end = dc.length;
return unescape(dc.substring(begin, end));
}
}
return null;
}

function setCookie(name, value, expires, path, domain, secure) {
document.cookie = name + "=" + escape(value) +
((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
((path == null) ? "" : "; path=" + path) +
((domain == null) ? "" : "; domain=" + domain) +
((secure == null) ? "" : "; secure");
}
-->
</script>

You could test it right now, it won't mess up anything, as long as you can keep track of where it is.

Sunny - January 28, 2007 07:42 PM (GMT)
Here goes nothing... >:)

EDIT: Insert in javascript right? Hmm...I see the option of changing skins but the option of commencing the action isn't there. XDD

EDIT 2: Nevermin, in the board wrappers. However...the skin does not change...

NuklearArel - January 28, 2007 07:58 PM (GMT)
That's exactly the same problem I got when I was testing it. Those hosts do not allow hotlinking to .css files.

Sunny - January 28, 2007 08:07 PM (GMT)
Hmmm I see...well, I tried something different now. And when you try to select a new skin, it just refreshes the page. So I'm guessing it's trying to work but something is preventing it. I'm trying to find out what's preventing it...Hmm...

NuklearArel - January 29, 2007 01:55 PM (GMT)
Okay, he's going to help me! He's first getting all of the skins hosted. This post will be edited unless someone posts after this.

Sunny - January 29, 2007 05:18 PM (GMT)
Gah, I couldn't find a darn thing on how to fix the stuff. @_@; Looks like it's come down to this.

NuklearArel - January 29, 2007 10:23 PM (GMT)
Okay, I'm very close to getting this code to work, but I first need you to change the skin to default before putting it to default.
Default Header:
CODE
<% BOARD HEADER %>
<% NAVIGATION %>
<% BOARD %>
<% STATS %>

Default Skin:
CODE
html { overflow-x: hidden; overflow-y: auto; }

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; margin:0px 10px 0px 10px;background-color:#FFF }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
a:link, a:visited, a:active { text-decoration: underline; color: #000 }
a:hover { color: #465584; text-decoration:underline }

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

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

.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:#777;background-color:#DFE6EF;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 #345487;background-color: #F5F9FD }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F5F9FD; border:1px solid #345487;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #345487;background-color: #3860BB;background-image:url(http://209.85.12.234/style_images/<#IMG_DIR#>/tile_back.gif);padding:0px;margin:0px; }
#submenu   { border:1px solid #BCD0ED;background-color: #DFE6EF;font-size:10px;margin:3px 0px 3px 0px;color:#3A4F6C;font-weight:bold;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:bold;font-size:10px;text-decoration: none; color: #3A4F6C; }
#userlinks { border:1px solid #C2CFDF; background-color: #F0F5FA }

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

.activeuserstrip { background-color:#BCD0ED; padding:6px }

.pformstrip { background-color: #D1DCEB; color:#3A4F6C;font-weight:bold;padding:7px;margin-top:1px }
.pformleft  { background-color: #F5F9FD; padding:6px; margin-top:1px;width:25%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformleftw { background-color: #F5F9FD; padding:6px; margin-top:1px;width:40%; border-top:1px solid #C2CFDF; border-right:1px solid #C2CFDF; }
.pformright { background-color: #F5F9FD; padding:6px; margin-top:1px;border-top:1px solid #C2CFDF; }

.post1 { background-color: #F5F9FD }
.post2 { background-color: #EEF2F7 }
.postlinksbar { background-color:#D1DCEB;padding:7px;margin-top:1px;font-size:10px; background-image: url(http://209.85.12.234/style_images/<#IMG_DIR#>/tile_sub.gif) }

.row1 { background-color: #F5F9FD }
.row2 { background-color: #DFE6EF }
.row3 { background-color: #EEF2F7 }
.row4 { background-color: #E4EAF2 }

.darkrow1 { background-color: #C2CFDF; color:#4C77B6; }
.darkrow2 { background-color: #BCD0ED; color:#3A4F6C; }
.darkrow3 { background-color: #D1DCEB; color:#3A4F6C; }

.hlight { background-color: #DFE6EF }
.dlight { background-color: #EEF2F7 }

.titlemedium { font-weight:bold; color:#3A4F6C; padding:7px; margin:0px; background-image: url(http://209.85.12.234/style_images/<#IMG_DIR#>/tile_sub.gif) }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #3A4F6C }

.maintitle { vertical-align:middle;font-weight:bold; color:#FFF; letter-spacing:1px; padding:8px 0px 8px 5px; background-image: url(http://209.85.12.234/style_images/<#IMG_DIR#>/tile_back.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF }
.maintitle a:hover { text-decoration: underline }

.plainborder { border:1px solid #345487;background-color:#F5F9FD }
.tableborder { border:1px solid #345487;background-color:#FFF; padding:0px; margin:0px; width:100% }
.tablefill   { border:1px solid #345487;background-color:#F5F9FD;padding:6px;  }
.tablepad    { background-color:#F5F9FD;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:#434951 }
.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: #465584; background-color: #FAFCFE; border: 1px solid #000; padding-top: 2px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px }
#CODE  { font-family: Courier, Courier New, Verdana, Arial;  font-size: 11px; color: #465584; background-color: #FAFCFE; border: 1px solid #000; 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 }
.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 { 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 }

You don't need to change the skin now, but you'll need to once I send you the code.
Psst... preview of the current code is here?.
Wait what?

Sunny - January 29, 2007 10:45 PM (GMT)
I see...well I customized the skin a bit more...awww...can't I put this on default? If not, then I'll have to document this skin, which I already did. XD

CODE
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="#000000" vlink="#000000"><body text="#000000" link="#000000" vlink="#000000" alink="#000000" leftmargin="2" topmargin="2" marginwidth="2" marginheight="0">
<table width="800" border="1" align="center" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF" height="628" bordercolor="#FFFFFF">
<tr>
<td width="90%" height="100%" bgcolor="#FFFFFF">
<% BOARD HEADER %>
<% NAVIGATION %>
<HR size="1" width="100%" color="#000000" />
<center><b><u>Member Group Legend</u></b></center>
<center><font color="black"><s>|Banned</s></font> <font color="black">|</font>
<font color="#FF9999">N00B</font> <font color="black">|</font>
<font color="#000000">Members</font> <font color="#000000">|</font>
<font color="#3300CC"><b>Veterans</b></font> <font color="black">|</font>
<font color="#006600"><b>Moderators</b></font> <font color="black">|</font>
<font color="#7D1212"><b>Administrators</b></font><font color=black>|</font>
<% BOARD %>
<% STATS %>
<HR size="1" width="100%" color="#000000" /></center>
<a href="http://nexgenwars.com/"><img src="http://nexgenwars.com/images/wii_forum2.jpg" width="398" height="25" alt="nexgenwars.com" border="0" /></a>
<a href="http://nexgenwars.com/"><img src="http://nexgenwars.com/images/ps3_forum2.jpg" width="398" height="25" alt="nexgenwars.com" border="0" /></a>
<a href="http://nexgenwars.com/"><img src="http://nexgenwars.com/images/x360_forum2.jpg" width="398" height="25" alt="nexgenwars.com" border="0" /></a>


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

form { display:inline; }
img  { vertical-align:middle; border:0px }
BODY { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #380707; margin:0px 10px 0px 10px;background-color:#7D1212 }
TABLE, TR, TD { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000000; }
a:link, a:visited, a:active { text-decoration: none; color: #610A0A }
a:hover { color: #A01010; text-decoration:underline }

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

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

.googleroot  { padding:6px; line-height:130% }
.googleparent { padding:6px; margin-left:30px; line-height:130%; color:#804555 }
.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:#333 }
.caldate  { text-align:right;font-weight:bold;font-size:11px;color:#F9F9F9;background-color:#770B0B;background-image: url(http://70.85.81.229/2783/74/upload/p2648.gif);padding:4px;margin:0px }
.caldate a:link, .caldate  a:visited, .caldate a:active { color: #F9F9F9;text-decoration:underline; }
.caldate a:hover { color:#F9F9F9;text-decoration:none; }

.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 #5B0000;background-color: #A09696 }
#ucpmenu p  { padding:2px 5px 6px 9px;margin:0px; }
#ucpcontent { background-color: #F9F9F9; border:1px solid #5B0000;line-height:150%; width:auto }
#ucpcontent p  { padding:10px;margin:0px; }

#ipsbanner { position:absolute;top:1px;right:5%; }
#logostrip { border:1px solid #A09696;background-color: #F5F5F5;background-image:url(http://);padding:0px;margin:0px; }
#submenu  { border:1px solid #A09696;background-color: #F5F5F5;font-size:10px;margin:3px 0px 3px 0px;color:#770B0B;font-weight:normal;}
#submenu a:link, #submenu  a:visited, #submenu a:active { font-weight:normal;font-size:10px;text-decoration: none; color: #770B0B; }
#submenu a:hover { color:#A01010; text-decoration:none; }
#userlinks { border:1px solid #A09696; background-color: #F9F9F9;background-image:url(http://70.85.81.229/2783/74/upload/p2697.gif); }

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

.activeuserstrip { background-color:#F9F9F9;background-image:url(http://70.85.81.229/2783/74/upload/p2721.gif); padding:5px }

.pformstrip { background-color: #F5F5F5;background-image: url(http://70.85.81.229/2783/74/upload/p2697.gif); color:#880D0D;font-weight:bold;padding:4px;margin-top:1px }
.pformleft  { background-color: #F9F9F9; padding:6px; margin-top:1px;width:25%; border-top:1px solid #A09696; border-right:1px solid #A09696; }
.pformleftw { background-color: #F9F9F9; padding:6px; margin-top:1px;width:40%; border-top:1px solid #A09696; border-right:1px solid #A09696; }
.pformright { background-color: #F9F9F9; padding:6px; margin-top:1px;border-top:1px solid #A09696; }

.post1 { background-color: #F9F9F9 }
.post2 { background-color: #F9F9F9 }
.postlinksbar { background-color:#F5F5F5;padding:5px;margin-top:1px;font-size:10px; background-image: url(http://70.85.81.229/2783/74/upload/p2697.gif) }

.row1 { background-color: #F9F9F9 }
.row2 { background-color: #F9F9F9 }
.row3 { background-color: #F9F9F9 }
.row4 { background-color: #F9F9F9 }

.darkrow1 { background-color: #F9F9F9; color:#880D0D; }
.darkrow2 { background-color: #F5F5F5;background-image:url(http://70.85.81.229/2783/74/upload/p2697.gif); color:#880D0D; padding:3px }
.darkrow3 { background-color: #F5F5F5;background-image:url(http://70.85.81.229/2783/74/upload/p2697.gif); color:#880D0D; }

.hlight { background-color: #F9F9F9 }
.dlight { background-color: #F9F9F9 }

.titlemedium { font-weight:bold; color:#880D0D; padding:4px; margin:0px;background-color:#F9F9F9; background-image: url(http://70.85.81.229/2783/74/upload/p2697.gif);font-size:10px }
.titlemedium  a:link, .titlemedium  a:visited, .titlemedium  a:active  { text-decoration: underline; color: #880D0D;font-size:10px }

.maintitle { text-align:center;vertical-align:middle;font-weight:normal; color:#000000; letter-spacing:1px; padding:7px 0px 7px 5px;background-color:#F5F5F5; background-image: url(http://70.85.81.229/2783/74/upload/p2648.gif) }
.maintitle a:link, .maintitle  a:visited, .maintitle  a:active { text-decoration: none; color: #FFF;font-weight:normal; }
.maintitle a:hover { text-decoration: underline;font-weight:normal; }

.plainborder { border:1px solid #5B0000;background-color:#A28282 }
.tableborder { border:1px solid #5B0000;background-color:#A09696; padding:0px; margin:0px; width:100% }
.tablefill  { border:1px solid #A09696;background-color:#FFF;padding:6px;  }
.tablepad    { background-color:#F5F5F5;border:1px solid #A09696;padding:6px }
.tablebasic  { width:100%; padding:0px 0px 0px 0px; margin:0px; border:0px }

div.row4 { border-color: #DCDCDC!important;}

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

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

.signature  { font-size: 10px; color: #990000 }
.postdetails { font-size: 10px; color:#555 }
.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: normal; color: #A01010 }

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

#QUOTE { font-family: Verdana, Arial; font-size: 11px; color: #902C2C; background-color: #F7F7F7; 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: #902C2C; background-color: #F7F7F7; border: 1px solid #DCDCDC; 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>

<span style='color:#FFFFFF'><center><span style='color: FFFFFF'>Banner made by: </span> <a href=http://z6.invisionfree.com/Majinken/index.php?showuser=4><b><span style='color:#FFFFFF'><b>Bunnywisk</b></span></a>. Skin: <b>Crimson Emerald</b> designed by <b>Zeus00</b> of the <b><a href="http://invisionfree.com/forums/ifskinzone/index.php" target="_blank"><span style='color:#FFFFFF'>IF Skin Zone</span></a></b>.</center><style type='text/css'></span>

.codebuttons  { font-size: 10px;color:#A01010; font-family: verdana, helvetica, sans-serif; vertical-align: middle;border:1px solid #A09696;background-color:#FFF; }
.forminput, .textinput, .radiobutton, .checkbox  { font-size: 11px; color:#A01010;font-family: verdana, helvetica, sans-serif; vertical-align: middle;border:1px solid #D8D8D8;background-color:#FFF; }

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

.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 }
</style><script language='javascript'>
if ( location.search.indexOf('showtopic')!=-1 ){document.write("<style>.row4 { background-image: url(http://70.85.81.229/2783/74/upload/p2721.gif) }}</style>")}
</script>


EDIT: I hope it's not too much to ask, but is it possible to have all the skins keep everything under NAVIGATION? ^__^;

NuklearArel - January 29, 2007 10:50 PM (GMT)
Okay, for some reason the skin Crimson Emerald is giving me the most troubles. I don't know why. I'll test your edit to see if it'll make any difference.
EDIT: ...
Say Goodbye to Crimson Emerald, because for some reason, it doesn't cooperate at all with this code! So keep this as default for now to see how it works.

Sunny - January 29, 2007 10:53 PM (GMT)
Thanks. ^__^ By the way, how are the new Topic Buttons? =D "ADD REPLY, NEW TOPIC", etc. I'm pretty sure these won't be affected because they're separate images.

NuklearArel - January 29, 2007 10:56 PM (GMT)
No, it's not affected.
EDIT: Okay, Crimson Emerald is now the default, it works perfect for all skins (that I tested so far), so you can keep your default skin.

Sunny - January 29, 2007 11:03 PM (GMT)
*VICTORY*

:lol:

NuklearArel - January 29, 2007 11:14 PM (GMT)
The skins "Emerald" and "Natural Green" have been dropped.
Emerald because it just leads to the default skin.
Natural Green because it closes my browser everytime I try to use it :blink: .
Code's almost done, but I sure hope I won't have to drop anymore skins.
EDIT: Found the problem with Natural Green. Scratch that.

Sunny - January 29, 2007 11:17 PM (GMT)
EMERALD NOOOOOOOOOOOOOO!!!!!!!!!!!! That was...a green version of the Ruby skin. XDDD (Too bad there wasn't Sapphire)




Hosted for free by InvisionFree