Well, this is my first skin EVER!!! Please post your comments/compliments/complaints/whatever. I’d like to know your thoughts on this one. Also, if you use this, can you post the link to yuo site so I can see it? Hope you like!

Live Preview HEYAH

NOTE -- Images are included in the codes, except the images you need to put in via ‘Customize Images’. This image is used for most of the Info Center Icons (Calendar, Info, Birthdays, Online). The font that I used for the images and coding is called ‘Just Realize’ (hehe) which you can download for free HERE. The skin is best viewed when you have his font.

[/i][/center][/blockquote][/blockquote]

IMAGES[/i][/u]

Banner
Blank Banner
Blank Side Table Image
Background
-------------------------------
Info Center Image
On
Off

COLORS[/i][/u]

Background Color: c2dbec
Fixed Background: Yes
Auto Gradients: No
Text Color: 4a5862
Link Color: 4a5862
Active Link Color: 4a5862
Visited Link Color: 4a5862
Title Background Color: 9bb9ce
Title Text Color: 4a5862
Category Background Color: 9bb9ce
Category Text Color: 4a5862
News Title Background Color: 9bb9ce
News Title Text Color: 4a5862
News Background Color: 9bb9ce
News Text Color: 4a5862
Window Background 1: c2dbec
Window Background 2: c2dbec
Board Highlight Color: c2dbec
Thread Highlight Color: c2dbec
Table Border Color: 4a5862
---------------------------
Background Color: c2dbec
Text Color: 4a5862
Title Background Color: 9bb9ce
Title Text Color: 4a5862

CODES[/i][/u]

Global Headers
<style type="text/css">
<!--
.menubg a {
font-family: Just Realize;
font-size: 16px;
}
-->
</style>

<script type="text/javascript">
var menu = document.getElementsByTagName('td');
for(e=0; e<menu.length; e++){
if(menu[e].className.match(/menubg/i)){
menu[e].innerHTML = menu[e].innerHTML.replace(/(\[)/gi,'');
menu[e].innerHTML = menu[e].innerHTML.replace(/(\])/gi,'');
}}
</script>

<script>
document.getElementsByTagName('font')[1].style.display="none";
document.getElementsByTagName('td')[2].style.display="none";
</script>

<script>
<!--
/* Border-Around-Forum using Gradients - by Smangii */

var hg = "titlebg"; // Class of the Header Gradient
var mc = "#dfecf5"; // Color of the middle portion
var bg = "titlebg"; // Class of the Footer Gradient

document.write('<table width="950px" cellspacing="1" cellpadding="4" class="bordercolor" align="center"><tr><td width="100%" class="'+hg+'"></td></tr><tr><td width="100%" bgcolor="'+mc+'">')
//-->
</script>

<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Header
===== -->

<script>
// Resize the welcome table - can be % or a number of pixels
document.getElementsByTagName('table')[0].style.width='700px';
</script>

<style type="text/css">
#sidetables { width: 200px; margin-bottom: 20px; margin-right: 20px; }
</style>

<table width="700px" align="center" cellpadding="0px" cellspacing="0px">
<tr>
<td vAlign="top">

<!-- ===== BOX #1 START ===== -->
<table id="sidetables" cellpadding="4px" class="bordercolor" cellspacing="1">
<tr><td align="center" class="windowbg">
<img src="http://i53.tinypic.com/28gscxx.png" alt="some_text"/><br /><br />
Welcome y'all, to <b><i>Just Realize</b></i>!<br><br><br><font size="1">i lovez ze butterflies</font>
</td></tr></table>

<!-- ===== BOX #2 START ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="windowbg">
<img src="http://i52.tinypic.com/ekgxeb.png" alt="some_text"/><br /><br />
<a href="http://www.chesskintest1.proboards.com/index.cgi?action=viewprofile&user=admin"><img src="http://1.bp.blogspot.com/_N8RZCJrRAx4/StS2odPhuAI/AAAAAAAACuQ/PLPY7w7nuJw/s0/Nemos.png" alt="Butterfly" height="100" /><br>CheshireCat</a>
</td></tr></table>

<!-- ===== BOX #3 START ===== -->
<table id="sidetables" class="bordercolor" cellpadding="4" cellspacing="1">
<tr><td align="center" class="windowbg">
<img src="http://i55.tinypic.com/2yycpsn.png" alt="some_text"/><br /><br />
Skin © to <a href="http://smangii.proboards.com/index.cgi?action=viewprofile&user=cheskat5" target="_blank">CheshireCat</a> of <a href="http://smangii.proboards75.com">Slightly Insane</a>. All content © to members. Layout Codes from <a href="http://smangii.proboards75.com">Slightly Insane</a> and <a href="http://support.proboards.com">Proboards Support</a>.

</td></tr></table>

<! -- ***NOTE*** Place any extra added side tables above this line // -->
</td><td align="center" vAlign="top" width="100%">

<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>

Global Footers
<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Footer
===== -->

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '100%';
}}}
//-->
</script>

</td></tr></table>

<script>
<!--
document.write('</td></tr><tr><td width="100%" class="'+bg+'"></td></tr></table>')
//-->
</script>