Please login or register. Welcome to the Studio, guest!


Quick Links:


newBookmarkLockedFalling

Silent

Silent Avatar

***
Dedicated Member

155


September 2009




Creator: SilentDeath

Live Preview: Click

Download: Click

Extra Info: Second completed skin. :P



Colors:

Text Color: 000000
Link Color, Active, and Visited: 003399
Category Color: 000000

Everything else, is default.



The Codes:

Global Header
<script>
<!--
/* Border-Around-Forum using Images - by Smangii */

var hi = "http://i46.tinypic.com/2a62r7q.jpg";
var mi = "http://i49.tinypic.com/2wclgk6.jpg";
var bi = "http://i49.tinypic.com/119v3gm.jpg";

document.write('<table width="92%" 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 Background, Leave only Menu Bar */
document.getElementsByTagName("tr")[0].style.display="none";
// -->
</script>
<script type="text/javascript">
<!--
/* transparent welcome table */

var td = document.getElementsByTagName("td");
var tt = document.getElementsByTagName("table")[0];
tt.style.backgroundColor = "transparent";
tt.cellSpacing = "0";
for(i=0; i<td.length; i++)
   td[i].style.backgroundColor = "transparent";

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

document.write('<div id="iTopHolder"></div>');
document.getElementById('iTopHolder').appendChild(document.getElementsByTagName('table').item(0));

//-->
</script>
<style type="text/css">
<!--
/* Flourish Skin by SilentDeath Do NOT remove this header
IncrediBAD.Proboards.com */
body {
background: #575657 url(http://i48.tinypic.com/25ichad.jpg) top repeat-x
;}
.catbg{
background: url(http://i50.tinypic.com/1z1uux2.jpg);
}
.titlebg{
background: url(http://gradients.proboards.com/DADADAF6F6F630.gif);
background-repeat:repeat-x;
}
.bordercolor {
border-right: 1px solid #d3d3d3;
border-left: 1px solid #d3d3d3;
border-bottom: 1px solid #d3d3d3;
}
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
</style>


Global Footer

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '770';
}}}
//-->
</script>
<script>
<!--
document.write('</td></tr><tr><td width="100%" align="center"><img src="'+bi+'"></td></tr></table>')
//-->
</script>


Main Header

<div id="ann" style="display: none">
Announcement here.
</div>
<script type="text/javascript">
<!--
// Silent's Announcement Box v2
// Do not RIP, REPOST, etc. with out permission.
// Header stays in tact
// Incredibad.Proboards.com

// Edit Below

// Box Stuff
var width= "770" // Width of Box
var anname= "Flourish's Announcement Table" // Announcement Box Name

// Link Stuff
var links = new Array();
links[0] = ['http://incredibad.proboards.com/index.cgi','IncrediBAD']

// Announcment
var ann = document.getElementById('ann').innerHTML;

// Content
var content = '<table width="'+width+'" class="bordercolor" cellspacing="1" align="center"><tr><td class="catbg" height="27" width="100%" align="center" colspan="3">'+anname+'</td></tr>';

content +='<tr><td width="20%" class="windowbg" align="center" valign="top"><b>Profile</b><br><br><a href="index.cgi?action=viewprofile" class="highlightit"><img border="0" id="dre_avvy"></a>';

content +='</td><td class="windowbg" width="60%" align="center"><marquee width="100%" height="150px" direction="up" loop="infinite" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="1"><center>'+ann+'</center></marquee></td>'

content +='<td width="20%" class="windowbg" align="center" valign="top"><b>Important Links</b><br><br><br>';
for(i=0;i<links.length;i++){content += '<a href='+links[i][0]+'>'+links[i][1]+'</a><br><br>'}

content +='</td></tr><tr><td class="titlebg" width="100%" colspan="3" height="27"></td></tr></table>'

document.write(content);
//-->
</script>
<script type="text/javascript">
<!--
//Avatar everywhere -- OpenSoruce

var avatar_head = {

defAvvy: "http://i47.tinypic.com/2r73j8i.jpg",

set_avvy: function(){

if(document.cookie.match(/dre_src=(.+?)(;|$)/)) {

document.getElementById("dre_avvy").src = RegExp.$1;
} else {
document.getElementById("dre_avvy").src = this.defAvvy;
}

if(document.cookie.match(/dre_hgt=(.+?)(;|$)/)) {
document.getElementById("dre_avvy").height = RegExp.$1;
}

if(document.cookie.match(/dre_wdh=(.+?)(;|$)/)) {
document.getElementById("dre_avvy").width = RegExp.$1;
}
}
};

avatar_head.set_avvy();

//-->
</script>


Main Footer

<table id="myoic" style="display: none;" class="bordercolor" width="92%" cellspacing="1" cellpadding="4">
<tr class="catbg">
<td align="center" colspan="2"><u><font color="white">Custom Info Center</font></td>
</tr>
<tr>
<td class="titlebg" colspan="2">
Upcoming Calendar
</td>
</tr>
<tr>
<td class="windowbg2" width="100%">

<font size="1">There are <span id="totalevents"></span> events and <span id="totalbdays"></span> birthdays coming up!<br />

<b>Events:</b> <span id="eventslist"></span>
<br />
<b>Birthdays:</b> <span id="bdayslist"></span>


</font>
</td>
</tr>
<tr>
<td class="titlebg" colspan="2">Forum Stats</td>
</tr>
<tr>
<td class="windowbg2" width="100%">
<table border="0" width="100%">
<tr>
<td>
<font size="1">
<div style="float: left; width: 50%;"><b>Total Topics:</b> <span id="totalthreads"></span></div><b>Total Posts:</b> <span id="totalposts"></span> <br />
<b>Latest Post:</b> <span id="lastpostname"></span> by <span id="lastpostuser"></span> (<span id="lastposttime"></span> )<br />

<a href="index.cgi?action=recent">View the most recent posts on the forum.</a><br />
</td>
<td width="32%" class="smalltext" valign="top">
<b>Total Members:</b> <a href="index.cgi?action=members"><span id="totalmem"></span></a><br />
<b>Latest Member:</b> <span id="newmem"></span><br />

</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="titlebg" colspan="2">
<b><font size="2">Users Online</font></td>
</tr>
<tr>
<td class="windowbg2" width="100%">
<b>Users active in past 15 minutes:</b> There are <span id="totalonline"></span> total members online. <span id="membersonline"></span> visable members online. <span id="invisonline"></span> invisible members online. <span id="guestsonline"></span> Guests are also online.

<br />
<span id="onlinelist"></span>
<br />
The most we ever had online was <span id="mostonline"></span>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
/* Make-Your-Own Info Center v1 by california
©2005 SoCal Codes, [url]http://socal.proboards26.com[/url] */

/* customization variables below */

// these two are just used for calculating averages (threads per board, etc.)
var numberOfCategories = 5;
var numberOfBoards = 10;

// used for the 'modifyprofile' ID as the hyperlink text
var modifyProfileText = "modify profile";

// used for the three comma seperated lists when there's nothing in the list
var noBirthdaysMessage = "There are no birthdays today."
var noEventsMessage = "There are no events this month.";
var noneOnlineMessage = "There are no users online right now.";

// used for the '[custom]online' IDs
// first part of each line determines what you use as the ID of the span tag in your markup
// second part of each line specifies what member group numbers go with that ID
memberGroups = [
['admins', '1'],
['gmods', '2|3'],
['mods', '4|5|6'] // last line doesn't get a comma
];

/* end customization */

document.write('<script type="text/javascript" src="http://www.iycatacombs.com/socal/resources/scripts/myoic.js"></scr'+'ipt>');
// -->
</script>
<script type="text/javascript">
<!--
/* remove Forum Name | Topics | Posts...
and add thread & post info by california */
var td=document.getElementsByTagName("td");
if(location.href.match(/\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
   for(i=0;i<td.length;i++){
       if(td[i].width=="1%" && td[i].innerHTML.match(/\d/)){
           if(td[i+1].width.match(/^(1|7)%$/)){
               td[i].innerHTML+="<br />Threads";
               td[i].width="8%";
           }else{
               td[i].innerHTML+="<br />Posts";
               td[i].width="7%";
           }
       }
       if(td[i].width=="8%" && !td[i].innerHTML.match(/thread/)){
           td[i].width="4%";
       }
       if(td[i].className=="titlebg" && td[i].innerHTML.match(/Forum Name/i)){
           td[i].parentNode.style.display="none";
       }
   }
}
//-->
</script>
<script type="text/javascript">
<!--
//Avatar everywhere -- OpenSoruce

var avatar_foot = {

init: function(){

if(location.href.match(/action=viewprofile$/) || location.href.match(/ewprofile&user=(.+?)$/) && RegExp.$1 == pb_username){
this.get_avvy();
avatar_head.set_avvy();
}
},

set_cookie: function(cookie_name, cookie_value){

document.cookie = cookie_name + "=" + cookie_value + "; expires = " + (new Date()).toGMTString().replace(/\d{4}/, "2050");
},

get_avvy: function(){

for(i = 0; i < document.images.length; i ++){

if(document.images[i].alt.match(/\[avatar\]/)){

this.set_cookie("dre_src", document.images[i].src);
this.set_cookie("dre_hgt", document.images[i].height);
this.set_cookie("dre_wdh", document.images[i].width);
}
}
}

}.init();

//-->
</script>




Extra Info

The table CAN be removed if you want it to be removed. If so removed the following code:

Main Header

<div id="ann" style="display: none">
[color=Green]Announcement here.[/color]
</div>
<script type="text/javascript">
<!--
// Silent's Announcement Box v2
// Do not RIP, REPOST, etc. with out permission.
// Header stays in tact
// Incredibad.Proboards.com

// Edit Below

// Box Stuff
var width= "770" // Width of Box
var anname= "Flourish's Announcement Table" // Announcement Box Name

// [color=Red]Link Stuff[/color]
var links = new Array();
links[0] = ['http://incredibad.proboards.com/index.cgi','IncrediBAD']

// Announcment
var ann = document.getElementById('ann').innerHTML;

// Content
var content = '<table width="'+width+'" class="bordercolor" cellspacing="1" align="center"><tr><td class="catbg" height="27" width="100%" align="center" colspan="3">'+anname+'</td></tr>';

content +='<tr><td width="20%" class="windowbg" align="center" valign="top"><b>Profile</b><br><br><a href="index.cgi?action=viewprofile" class="highlightit"><img border="0" id="dre_avvy"></a>';

content +='</td><td class="windowbg" width="60%" align="center"><marquee width="100%" height="150px" direction="up" loop="infinite" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="1"><center>'+ann+'</center></marquee></td>'

content +='<td width="20%" class="windowbg" align="center" valign="top"><b>Important Links</b><br><br><br>';
for(i=0;i<links.length;i++){content += '<a href='+links[i][0]+'>'+links[i][1]+'</a><br><br>'}

content +='</td></tr><tr><td class="titlebg" width="100%" colspan="3" height="27"></td></tr></table>'

document.write(content);
//-->
</script>
<script type="text/javascript">
<!--
//Avatar everywhere -- OpenSoruce

var avatar_head = {

defAvvy: "[color=Blue]Avy URL[/color]",

set_avvy: function(){

if(document.cookie.match(/dre_src=(.+?)(;|$)/)) {

document.getElementById("dre_avvy").src = RegExp.$1;
} else {
document.getElementById("dre_avvy").src = this.defAvvy;
}

if(document.cookie.match(/dre_hgt=(.+?)(;|$)/)) {
document.getElementById("dre_avvy").height = RegExp.$1;
}

if(document.cookie.match(/dre_wdh=(.+?)(;|$)/)) {
document.getElementById("dre_avvy").width = RegExp.$1;
}
}
};

avatar_head.set_avvy();

//-->
</script>


Main Footer

<script type="text/javascript">
<!--
//Avatar everywhere -- OpenSoruce

var avatar_foot = {

init: function(){

if(location.href.match(/action=viewprofile$/) || location.href.match(/ewprofile&user=(.+?)$/) && RegExp.$1 == pb_username){
this.get_avvy();
avatar_head.set_avvy();
}
},

set_cookie: function(cookie_name, cookie_value){

document.cookie = cookie_name + "=" + cookie_value + "; expires = " + (new Date()).toGMTString().replace(/\d{4}/, "2050");
},

get_avvy: function(){

for(i = 0; i < document.images.length; i ++){

if(document.images[i].alt.match(/\[avatar\]/)){

this.set_cookie("dre_src", document.images[i].src);
this.set_cookie("dre_hgt", document.images[i].height);
this.set_cookie("dre_wdh", document.images[i].width);
}
}
}

}.init();

//-->
</script>




If you wish to keep the table you edit the following.

<div id="ann" style="display: none">
Announcement here.
</div>
<script type="text/javascript">
<!--
// Silent's Announcement Box v2
// Do not RIP, REPOST, etc. with out permission.
// Header stays in tact
// Incredibad.Proboards.com

// Edit Below

// Box Stuff
var width= "770" // Width of Box
var anname= "Flourish's Announcement Table" // Announcement Box Name

// Link Stuff
var links = new Array();
links[0] = ['http://incredibad.proboards.com/index.cgi','IncrediBAD']

// Announcment
var ann = document.getElementById('ann').innerHTML;

// Content
var content = '<table width="'+width+'" class="bordercolor" cellspacing="1" align="center"><tr><td class="catbg" height="27" width="100%" align="center" colspan="3">'+anname+'</td></tr>';

content +='<tr><td width="20%" class="windowbg" align="center" valign="top"><b>Profile</b><br><br><a href="index.cgi?action=viewprofile" class="highlightit"><img border="0" id="dre_avvy"></a>';

content +='</td><td class="windowbg" width="60%" align="center"><marquee width="100%" height="150px" direction="up" loop="infinite" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="1" scrolldelay="1"><center>'+ann+'</center></marquee></td>'

content +='<td width="20%" class="windowbg" align="center" valign="top"><b>Important Links</b><br><br><br>';
for(i=0;i<links.length;i++){content += '<a href='+links[0]+'>'+links[1]+'</a><br><br>'}

content +='</td></tr><tr><td class="titlebg" width="100%" colspan="3" height="27"></td></tr></table>'

document.write(content);
//-->
</script>
<script type="text/javascript">
<!--
//Avatar everywhere -- OpenSoruce

var avatar_head = {

defAvvy: "i47.tinypic.com/2r73j8i.jpg",

set_avvy: function(){

if(document.cookie.match(/dre_src=(.+?)(;|$)/)) {

document.getElementById("dre_avvy").src = RegExp.$1;
} else {
document.getElementById("dre_avvy").src = this.defAvvy;
}

if(document.cookie.match(/dre_hgt=(.+?)(;|$)/)) {
document.getElementById("dre_avvy").height = RegExp.$1;
}

if(document.cookie.match(/dre_wdh=(.+?)(;|$)/)) {
document.getElementById("dre_avvy").width = RegExp.$1;
}
}
};

avatar_head.set_avvy();

//-->
</script>


Green: Here is where you will edit your announcements. You may use HTML.

Red: This is a little bit more different. To add more links you just do this:

Copy & Paste
links[0] = ['http://incredibad.proboards.com/index.cgi','IncrediBAD']

and change to
links[1] = ['URL HERE','TEXT HERE']

The bold 1 MUST increase for every link. So 0...1...2...3.

Blue: URL of your DEFAULT avatar.



That is all. If you need help on anything, reply here.


Chris

Chris Avatar

******
Head Coder

19,519


June 2005
This is very close to what I'd call acceptable... there's just one thing that bugs me: the white and black contrast. Whenever I look at the white parts of the page that are even remotely close to a dark part, I'm blinded.

I'll leave it up to you if you want to fix it. Just let me know if you do/don't and I'll add this then.

Silent

Silent Avatar

***
Dedicated Member

155


September 2009
Chris Avatar
This is very close to what I'd call acceptable... there's just one thing that bugs me: the white and black contrast. Whenever I look at the white parts of the page that are even remotely close to a dark part, I'm blinded.

I'll leave it up to you if you want to fix it. Just let me know if you do/don't and I'll add this then.


Thank you. I will look into it.

Chris

Chris Avatar

******
Head Coder

19,519


June 2005
Thank you for contributing to the Studio Zero Premades.

Your submission has been added to our database.

newBookmarkLockedFalling