Shattered Dreams ... Piccu [done]

[Pyrite]

Banner: fc08.deviantart.net/fs70/f/2011/008/7/1/can_you_hear_my_plea__by_shattereddust-d36r4op.png

Preview: skinstestings.proboards.com/index.cgi

[Pyrite]

Skin Stuff: i52.tinypic.com/2ms4nqh.png

Global Headers:
<!--BACKGROUND CENTER-->
<style type="text/css">
<!--
body
{background-position: center top;
background-attachment: fixed;background-repeat: yes;}
.titlebg{border:0px; cellspacing:0px;}
-->
</style>
<!--END BACKGROUND CENTER-->
 
<style>
a:hover{color:#a9e1e7; background-color:#31717a; text-decoration: none}
.catbg {text-align: center;}
#forumjump { display: none; }
</style>
<script type="text/javascript">
<!--
document.getElementsByClassName("titlebg").cellspacing="0";
document.getElementsByTagName('td').item(2).style.display="none";
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<script>
<!--
/* Border-Around-Forum using Images - by Smangii */

var hi = "http://i54.tinypic.com/qp1839.png";
var mi = "http://i56.tinypic.com/fxqpn6.png";
var bi = "http://i53.tinypic.com/k4v9mb.png";

document.write('<table width="830" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" width="100%"><img src="'+hi+'"></td></tr><tr><td width="100%" style="background-image: url('+mi+');">')
//-->
</script>
<script type="text/Javascript">
<!--
/* Remove Welcome Table Borders by Smangii */
var wel = document.getElementsByTagName("table")[0];
wel.className = "";
wel.cellSpacing = 0;
//-->
</script>

<script type="text/javascript">
<!--
/* fix text menus by ross */

var startChar = ''; //Start character
var dividerChar = '-'; //Dividing Character(s);
var endChar = ''; //End character

//no need to edit below
var menu = document.getElementsByTagName('td').item(5).firstChild;
var a = menu.innerHTML.replace(/^\n?(<.+?>)\[/, startChar+' $1');
var b = a.replace(new RegExp('\\](<\/a>)(\\n|\\s|&nb'+'sp;)*$', 'i'), '$1 '+endChar);
var c = b.replace(new RegExp('\\](<\/a>)(&nb'+'sp;|\\s)(<a.+?>)\\[', 'gi'),'$1 '+dividerChar+' $3');
menu.innerHTML = c;
//-->
</script>
<script type="text/javascript">
<!--
// PM + Menu (Text Version)
// Created By Eichi
// This header must stay intact at all times for use.
// This code may not be redistributed or reposted without creator's permission.

// Do not edit below
var TD = document.getElementsByTagName('td');

// Choose your alignments here (make sure to make them opposite)
var menuAlign = "left";
var pmAlign = "right";
var menu = TD[5].innerHTML;

// Do not edit below
if(menuAlign=="right" && pmAlign=="left"){
if(TD[2].innerHTML.match("Hey, ")){
TD[5].align = menuAlign;
var userPM = TD[2].innerHTML.match(/action=pm">(\d+)/i); userPM = RegExp.$1;
var usernPM = TD[2].innerHTML.match(/<\/a>,\s(\d+)\s/i); usernPM = RegExp.$1;
var msgText = "message";
var msgText2 = "message";
if(usernPM == 1){ msgText="message"; } else {msgText="messages";}
if(usernPM == 1){ msgText2="message"; } else {msgText2="messages";}
TD[5].innerHTML = "<table cellspacing=0 width=100%><tr><td align="+pmAlign+"><font size=1>Total: "+userPM+" | New: "+usernPM+" | <a href=index.cgi?action=pm title='Check your PM inbox.'>PMs<\/a> </td><td align="+menuAlign+">"+menu+"</td></tr></table>";
TD[2].style.display = "none";
} else {
if(TD[2].innerHTML.match("Welcome ")){
TD[5].align = menuAlign;
TD[5].innerHTML = "<table cellspacing=0 width=100%><tr><td align="+pmAlign+"><font size=1>Hello, Guest. Please <a href=index.cgi?action=login>Login</a> or <a href=index.cgi?action=register>Register</a>.</td><td align="+menuAlign+">"+menu+"</td></tr></table>"
TD[2].style.display = "none";
}}}
if(menuAlign=="left" && pmAlign=="right"){
if(TD[2].innerHTML.match("Hey, ")){
TD[5].align = menuAlign;
var userPM = TD[2].innerHTML.match(/action=pm">(\d+)/i); userPM = RegExp.$1;
var usernPM = TD[2].innerHTML.match(/<\/a>,\s(\d+)\s/i); usernPM = RegExp.$1;
var msgText = "message";
var msgText2 = "message";
if(usernPM == 1){ msgText="message"; } else {msgText="messages";}
if(usernPM == 1){ msgText2="message"; } else {msgText2="messages";}
TD[5].innerHTML = "<table cellspacing=0 width=100%><tr><td align="+menuAlign+">"+menu+"</td><td align="+pmAlign+"><font size=1>Total: "+userPM+" | New: "+usernPM+" | <a href=index.cgi?action=pm title='Check your PM inbox.'>PMs<\/a> </td></tr></table>";
TD[2].style.display = "none";
} else {
if(TD[2].innerHTML.match("Welcome ")){
TD[5].align = menuAlign;
TD[5].innerHTML = "<table cellspacing=0 width=100%><tr><td align="+menuAlign+">"+menu+"</td><td align="+pmAlign+"><font size=1>Hello, Guest. Please <a href=index.cgi?action=login>Login</a> or <a href=index.cgi?action=register>Register</a>.</td></tr></table>"
TD[2].style.display = "none";
}}}
//-->
</script>
<br/>
 
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>
<script type="text/javascript">
<!--

/*
* Dynamically Tabbed Welcome Table v2
* Generated by the DTT Generator
* Created By Jordan a.k.a. Triad
* http://support.proboards.com
*/

var DTT = {

selected:
{
id: "BN",
listItem: {}
},

$: function(id)
{
if(id)
return document.getElementById(id);
return false;
},

init: function()
{
var tCookie = this.getCookie();

if(tCookie.tab)
{
this.toggleTab(tCookie.tab);
}

if(tCookie.show == "0")
{
this.$("pro_collapse").style.display = "none";
}
},

setCookie: function(tab, show)
{
var tTab = "";
var tShow = "";
var tCookie = this.getCookie();

if(tab)
tTab = tab;
else
tTab = (tCookie.tab) ? tCookie.tab : this.selected.id;

if(show)
tShow = show;
else
tShow = (tCookie.show) ? tCookie.show : "1";

document.cookie = "DTTData=tab=" + encodeURI(tTab) + "|show=" + encodeURI(tShow) + ";expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
},

getCookie: function()
{
if(document.cookie.match(new RegExp("DTTData=(.+?)($|;)","gi")))
{
var data = decodeURI(RegExp.$1);

return {
tab: data.split("=")[1].split("|")[0],
show: data.split("=")[2]
};
}

return false;
},

toggleTab: function(id)
{
var newID = id.substr(4);

if(this.selected.id != newID && this.$(id))
{
if(this.$("nav_" + this.selected.id))
{
this.$("nav_" + this.selected.id).className = "tabbg";
this.$("pro_" + this.selected.id).style.display = "none";
}

this.selected.id = newID;
this.$("nav_" + this.selected.id).className = "tabbgselected";
this.$("pro_" + this.selected.id).style.display = "";

this.setCookie(id, false);
}
},

toggleTable: function()
{
if(this.$("pro_collapse").style.display == "")
{
this.$("pro_collapse").style.display = "none";
this.setCookie(false, "0");
}
else
{
this.$("pro_collapse").style.display = "";
this.setCookie(false, "1");
}
},

toggleListItem: function(id, name)
{
if(this.selected.listItem[id])
{
if(this.selected.listItem[id].name == name)
{
if(this.selected.listItem[id].object.style.display == "")
{
this.selected.listItem[id].object.style.display = "none";
this.$("pro_" + id + "_default").style.display = "";
}
else
{
this.$("pro_" + id + "_default").style.display = "none";
this.selected.listItem[id].object.style.display = "";
}
return true;
}
else
this.selected.listItem[id].object.style.display = "none";
}

this.selected.listItem[id] = {
name: name,
object: this.$("pro_" + id + "_" + name)
};

this.$("pro_" + id + "_default").style.display = "none";
this.selected.listItem[id].object.style.display = "";
}
};

//-->
</script>

<style type="text/css">
<!--

.tabbg {
background-color: #062026;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
}

.tabbgselected {
background-color: #082b33;
border-bottom: 1px solid #0a3640;
border-right: 1px solid #000000;
}

#pro_tabs td, #pro_sidebar td {
font-size: 10pt;
font-weight: bold;
text-align: center;
}

#pro_tabs td {
width: 12%;
cursor: pointer;
}

#pro_content {
font-size: 10pt;
text-align: left;
padding: 10px;
}

#pro_threads {
font-size: 10pt;
font-weight: bold;
line-height: 1.5em;
text-align: left;
}

-->
</style>

<table width="92%" align="center" cellspacing="1" cellpadding="0" class="bordercolor">
<tr>
<td class="titlebg" align="center" colspan="2" style="padding: 4px; cursor: pointer;" onclick="DTT.toggleTable();">
<font size="2">
Our Community
</font>
</td>
</tr>
<tr id="pro_collapse" style="display:;">
<td width="70%" align="center" class="windowbg" valign="top">
<table width="100%" cellspacing="0" cellpadding="4">
<tr id="pro_tabs">
<td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_welcome">Welcome</td>
<td class="tabbgselected" onclick="DTT.toggleTab(this.id);" id="nav_BN">Bark News</td>
<td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_sea">Season</td>
<td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_new7">Credits</td>
<td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_st">Staff</td>
<td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_new9">OTMs</td>
<td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_new8">Bark Box</td>
<td class="tabbg" onclick="DTT.toggleTab(this.id);" id="nav_new3" style="border-right: none;">IC News</td>
</tr>
<tr>
<td class="windowbg" id="pro_content" colspan="8">
<div id="pro_welcome" style="display: none;">
<center><p><u><font=scribble><b>Welcome to Shattered Dreams!</b></u></p>
<p><i>We are happy for you to stop in. Feel free to simply <a href="/index.cgi?action=register">register</a> to join us and be part of the world of wolves.</p>
<p>We are a beginner to advanced fantasy wolf rpg site. We have many areas and interesting things to do. Our members and staff are very helpful, kind, and creative so don't be shy to ask anything. We also have many activities to do for your wolves, such as gatherings, events, and especially a store for many interesting items to buy!<br /><span style="margin-left: 20px;">

</span>
<p>We also include a cbox on the site for you to chat and have fun with the others. If you need help or have any questions, feel free to ask me or one of our staff members.</i></font></p></center>






<p><b>Your lovely admin, Xenna</b></p>

</div>
<div id="pro_BN">
Nothing new at the moment....
</div>
<div id="pro_sea" style="display: none;">
<b><center><u>Spring</u></center></b>

<p><center><img src="http://img703.imageshack.us/img703/9808/springy.jpg"></center></p>


<p><i><center>The first spring breezes in Zrxia. Frost and the harsh cold snow is starting to melt away, bringing the poppies and fresh green grass back to life. Cherry blossoms are blooming, but there is still trouble out there in the shadows. Food is scarce but you might find some delicious moose out in the fields!!!


</div>
<div id="pro_new7" style="display: none;">
<center>Site © Senna<br>Codes © Slightly Insane and PB Support<br>Banner and skin © <a href="http://charismatic-studios.proboards.com/" target="_blank">Pyrite of Charismatic Studios</a><br>Background © JadedReality @ DA<br>If images from this site is stolen, we will immediately contact proboards. Second founder is Micci, co-admin, and third founder is Masked, Code moderator



</div>
<div id="pro_st" style="display: none;">
<center><b><u>Staff Members</u></b></center>


<p><center><b>Xenna</b></center></p>

<center><p>Administrator</p></center>


<p><center><b>Micci</b></center><?p>

<center><p>Co-Admin</p></center>


<center><p><b>Masked</b></p></center>

<center><p>Code Moderator</p></center>

</div>
<div id="pro_new9" style="display: none;">
<p><b><center>MOTM</center></b></p>



<p><b><center>COTM</center></b></p>



<p><b><center>POTM</center></b></p>



<p><b><center>TOTM</center></b></p>




</div>
<div id="pro_new8" style="display: none;">
<font size="1"><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="245" height="224" src="http://www2.cbox.ws/box/?boxid=2110207&boxtag=vlmmt6&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#223C56 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="245" height="75" src="http://www2.cbox.ws/box/?boxid=2110207&boxtag=vlmmt6&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#223C56 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</div>
<div id="pro_new3" style="display: none;">
Nothing new at the moment...
</div>
</td>
</tr>
</table>
</td>
<td width="30%" class="windowbg" valign="top">
<table width="100%" cellspacing="0" cellpadding="4">
<tr id="pro_sidebar">
<td align="center" class="tabbg" style="border-right: none;">
Wolf Links
</td>
</tr>
<tr>
<td class="windowbg" valign="top">
<div id="pro_threads">

<div style="margin: 5px 0px 0px 20px;">
<a href="/">Link One</a><br />
- <a href="/">Link Two</a><br />
- <a href="/">Link Three</a><br />
- <a href="/">Link Four</a><br />
- <a href="/">Link Five</a><br />
- <a href="/">Link Six</a>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>


<script type="text/javascript">
<!--

DTT.init();

//-->
</script>



Global Footer:
<script type="text/javascript"><!--
/* Fully Editable Javascript Affiliate Table v2
optimized by moneyman18, original idea by iPokemon
Edit as necessary
Do not redistribute without explicit consent given from creator.
*/
var table_width = "830px"; //Width of Table
var table_height = "50px"; //Height of Table
var affiliates_bar = "Affiliates"; //Title of Table
var target = "_blank"; //Open affiliate in new tab or not. If you want it in the same window, change it to _self
var border = 0; //Images Border
var scrollamount = 4; //How fast the marquee is
var direction = "left"; //Direction of Marquee

var affs = new Array();
//affs[#] = ["Forum Name", "Image URL", "Site Url"];
//Edit as instructed
affs[0] = ["Forum Name", "http://erinuki-images.comlu.com/code_images/open_affiliate_banner3.png", "Site Url"];
affs[1] = ["Forum Name", "http://erinuki-images.comlu.com/code_images/open_affiliate_banner3.png", "Site Url"];
affs[2] = ["Forum Name", "http://erinuki-images.comlu.com/code_images/open_affiliate_banner3.png", "Site Url"];
affs[3] = ["Forum Name", "http://erinuki-images.comlu.com/code_images/open_affiliate_banner3.png", "Site Url"];
affs[4] = ["Forum Name", "http://erinuki-images.comlu.com/code_images/open_affiliate_banner3.png", "Site Url"];


/* !@%^&# DO NOT EDIT BELOW HERE #&^%@! */
document.write('<table width="'+table_width+'" height="'+table_height+'" cellpadding="4" cellspacing="1" align="center" class="bordercolor"><tr><td width="100%" class="titlebg" align="center"><b>'+affiliates_bar+'</b></td></tr><tr><td width="100%" class="windowbg2" align="center"><marquee scrollamount="'+scrollamount+'" direction="'+direction+'" onMouseOver="this.stop();" onMouseOut="this.start();">');
for(i=0;i<affs.length;i++){
document.write(' <a href="'+affs[i][2]+'" target="'+target+'"><img src="'+affs[i][1]+'" title="'+affs[i][0]+'" alt="'+affs[i][0]+'" border="'+border+'" /></a> ');
}
document.write('</marquee></td></tr></table>');
//--></script>
<script>
<!--
document.write('</td></tr><tr><td width="100%" align="center"><img src="'+bi+'"></td></tr></table>')
//-->
</script>
<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Footer
===== -->

</td></tr></table>
 
<!-- SIDE TABLES GLOBAL FOOTERS //-->
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '830';
}}}
//-->
</script>
</td></tr></table>
<!-- END SIDE TABLES GLOBAL FOOTERS //-->



[Pyrite]

Main Footer:
<script type="text/javascript">
<!--
var TD = document.getElementsByTagName('td');
for(t=0; t<TD.length; t++)
{
if(TD[t].colSpan == '2' && TD[t].innerHTML.match('Forum Name'))
{
TD[t].colSpan = '1';
}
if(TD[t].width == '8%' && TD[t].className == 'windowbg')
{
TD[t].style.display = "none";
}
}
// -->
</script>


BG: i55.tinypic.com/au86cn.png