Post by Tobias on Dec 22, 2007 16:41:03 GMT
First Submitted Skin! Yays!
Live Preview
Banner PSD
Blank Banner
Background Image
Off Image
On Image
Colors:
Click for Images
UBBC
For the menu buttons, use the ones that end in _off.
Global Header:
Global Footer:
Main Header:
- None -
Main Footer:
Affiliate Banner:
Live Preview
Banner PSD
Blank Banner
Background Image
Off Image
On Image
Colors:
Click for Images
UBBC
For the menu buttons, use the ones that end in _off.
Global Header:
<style>
textarea {
font-size: 9pt;
color: 5A6782;
background-color: 252629;
border: 1px solid #000000;
width: 75%;
}
input {
font-size: 9pt;
color: 5A6782;
background-color: 252629;
border: 1px solid #111111;
}
select, option {
font-size: 9pt;
color: 5A6782;
background-color: 252629;
border: 0px solid #000000;
}
select {
border: 1px solid #000000;
}
body {
scrollbar-base-color: 252629;
scrollbar-arrow-color: 000000;
scrollbar-face-color: 252629;
scrollbar-track-color: 252629;
scrollbar-shadow-color: 000000;
scrollbar-highlight-color: 000000;
scrollbar-dark-shadow-color: 000000;
scrollbar-3d-light-color: 000000;
background-image: url('http://i74.photobucket.com/albums/i268/TyTheJedi/Blue/background.gif');
}
</style>
<script type="text/javascript">
<!--
/* Remove spacing between menu images */
var menu=document.getElementsByTagName("td")[5].firstChild;
menu.innerHTML=menu.innerHTML.replace(/&nb{1}sp;/gi,'');
// -->
</script>
<script type="text/javascript">
<!--
/* Remove "Hey, X" and « Home » and fit Welcome Table to Banner */
var td=document.getElementsByTagName("td");
td[1].lastChild.style.display="none";
td[2].style.display="none";
document.getElementsByTagName("table")[0].width='';
// -->
</script>
<style type="text/css">
<!--
.menubg
{
background-image: url(http://img81.imageshack.us/img81/2227/menubg0nn.gif);
background-repeat: repeat;
text-align: left;
}
.titlebg
{
background-image: url(http://img48.imageshack.us/img48/5194/catbg2ff.gif);
background-repeat: repeat;
}
.catbg
{
background-image: url(http://img515.imageshack.us/img515/2302/catbg21ps.gif);
background-repeat: repeat;
}
//-->
</style>
<style type="text/css"> BODY {background-position: center top; background-repeat: fixed-y;} </style>
<script type="text/javascript">
<!--
/* Welcome table below Ad by california */
document.write('<div id="welcome"></div>');
var welcome = document.getElementById("welcome");
welcome.parentNode.replaceChild(document.getElementsByTagName("table")[0], welcome);
// -->
</script>
<script type="text/javascript">
<!--
// PM Bar Copyright 2007 Tobias
// http://forums.dx5skins.com
var td = document.getElementsByTagName("td");
var sing = (td[2].innerHTML.match(/(are|is) new/i))? RegExp.$1 : false;
sing = (sing=="are") ? "messages" : "message";
var pmNew = (td[2].innerHTML.match(/(\d+) (are|is) new/i))? RegExp.$1 : false;
td[5].innerHTML = (pb_username != "Guest") ? "<table align='center' width='100%' cellspacing='0' cellpadding='0' class='menubg'><tr><td align='left'>"+td[5].innerHTML+"</td><td align='right'><font size='1'>You have <a href='index.cgi?action=pm'>"+pmNew+"</a> new "+sing+".</font>&nb"+"sp;</td></tr></table>" : td[5].innerHTML;
//-->
</script>
Global Footer:
<script type="text/javascript">
<!--
/* threads last post remodel */
var td=document.getElementsByTagName("td");
var re = /^(.+)(,|at)\s+\d{1,2}:\d{2}.+<br>\s*by\s(.+)$/i;
if(location.href.match(/\?board=\w+&?((mod\w+|page)=\d+|action=mark\w+)?$/)){
for(i=0;i<td.length;i++){
var f=td[i].firstChild;
if(td[i].width=="20%" && f.innerHTML.match(re)){
f.innerHTML=RegExp.$1+'<br />'+RegExp.$3;
}
}
}
// -->
</script>
<script type="text/javascript">
/* Last Post Column Cell Highlight
Created by hey
http://forums.talesrpg.com
Do not repost and keep header intact
*/
//Highlight color
var highlightColor = '2A3240';
//0 to link to profile, 1 to link to thread
var linkTarget = '1';
icell = document.getElementsByTagName('TD');
for(t=0;t<icell.length;t++) {
if (icell[t].className=="windowbg2" && icell[t].width=="24%") {
icell[t].onmouseover = function(){this.style.cursor='pointer';this.style.backgroundColor=highlightColor;};
icell[t].onmouseout = function(){this.style.backgroundColor=this.bgColor;};
icell[t].onclick = function(){location = this.getElementsByTagName('a')[linkTarget].href;};}
if(location.href.match(/board=/) && !location.href.match(/action=display/)){
if (icell[t].className=="windowbg2" && icell[t].width=="20%") {
icell[t].onmouseover = function(){this.style.cursor='pointer';this.style.backgroundColor=highlightColor;};
icell[t].onmouseout = function(){this.style.backgroundColor=this.bgColor;};}}}
</script>
<script type="text/javascript">
<!--
/* titlebg gradient for admin/adv.mod cells */
var iCell = document.getElementsByTagName("td");
if(location.href.match(/board=/) && !document.postForm){
for(a=iCell.length-1;a>=0;a--){
if(iCell[a].innerHTML.match(/min fun/i)){
iCell[a].className = "catbg";
break;
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* basic image rollover */
var img = document.getElementsByTagName("img");
for(i=0; i<img.length; i++){
if(img[i].src.match(/_o(n|ff)/)){
img[i].onmouseover = function(){this.src = this.src.replace("_off", "_on");};
img[i].onmouseout=function(){this.src = this.src.replace("_on", "_off");};
}
}
//-->
</script>
<script type="text/javascript">
<!--
/* change forum width */
var iTable = document.getElementsByTagName("table");
for(t=0; t<iTable.length; t++){
if(iTable[t].width == "92%"){
iTable[t].width="710";
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* remove forum jump */
var sel=document.getElementsByTagName("select");
for(i=sel.length-1;i>=0;i--){
if(sel[i].innerHTML.match(/Forum Jump/)){
sel[i].parentNode.parentNode.parentNode.parentNode.style.display="none";
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* switch-it */
var font = document.getElementsByTagName("font");
function switchit(t1, t2){
for(i=0; i<font.length; i++){
var f = font[i].innerHTML;
if(f.match(t1) && !location.href.match(/(headers|modify)/)){
font[i].innerHTML = f.replace(t1,t2);
}
}
}
switchit(':new:','<img src="http://i10.photobucket.com/albums/a134/Tobias104/new.gif">');
switchit('<IMG alt="IP: " src="http://s1.images.proboards.com/ip.gif" border=0>','<B>IP: </B>');
switchit('on <B>Today','<B>Today');
switchit('on Yeste','Yeste');
// -->
</script>
<center>Skin by <a href=http://dx5.proboards77.com/index.cgi?action=viewprofile&user=tobias>Tobias</a> of <a href=http://dx5.proboards77.com/index.cgi>DX5 Skins</a></center>
Main Header:
- None -
Main Footer:
<script type="text/javascript">
<!--
/* Info Center head/base images A by california */
var headImage = "http://i10.photobucket.com/albums/a134/Tobias104/blank.gif";
var baseImage = "http://i74.photobucket.com/albums/i268/TyTheJedi/baseimg.gif";
var iTable = document.getElementsByTagName("table");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home))?(#.+)?)?$/)){
for(t=0;t<iTable.length-1;t++){
var fCell = iTable[t+1].rows[0].cells[0];
if(iTable[t].width == "100%" && fCell.innerHTML.match(/Info Center/) && fCell.className == "titlebg"){
var newCenter = document.createElement("center");
var icHead = new Image();
icHead.src = headImage;
var icBase = new Image();
icBase.src = baseImage;
newCenter.appendChild(icHead);
newCenter.appendChild(iTable[t].cloneNode(true));
newCenter.appendChild(icBase);
iTable[t].parentNode.replaceChild(newCenter, iTable[t]);
break;
}
}
}
// -->
</script>
<script>
<!--
/*=============================================================
Kahless' Catagory Splitter V1
Writen By Kahless
http://kronosdesigns.proboards61.com
Do not redistribute or repost anywhere other than Kronos Designs or Studio Zero
===============================================================*/
//Edit the following
var head = 'http://i10.photobucket.com/albums/a134/Tobias104/blank.gif'; //Url to header image
var base = 'http://i74.photobucket.com/albums/i268/TyTheJedi/baseimg.gif'; //Url to footer image
var uheight = "20" //Split Height
//Do not Edit Below here
var iTable = document.getElementsByTagName("table");
ctop = '<table cellspacing="0" cellpadding="0" style="backgroundcolor: transparent" width="100%"><tr><td><img src ="'+head+'" border="0" /></td></tr><tr><td>';
cbottom = '</td></tr><tr><td><img src="'+base+'" repeat=yes border="0" /></td></tr></table>';
var splitter = '<div style="height: '+uheight+'px;"></div>';
var cell;
var data = ctop+'<table cellpadding="4" cellspacing="1" border="0" width="100%" class="bordercolor">';
OuterLoop:
for(a=0;a<iTable.length;a++)
{
if(iTable[a].width == "100%" && iTable[a].cellPadding == "4" && iTable[a].cellSpacing == "1" && iTable[a].firstChild.firstChild.firstChild.nextSibling.innerHTML.match(/Topics/i))
{
var forumname = iTable[a].firstChild.firstChild.innerHTML;
var iTR = iTable[a].rows;
for(b=1;b<iTR.length;b++)
{
if(iTR[b].firstChild.className == "catbg" && !iTR[b].firstChild.innerHTML.match(/action=markallboardsread/i))
{
cell = iTR[b].innerHTML;
data += '</table>'+cbottom+splitter+ctop+'<table class="bordercolor" cellpadding="4" cellspacing="1" border="0" width="100%">'+forumname+'<tr>'+cell+'</tr>';
} else {
cell = iTR[b].innerHTML;
data += '<tr>'+cell+'</tr>'
}
}
data += '</table>'+cbottom;
iTable[a].parentNode.innerHTML=data;
iTable[a-1].style.backgroundColor = "transparent";
iTable[a].parentNode.getElementsByTagName("div")[0].style.display = "none";
iTable[a].parentNode.getElementsByTagName("table")[0].style.display = "none";
break OuterLoop;
}
}
//-->
</script>
<script type="text/javascript">
<!--
var tr=document.getElementsByTagName("tr");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
for(i=0;i<tr.length-1;i++){
var firstCell=tr[i].cells[0];
if(firstCell.className=="titlebg" && firstCell.innerHTML.match(/Forum Name/)){
firstCell.innerHTML=tr[i+1].cells[0].innerHTML;
tr[i+1].style.display="none";
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* remove main page login table by california */
var table=document.getElementsByTagName("table");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/) && !table[0].innerHTML.match(/action=logout/)){
for(i=table.length-1;i>0;i--){
if(table[i].innerHTML.match(/<b>login/i) && table[i].cellPadding=="4"){
table[i-1].style.display="none";
break;
}
}
}
// -->
</script>
<script>
// Sub-Boards in Board Cell v1.2 by CDDude229
// Code may not be redistributed without permission from the creator.
var board_text = "<b>» Sub-Boards:</b> "; // Text that will be shown before the actual sub-board listings
var aTD = document.getElementsByTagName("TD");
var aSE = document.getElementsByTagName("SELECT");
if(location.href.match(/action=home/i) || !location.href.match(/action=/i)){
for(a=0;a<aSE.length;a++){
if(aSE[a].innerHTML.match(/Forum Jump/i)){
var forumClass = aSE[a].options;
break;
}
}
for(a=0;a<aTD.length;a++){
if(aTD[a].innerHTML.match(/board=/i) && aTD[a].width=="66%" && aTD[a].className.match(/windowbg/i) && aTD[a].innerHTML.match(/\((\d+) sub-boar(d|ds)\)/i)){
var boardName = aTD[a].getElementsByTagName("A")[0].href.split("board=")[1];
var subNum = parseInt(RegExp.$1);
for(b=6;b<forumClass.length;b++){
if(forumClass[b].value.match(new RegExp("board="+boardName+"$","i"))){
for(c=1;c<=subNum;c++){
if(c == 1){
aTD[a].innerHTML += "<br><font size='1'>"+board_text+"<a href='"+forumClass[b+c].value+"'>"+forumClass[b+c].innerHTML.split("--- ")[1]+"</a></font>";
} else {
aTD[a].innerHTML += ", <font size='1'><a href='"+forumClass[b+c].value+"'>"+forumClass[b+c].innerHTML.split("--- ")[1]+"</a></font>";
}
}
break;
}
}
if(!aTD[a].innerHTML.match(/i>Moderator/i)){
var aTDBR = aTD[a].getElementsByTagName("BR");
aTDBR[aTDBR.length-1].style.display ="none";
}
aTD[a].innerHTML = aTD[a].innerHTML.replace(/\((\d+) sub-boar(d|ds)\)/i,"");
} else if(aTD[a].innerHTML.match(/Info Center/i) && aTD[a].className == "bordercolor"){
break;
}
}
}
</script>
<script type="text/javascript">
<!--
/*
Revolution Last Post Modification Alternate A (Main Page)
Created by Eichi
http://theozymandius.proboards22.com/index.cgi
*/
var td = document.getElementsByTagName('td');
for(t=0; t<td.length; t++){
if(td[t].width == "24%" && td[t].className == "windowbg2"){
if(td[t].getElementsByTagName('a')[0] && td[t].getElementsByTagName('a')[1]){
if(td[t].getElementsByTagName('a')[0].className){
var groupcl = td[t].getElementsByTagName('a')[0].className;
} else {
var groupcl = "";
}
var lpdate = td[t].innerHTML.split(/>on/i)[1].split(/<br\/?>by/i)[0];
td[t].innerHTML = '<center><font size="1"><a href="' + td[t].getElementsByTagName('a')[0].href + '" class="'+groupcl+'">' + td[t].getElementsByTagName('a')[0].innerHTML + '</a><br/><a href="' + td[t].getElementsByTagName('a')[1].href + '">' + td[t].getElementsByTagName('a')[1].innerHTML + '</a><br/>' + lpdate + '</font></center>';
} else {
td[t].innerHTML = "";
}
}
}
//-->
</script>
<script type="text/javascript">
<!--
var tr=document.getElementsByTagName("tr");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(ma.+ad|logout|home))?(#.+)?)?$/)){
for(i=0;i<tr.length-1;i++){
var firstCell=tr[i].cells[0];
if(firstCell.className=="titlebg" && firstCell.innerHTML.match(/Forum Name/)){
firstCell.innerHTML=tr[i+1].cells[0].innerHTML;
tr[i+1].style.display="none";
}
}
}
// -->
</script>
<script type="text/javascript">
<!--
/* remove main page mark as read bar */
var td = document.getElementsByTagName("td");
if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home))?(#.+)?)?$/)){
for(i=td.length-1; i>0; i--){
if(td[i].innerHTML.match(/action=markall/) && td[i].className == "catbg"){
td[i].parentNode.style.display = "none";
break;
}
}
}
// -->
</script>
<script>
//remove info center icons
var InfoIcon=document.getElementsByTagName("TD")
for(t=0;t<InfoIcon.length;t++){
if(InfoIcon[t].className.match("windowbg") && InfoIcon[t].width=="20" && InfoIcon[t].vAlign=="middle"){
InfoIcon[t].style.display="none"
}}
</script>
Affiliate Banner: