[R] My first proboards skin

[danvari]

Here you can take it for your own proboard site
Live preview



Background

Smilies



















Old Button

New button

Banner


Global Header
<style type="text/css">
<!--
.titlebg {background-image: url(http://i53.photobucket.com/albums/g42/mezorro/My%20Skin/Grad.png); background-repeat: repeat;}
-->
</style>


<style type="text/css">
<!--
.catbg {background-image: url(http://i53.photobucket.com/albums/g42/mezorro/My%20Skin/UfoTitle.png); background-repeat: repeat;}
-->
</style>



Global footer
<script type="text/javascript">
<!--
/*
Main page/boards image highlight

Created by Peter

This code cannot be reposted at anywhere other than SSDesigns or ProBoards, without permission.

This header must stay intact at all times.
*/

// Image for the mouseover
var overImage = "http://i202.photobucket.com/albums/aa25/mezorro2/Background.jpg";

var iCell = document.getElementsByTagName("td");

for(c = 0; c < iCell.length; c ++){
   if(iCell.item(c).className.match(/^windowbg/i) && iCell.item(c).width.match(/^(66|48|43)%/)){
      if(document.all){
         iCell.item(c).onmouseenter = function(){
            this.style.backgroundImage = "url('" + overImage + "')";
         }
         iCell.item(c).onmouseleave = function(){
            this.style.backgroundImage = "";
         }
      } else {
         for(a = 0; a < iCell.item(c).attributes.length; a ++){
            if(iCell.item(c).attributes.item(a).nodeName.match(/^onmouseover$/i)){
               with(iCell.item(c).attributes.item(a)){
                  nodeValue = "this.style.backgroundImage = 'url(\\'" + overImage + "\\')'; " + nodeValue;
               }
            }
            if(iCell.item(c).attributes.item(a).nodeName.match(/^onmouseout$/i)){
               with(iCell.item(c).attributes.item(a)){
                  nodeValue = "this.style.backgroundImage = ''; " + nodeValue;
               }
            }
         }
      }
   }
}

//-->

</script>

<script type="text/javascript">
<!--
/* image and URL prompt boxes
by elindir - 101 Support */
if(document.postForm) {
function url()
{
var a=window.prompt('What URL do you want to link to?','');
var b=window.prompt('What text should be clickable?','');
document.postForm.message.value+='\[url\='+a+'\]'+b+'\[\/url\]';
}
function image()
{
var a=window.prompt('What is the URL of the image you would like displayed?','');
document.postForm.message.value+='\[img\]'+a+'[\/img\]';
}
var a=document.getElementsByTagName("a");
for(e=0;e<a.length;e++)
if(a[e].href=='javascript:add("\[url\]","\[\/url\]")')
{
a[e].href='javascript:url()';
a[e+2].href='javascript:image()';
}
}
//-->
</script>


Main Header
Leave blank

Main footer
<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>
<b><center>This skin was made by danvari.   <a href="http://danvari.proboards101.com">My forum.</a>!</center></b><script type="text/javascript">
<script type="text/javascript"><!--
/* Staff Online by snap2000 */

var staffIcon = "http://www.proboards8.com/v4images/online.gif"; //icon to use in Info Center
var staffGroups=[
 ["Administrator", "1"],
 ["Global Moderator", "2"],
 ["Moderator", "3"]
];

var row=document.getElementsByTagName("tr");
if(!location.href.match(/\?action\=(?!home)/)) {
for(r=0;r<row.length;r++) {
 if(row[r].firstChild.className=="catbg" && row[r].firstChild.innerHTML.match("Users Online")) {
  var staffList=[],staffCount=[];
  for(g=0;g<staffGroups.length;g++) staffCount[g]=0;
  var newCat=row[r].cloneNode(true);
  newCat.firstChild.getElementsByTagName("b")[0].innerHTML="Staff Online";
  var newWin=row[r+1].cloneNode(true);
  var onlineCell=row[r+1].lastChild.getElementsByTagName("font")[0];
  var staffCell=newWin.lastChild.getElementsByTagName("font")[0];
  newWin.firstChild.innerHTML=(newWin.firstChild.firstChild.nodeName=="IMG") ? '<img src="'+staffIcon+'" border="0" alt="s" />' : 's';
  onlineCell.innerHTML=onlineCell.innerHTML.replace(/\d+ Staff Members*,\s/,"");
  var links=onlineCell.getElementsByTagName("a");
  for(a=0;a<links.length;a++) {
   if(links[a].className && links[a].className.match(/^group(\d+)$/)) {
    reg=eval("\/\\b"+RegExp.$1+"\\b\/");
    for(g=0;g<staffGroups.length;g++) {
     if(staffGroups[g][1].match(reg)) {
      staffCount[g]++;
      staffList.push(links[a]);
      if(a<links.length-1) links[a].nextSibling.parentNode.removeChild(links[a].nextSibling);
      break;
     }
    }
   }
  }

  staffCell.innerHTML="";
  for(g=0;g<staffGroups.length;g++) {
   staffCell.innerHTML+=staffCount[g]+' '+staffGroups[g][0]+(staffCount[g]!=1?'s':'');
   staffCell.innerHTML+=(g+1<staffGroups.length ? ', ' : '<br />');
  }
  for(a=0;a<staffList.length;a++) {
   staffCell.appendChild(staffList[a]);
   if(a<staffList.length-1) staffCell.innerHTML+=", ";
  }

  if(onlineCell.lastChild.nodeType==3) onlineCell.lastChild.parentNode.removeChild(onlineCell.lastChild);
  row[r].parentNode.insertBefore(newWin,row[r]);
  row[r].parentNode.insertBefore(newCat,row[r]);
  break;
 }
}
}
//--></script>


[eternity]

I am sorry, but the template you have provided is not of sufficient quality to add to the database.

May I suggest removing the <<home>> and pm text from the welcome table so that you only see the banner in that area. Having done that you will need some form of pm notification.

Perhaps resize your forum? In most cases the forum width looks better when it is the size of the banner.

I think I've seen those smilies somewhere before. Make sure to check with and credit the owner if you're going to use someone else's images.

Your banner is very busy, I'd remove or soften some of the patterns you are using and add some text.