Magnificent 9 {Christmas Theme}

rosepetals
New Member

Posts: 1

Magnificent 9 {Christmas Theme} Dec 21, 2008 6:34:21 GMT -5

Quote

Post by rosepetals on Dec 21, 2008 6:34:21 GMT -5

This is the first complete skin I have made, so please reply and let me know what you think. Thanks to Nya's help with the codes, I was able to do this. I hope it's liked!

Live Preview:
magnificent9.proboards.com

FORUM COLORS
Skin Name: Magnificent 9
Font: Times New Roman
BG Color: 003300
BG Image Fixed: No
Auto Gradients: Yes
Gradient Height: 27
Text Color: EEE9E9
Link Color: 00FF00
Active Link Color: 00FF00
Visited Link Color: 800000
Title BG Color: 008000
Title Text Color: 006600
Category BG Color: 006600
Category Text Color: 008800
News Title BG Color: 006633
News Title Text Color: ff6633
News BG Color: 006633
News Text Color: ff6633
Window BG 1: 330000
Window BG 2: 660000
Board Highlight Color: 669966
Thread Highlight Color: 669966
Table Border Color: 00cc33

POPUP WINDOW COLORS
BG Color: 00ff66
Text Color: 339966
Title BG Color: 339966
Title Text Color: 00ff66

Global Header:

<style type="text/css">
<!--
.titlebg {background-image: url(http://i263.photobucket.com/albums/ii150/Tinkerbell_Enchanted/Greengradient.jpg); background-repeat: repeat;}
-->
</style>
 
<style type="text/css">
<!--
.catbg {background-image: url(http://i263.photobucket.com/albums/ii150/Tinkerbell_Enchanted/RedSandpapergradient.jpg); background-repeat: repeat;}
-->
</style>
 
<style type="text/css">
<!--
.windowbg {background-image: url(http://i263.photobucket.com/albums/ii150/Tinkerbell_Enchanted/GreenBG1.jpg); background-repeat: repeat;}
-->
</style>
 
<style type="text/css">
<!--
.windowbg2 {background-image: url(http://i263.photobucket.com/albums/ii150/Tinkerbell_Enchanted/GreenBG2.jpg); background-repeat: repeat;}
-->
</style>
 
<style type="text/css">
<!--
.welcomebg {background-image: url(http://i263.photobucket.com/albums/ii150/Tinkerbell_Enchanted/Spraypaintgradient.gif); background-repeat: repeat;}
-->
</style>

Global Footer:

<SCRIPT LANGUAGE="JavaScript">
<!--
tablew = document.getElementsByTagName('TABLE');
for(t=0;t<tablew.length;t++) {
if(tablew[t].width=="92%"){
tablew[t].width='50%';
}
}
// -->
</script>

Main Header:

<table align="center" border="0" width="92%" cellspacing="0" cellpadding="0" class="bordercolor">
<tr>
<td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
<td class="titlebg" align="center" colspan="3">
<font color="000000" size="2">
<b>Support Forum Info</b>
</font>
</td>
</tr>
<tr>
<td width="20%" valign="top" class="windowbg">
content of left box
</td>
<td width="60%" class="windowbg2" valign="top">
content of main center box
</td>
<td width="20%" valign="top" class="windowbg">
content of right box
</td>
</tr>
</table>
</td>
</tr>
</table>

Main Footer:

<table align="center" border="0" width="70%" cellspacing="0" cellpadding="0" class="bordercolor">
<tr>
<td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
 
<td class="titlebg" align="center" colspan="4">
<font color="FFFFFF" size="2">
<b><center><font style="filter:glow(color=white, strength=2); height: 2;">Affiliates</font></center></b>
</font>
</td>
</tr>
<tr>
</td>
<td width="20%" valign="top" class="windowbg">
<center><a href="URL OF AFFILIATE THREAD"><img src="YOUR IMAGE FOR PEOPLE WANTING TO AFFILIATE TO CLICK THAT TAKES THEM TO THE AFFILIATING PAGE" width=88 height=31 border=0 alt="Affiliate?"></a></a></center>
 
</td>
<td width="30%" class="windowbg2" valign="top">
<!-- Begin Mini Banners -->
<P>
 
<marquee height="33" width="400" onmouseover="this.stop()" onmouseout="this.start()" direction="left" scrollamount="3" style="Filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=40, FinishX=0, FinishY=0);"><font face="verdana" color="#000000">
 
<center>
 
<a href="URL OF SITE" target ="_blank"><img src= "MINI BANNER URL OF SITE" height="31" width="88" border="0" alt ="SITE NAME"></a>
 
</center></font></marquee>
 
<!-- End Mini Banners -->
 
</td>
<td width="20%" valign="top" class="windowbg">
<img src="YOUR MINI BANNER URL"> <textarea rows="3" name="S1" cols="20"><a href="YOUR SITE URL" target ="_blank"><img src= "YOUR MINI BANNER URL AGAIN" height="31" width="88" border="0" alt ="YOUR SITE NAME"></a></textarea></form></textarea></form>
</td>
</tr>
</table>
</td>
</tr>
</table>
 
<table align="center" border="0" width="70%" cellspacing="0" cellpadding="0" class="bordercolor">
<tr>
<td>
<table cellpadding="4" cellspacing="1" border="0" width="100%">
<tr>
<td class="titlebg" align="center" colspan="3">
 
<font color="FFFFFF" size="2">
<b>Topsites</b>
</font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" valign="top">
<center>
 
This is where you put Topsites Codes.
 
</center>
</td>
</tr>
</table>
</td>
</tr>
</table>

Blank Banner:

Title BG:

Category BG

Window BG

Window BG 2

Welcome BG

Nya Duprie Webmistress Posts: 184	Magnificent 9 {Christmas Theme} Feb 24, 2009 23:20:27 GMT -5 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Nya Duprie on Feb 24, 2009 23:20:27 GMT -5 Interesting skin. ^^

owl New Member Posts: 29	Magnificent 9 {Christmas Theme} Mar 7, 2009 18:52:57 GMT -5 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by owl on Mar 7, 2009 18:52:57 GMT -5 i agree, but i think it would look better, with a background.

Post by rosepetals on Dec 21, 2008 6:34:21 GMT -5

Post by Nya Duprie on Feb 24, 2009 23:20:27 GMT -5

Post by owl on Mar 7, 2009 18:52:57 GMT -5

Quick Reply