|
|
|
This is an awesome update! Hope to see this forum grow to be the best!
|
|
|
|
|
|
|
|
Ah, I see. If you are going to use this, I wouldn't mind changing it.
|
|
|
|
|
|
|
|
Is there any good sites for more PB use?
|
|
|
|
|
|
|
|
President Bush attack US?
|
|
|
|
|
|
|
|
Nice, only thing bugging me is the width difference between the Banner, and the Body.
|
|
|
|
|
|
|
|
Breeze
Jan 18, 2010 23:57:29 GMT
By cheesy you mean?
|
|
|
|
|
|
|
Breeze
Jan 18, 2010 23:11:03 GMT
Switched. Thanks for the comment. I spent a lot on this one. There may be an update of this skin.
|
|
|
|
|
|
|
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.
|
|
|
|
|
|
|
Breeze
Jan 18, 2010 12:27:16 GMT
Name: Breeze Creator: SilentDeath Preview: ClickDownload: ClickNote*Codes are included in the download. Extra Info
This skin is BEST viewed on Mozilla Firefox
Last Edit: Jan 18, 2010 12:27:50 GMT by Silent
|
|
|
|
|
|
|
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>
<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>
<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>
<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.
|
|
|
|
|
|
|
|
Skin name: Tech Skin Creator: SilentDeath  Additional Information: My first skin.  Live Preview: HereDownload: HereNote: Please notify me if the download link is down. Thank you. Color: Background Color: 000000 Gradient Height: 27 Font Color: FFFFFF Link Color: 1c688e Active Link Color: 1c688e Visited Link Color: 1c688e Windows Background Color: 0e151b Windows Background2 Color: 0e151b Board highlight color: 0e151b Thread Highlight Color: 0e151b The code: Global Header
<script type="text/javascript">
<!--
/* Remove spacing between menu images */
var seperator='';
var menu=document.getElementsByTagName("td")[5].firstChild;
menu.innerHTML=menu.innerHTML.replace(/\/a>(\s| )<a/gi,'/a>'+seperator+'<a');
// -->
</script>
<script type="text/javascript">
<!--
/* menu buttons inside banner by california */
var imgURL = "http://i45.tinypic.com/28a6j9k.jpg";
var imgWidth = "803";
var imgHeight = "224";
var menuXpos = "231";
var menuYpos = "150";
var iCell = document.getElementsByTagName("td");
iCell[1].style.backgroundImage = 'url('+imgURL+')';
iCell[1].style.height = imgHeight+"px";
iCell[1].align = "left";
iCell[1].vAlign = "top";
document.getElementsByTagName("table")[0].width = imgWidth;
iCell[1].innerHTML = '<div style="position: relative; top: '+menuYpos+
'px; left: '+menuXpos+'px;">'+iCell[5].innerHTML+'</div>';
iCell[2].style.display = "none";
document.getElementsByTagName("tr")[2].style.display = "none";
// -->
</script>
<style type="text/css">
body {
background-color: #000000;
}
.catbg {
background-image: url(http://i46.tinypic.com/xbfxoz.jpg);
}
.titlebg {
background-image: url(http://i46.tinypic.com/xbfxoz.jpg);
}
</style>
<script type="text/Javascript">
<!--
/* Remove Welcome Table Borders by Smangii */
var wel = document.getElementsByTagName("table")[0];
wel.className = "";
wel.cellSpacing = 0;
//-->
</script>
<script>
<!--
document.getElementsByTagName('font')[1].innerHTML='';
document.getElementsByTagName('tr')[1].deleteCell(1);
//-->
</script>
<script type="text/javascript">
<!--
document.write('<div id="iTopHolder"></div>');
document.getElementById('iTopHolder').appendChild(document.getElementsByTagName('table').item(0));
//-->
</script>
<script type="text/javascript">
<!--
/*Head/Base Images Everywhere - By iAlex - Open Source*/
var iEveryHeadImage="http://i48.tinypic.com/34zhret.jpg"; //Header Image
var iEveryBaseImage="http://i46.tinypic.com/oau8t4.jpg"; //Foter Image
var iTable=document.getElementsByTagName('table');
for(i=0;i<iTable.length;i++){
if(iTable.item(i).width=="100%" && iTable.item(i).className.match(/bordercolor/) && iTable.item(i).cellSpacing=="0" && iTable.item(i).cellPadding=="0" && iTable.item(i).border=="0"){
var iEveryHeadDiv=document.createElement('div');
iEveryHeadDiv.innerHTML='<center><img src="'+iEveryHeadImage+'" /></center>';
iTable.item(i).parentNode.insertBefore(iEveryHeadDiv, iTable.item(i));
var iEveryBaseDiv=document.createElement('div');
iEveryBaseDiv.innerHTML='<center><img src="'+iEveryBaseImage+'" /></center>';
iTable.item(i).parentNode.insertBefore(iEveryBaseDiv, iTable.item(i).nextSibling);
}
}
//-->
</script>
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '803';
}}}
//-->
</script>
<table width="200px" cellpadding="4" cellspacing="1" align="center" class="bordercolor">
<tr>
<td class="titlebg" width="100%" colspan="2" align="center">
<font size=2><b>Copyright ©</B></font>
</td>
</tr>
<tr>
<td width="100%" class="windowbg2" vAlign="top" align="center">
<font size=2>Created by SilentDeath</font>
</td>
</tr>
</table>
<script>
/* Remove Info center Icons, by Smangii */
var TD =document.getElementsByTagName("TD")
for(i=0;i<TD.length;i++)
{
if(TD[i].width=="20" && TD[i].className.match("windowbg"))
{
TD[i].style.display="none"
}
}
</script>
Please tell me what you guys think!
Last Edit: Jan 9, 2010 22:12:53 GMT by Silent
|
|
|
|
|
|
|
|
That's good stuff. I can't do nothing like that. 
|
|
|
|
|
