|
Creator: SilentDeathLive Preview: ClickDownload: ClickExtra Info: Second completed skin.
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 InfoThe 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 Stuffvar 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.
|
|
|
|
|
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.
|
|
|
|
|
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.
|
|
|
|
|
Thank you for contributing to the Studio Zero Premades. Your submission has been added to our database.
|
|
|
|