Post by Zaxinou on Nov 5, 2010 16:05:27 GMT 10
Really what can I say about this skin. I made it like 2 years ago when I was first starting out in ProBoards skins and decided to re release it with some general changes.
Preview Image
Features:
Global Header
Global Footer
Main Footer
Comments
Best to disable google search within your general settings I feel it works better for the forum and enable text menus if you would like the hover effect.
If you have any issues with this skin please feel free to PM me or reply here and I will help you out.
Preview Image
Features:
- Menu bar with text hover effect
- PM bar
- Info Center icons hidden
- Info Center head/base images
- Post Splitter
Global Header
<style type="text/css">
<!--
body{
background: url(http://i203.photobucket.com/albums/aa128/osirisax/techgreen-bg4.jpg) center repeat-y #83b70a;
font-family: Tahoma;
font-size: 11px;
color: #48650c;
}
.bordercolor{
background-color: #61751c;
}
.menubg{
background: url(http://i203.photobucket.com/albums/aa128/osirisax/techgreen-catbg.jpg) center repeat-x;
height: 20px;
}
.menubg a:link, .menubg a:visited{
padding: 0px 10px;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
color: #efefef;
}
.menubg a:hover{
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-decoration: none;
color: #608712;
}
font, td{
font-family: Tahoma;
font-size: 11px;
color: #48650c;
}
.windowbg, .windowbg2{
background-color: #98bd2f;
border-left: 1px solid #aad336;
border-top: 1px solid #aad336;
}
.windowbg table tr td.windowbg, .windowbg2 table tr td.windowbg2{
border: none;
}
a:link, a:visited{
font-family: Tahoma;
font-size: 11px;
color: #efefef;
}
a:hover{
font-family: Tahoma;
font-size: 11px;
color: #608712;
text-decoration: none;
}
.nav{
font-family: Tahoma;
font-size: 11px;
color: #48650c;
}
.nav:link, .nav:visited{
font-family: Tahoma;
font-size: 11px;
color: #48650c;
}
.titlebg, .catbg{
background: url(http://i203.photobucket.com/albums/aa128/osirisax/techgreen-catbg.jpg) center repeat-x;
height: 20px;
padding: 0px;
font-size: 10px;
font-family: Arial;
color: #efefef;
}
.cattext{
color: #efefef;
}
.titletext a{
font-family: Verdana;
font-weight: normal;
color: #efefef;
}
input{
fony-family: Arial;
background: #98bd2f url(http://i203.photobucket.com/albums/aa128/osirisax/techgreen-catbg.jpg) center repeat-x;
border: 1px solid #61751c;
color: #efefef;
}
.pAds{
padding: 10px;
}
.pAds font, .pAds a:link, .pAds a:visited, .pAds a:hover{
font-size: 7px;
color: #48650c;
font-weight: normal;
font-style: italic;
letter-spacing: -1px;
text-transform: lowercase;
}
//-->
</style>
<script type="text/javascript">
<!--
document.getElementsByTagName('td')[2].style.display="none";
document.getElementsByTagName('font')[1].style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
var td = document.getElementsByTagName('td');
for(t=0; t<td.length; t++){
if(td[t].className.match(/menubg/i)){
td[t].innerHTML = td[t].innerHTML.replace(/(\[|\])/gi,'');
}
}
//-->
</script>
<div id="sspmbar">
<br />
<table class="pmbar" cellpadding="4" cellspacing="1" align="center">
<tr><td></td></tr>
</table>
</div>
<script type="text/Javascript">
// Simple Style PM Bar v1 by Chris
// Do not redistribute without permission of the creator
var nWidth = "780"; // Width of the pm bar
// Don't edit
var aTD = document.getElementsByTagName("td");
if(pb_username == "Guest")
var dat = "<a href='?action=login'>Login</a> | <a href='?action=register'>Register</a>";
else
var dat = "<a href='?action=pm'>Inbox</a> | <a href='?action=pm&view=2'>Outbox</a> | <a href='?action=pm'>"+(aTD[2].innerHTML.match(/(messages?)<\/a>, (\d+) \w{2,3} new/i)?RegExp.$2+" new "+RegExp.$1:"0 new messages")+"</a>";
var ss = document.getElementById("sspmbar");
ss.getElementsByTagName("table")[0].width = nWidth;
ss.getElementsByTagName("td")[0].innerHTML = "<font style='float: right;'>Welcome, "+pb_displayname+".</font>"+dat;
document.body.insertBefore(ss, document.getElementsByTagName("table")[0].nextSibling);
</script>
Global Footer
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) {
if(table[t].width=="92%")
table[t].width='780px';
}
// -->
</script>
<script type="text/javascript">
<!--
document.getElementById("forumjump").style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
/* Transparent Board Highlights - Open Source */
if(window.mouseOverHighlightCell) {
var hover = [ mouseOverHighlightCell, mouseOutHighlightCell ]
mouseOverHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[0](a);
}
mouseOutHighlightCell = function(a) {
style.backgroundColor = "transparent";
hover[1](a);
}
}
//-->
</script>
<!-- Copyright section please do not remove -->
<center>© Skin Design by <a href="http://zaxinou.proboards.com" target="_blank">Graphic Monks</a>. Best viewed in Mozilla Firefox.</font></center><br /><br /><br />
<!-- /copyright -->
<script type='text/javascript'>
/* Post Splitter with Head/Base images v2
By Scorpian: [url]http://roddyinnovations.com[/url] */
/*/_| Edit These |_\*/
var riHead = 'http://i203.photobucket.com/albums/aa128/osirisax/techgreen-headimg.jpg'; // URL of head image
var riBase = 'http://i203.photobucket.com/albums/aa128/osirisax/techgreen-baseimg.jpg'; // URL of base image
var riGap = '25'; // Height of gap
var riAuthor = 'no'; // Show "author|topics" row? 'yes' or 'no' only
/*/_| Do Not Edit |_\*/
var riTable = document.getElementsByTagName('table');
var headImg = document.createElement('img');
var baseImg = document.createElement('img');
headImg.src = riHead; baseImg.src = riBase;
var tehTab = document.createElement('table');
var tehBody = document.createElement('tbody');
tehTab.cellSpacing = 1; tehTab.cellPadding = 4;
tehTab.className = 'bordercolor'; tehTab.width = '100%';
var gapDiv = document.createElement('div');
gapDiv.style.height = riGap;
var end = false; var insBef = false;
if(location.href.match(/action=display/i)){
for(a=0; a<riTable.length; a++){
if(riTable[a].cellSpacing == 1 && riTable[a].cellPadding == 4 && riTable[a].rows[0].cells[0].colSpan == 2){
riTable[a-1].style.backgroundColor = 'transparent';
riTable[a].className = 'bordercolor';
var newCell = riTable[a-1].insertRow(-1).insertCell(0);
for(b=2; b<riTable[a].rows.length; b++){
if(riTable[a].rows[b-1].cells[0].innerHTML.match(/Poll/i)){
var insBef = true;
newCell.appendChild(gapDiv.cloneNode(true));
}
if(riTable[a].rows[b].cells[0].className.match(/windowbg/i) && !riTable[a].rows[b-1].cells[0].innerHTML.match(/Poll/i)){
var newTable = tehTab.cloneNode(true);
var newTab = tehBody.cloneNode(true);
if(riTable[a].rows[b-1].cells[0].className == 'catbg' && riTable[a].rows[b-2].cells[0].className == 'titlebg'){
newTab.appendChild(riTable[a].rows[b-2].cloneNode(true));
riTable[a].rows[b-2].style.display = 'none';
if(riAuthor == 'yes'){ newTab.appendChild(riTable[a].rows[b-1].cloneNode(true)); }
riTable[a].rows[b-1].style.display = 'none';
}
if(insBef){
newTab.appendChild(riTable[a].rows[0].cloneNode(true));
riTable[a].rows[0].style.display = 'none';
if(riAuthor == 'yes'){ newTab.appendChild(riTable[a].rows[3].cloneNode(true)); }
riTable[a].rows[3].style.display = 'none';
}
newTab.appendChild(riTable[a].rows[b].cloneNode(true));
riTable[a].rows[b].style.display = 'none';
if(riTable[a].rows[b+1] && riTable[a].rows[b+1].cells[0].className == 'titlebg'){
var end = true;
newTab.appendChild(riTable[a].rows[b+1].cloneNode(true));
riTable[a].rows[b+1].style.display = 'none';
if(riTable[a].rows[b+2]){
newTab.appendChild(riTable[a].rows[b+2].cloneNode(true));
riTable[a].rows[b+2].style.display = 'none';
}
}
newCell.appendChild(headImg.cloneNode(true));
newTable.appendChild(newTab);
newCell.appendChild(newTable);
newCell.appendChild(baseImg.cloneNode(true));
if(!end){ newCell.appendChild(gapDiv.cloneNode(true)); }
}
}
if(insBef){
riTable[a].parentNode.insertBefore(headImg.cloneNode(true),riTable[a]);
riTable[a].parentNode.insertBefore(baseImg.cloneNode(true),riTable[a].nextSibling);
}else{
riTable[a].parentNode.parentNode.style.display = 'none';
}
break;
}
}
}
</script>
<div class="pAds">
Main Footer
<!-- Main Footer -->
<style type='text/css'>
.headbg{
text-align: center;
}
</style>
<script type='text/javascript'>
/* DOM Category Splitter Final by Scorpian
Do not repost/redistribute without permission
[url]http://roddyinnov.proboards75.com[/url] */
/*=== Edit These ===*/
var vars = []; // Do not edit this line
vars['head'] = [
'http://i203.photobucket.com/albums/aa128/osirisax/techgreen-headimg.jpg', // URL of the head image
'25' // Height of the head image
];
vars['base'] = [
'http://i203.photobucket.com/albums/aa128/osirisax/techgreen-baseimg.jpg', // URL of the base image
'25' // Height of the base image
];
vars['prefs'] = [
'25', // Height of split between categories
'no', // Show Forum Name bar? "yes" or "no" only
'no', // Show Mark-As-Read bar? "yes" or "no" only
'1' // Splitter type. '1' for image above/below categories. '2' for head image to become catbg
];
/*=== Do Not Edit ===*/
var riTable = document.getElementsByTagName('table');
if(location.href.match(/action=home$/i) || !location.href.match(/(action|board)=/i)){
for(a=0; a<riTable.length; a++){
if(riTable[a].cellSpacing == 1 && riTable[a].cellPadding == 4 && riTable[a].rows[0].cells[0].innerHTML.match(/Forum\sName/i)){
riTable[a-1].style.backgroundColor = 'transparent';
var newCell = riTable[a-1].insertRow(-1).insertCell(0);
var forumName = riTable[a].rows[0].cloneNode(true);
for(b=0; b<riTable[a].rows.length; b++){
if(riTable[a].rows[b].cells[0].colSpan == 5 && riTable[a].rows[b].cells[0].align != 'right'){
var headTab = document.createElement('table'); var headCell = headTab.insertRow(0).insertCell(0);
headTab.width = '100%'; headTab.cellSpacing = 0; headTab.cellPadding = 0; headTab.border = 0;
headCell.height = vars['head'][1]; headCell.style.backgroundImage = 'url('+vars['head'][0]+')';
var baseTab = document.createElement('table'); var baseCell = baseTab.insertRow(0).insertCell(0);
baseTab.width = '100%'; baseTab.cellSpacing = 0; baseTab.cellPadding = 0; baseTab.border = 0;
baseCell.height = vars['base'][1]; baseCell.style.backgroundImage = 'url('+vars['base'][0]+')';
var tehTab = document.createElement('table');
var newTab = document.createElement('tbody');
var spaceDiv = document.createElement('div');
spaceDiv.style.height = vars['prefs'][0];
tehTab.cellSpacing = 1; tehTab.cellPadding = 4; tehTab.width = '100%';
tehTab.className = 'bordercolor'; tehTab.border = '0';
if(vars['prefs'][3] == 2){
headCell.className = 'headbg';
headCell.innerHTML = riTable[a].rows[b].cells[0].innerHTML;
}else{
newTab.appendChild(riTable[a].rows[b].cloneNode(true));
}
if(vars['prefs'][1] == 'yes'){
newTab.appendChild(forumName.cloneNode(true));
}
riTable[a].rows[b].style.display = 'none';
for(c=1; c<riTable[a].rows.length-b; c++){
var d = b + c;
if(riTable[a].rows[d].cells[0].className == 'windowbg'){
newTab.appendChild(riTable[a].rows[d].cloneNode(true));
riTable[a].rows[d].style.display = 'none';
if(riTable[a].rows[d+1]){
if(pb_username != 'Guest' && riTable[a].rows[d+1].cells[0].align == 'right'){
if(vars['prefs'][2] == 'yes'){ newTab.appendChild(riTable[a].rows[d+1].cloneNode(true)); }
riTable[a].rows[d+1].style.display = 'none';
newCell.appendChild(headTab);
tehTab.appendChild(newTab);
newCell.appendChild(tehTab);
newCell.appendChild(baseTab);
riTable[a].style.display = 'none'
break;
}
if(riTable[a].rows[d+1].cells[0].className == 'catbg' && riTable[a].rows[d+1].cells[0].align != 'right'){
newCell.appendChild(headTab);
tehTab.appendChild(newTab);
newCell.appendChild(tehTab);
newCell.appendChild(baseTab);
newCell.appendChild(spaceDiv);
break;
}
}else{
newCell.appendChild(headTab);
tehTab.appendChild(newTab);
newCell.appendChild(tehTab);
newCell.appendChild(baseTab);
newCell.appendChild(spaceDiv);
break;
}
}else{
newCell.appendChild(headTab);
tehTab.appendChild(newTab);
newCell.appendChild(tehTab);
newCell.appendChild(baseTab);
newCell.appendChild(spaceDiv);
break;
}
}
}
}
riTable[a].rows[0].style.display = 'none';
riTable[a].style.display = 'none';
riTable[a].parentNode.parentNode.style.display = 'none';
break;
}
}
}
</script>
<script type='text/javascript'>
/* Info Center head/base images by Scorpian
Version 1 - Images above and below table
[url]http://roddyinnov.proboards75.com[/url] */
/*=== Edit These ===*/
var headImg = 'http://i203.photobucket.com/albums/aa128/osirisax/techgreen-headimg.jpg'; // URL of head image
var baseImg = 'http://i203.photobucket.com/albums/aa128/osirisax/techgreen-baseimg.jpg'; // URL of base image
/*=== Do Not Edit ===*/
var riTable = document.getElementsByTagName('table');
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
for(x=0; x<riTable.length; x++){
if(riTable[x].cellSpacing == 1 && riTable[x].cellPadding == 4 && riTable[x].rows[0].cells[0].innerHTML.match(/Info\sCenter/i)){
var newHTML = "<img src='"+headImg+"'/><table width='100%' cellspacing='1' cellpadding='4' border='0' class='bordercolor'>";
newHTML += riTable[x].innerHTML
newHTML += "</table><img src='"+baseImg+"'/>";
var theTable = riTable[x].parentNode;
theTable.parentNode.parentNode.parentNode.style.backgroundColor = 'transparent';
theTable.innerHTML = theTable.innerHTML.replace(theTable.innerHTML,newHTML);
}
}
}
</script>
<script type="text/javascript">
//Remove info center titlebar
if( this.location.href.match(/\.com(\/(index\.cgi(\?|#\w+)?)?)?$/))
{
var T = document.body.getElementsByTagName("td");
for(t=0;t<T.length;t++){
if(T[t].className == "titlebg" && T[t].innerHTML.match(/Info\sCenter/))
T[t].parentNode.style.display = "none";
}}
</script>
<script type="text/javascript">
<!--
/* Remove Info Center Icons */
var td = document.getElementsByTagName("td");
for(i=0;i<td.length;i++) {
if(td[i].className=="windowbg" && td[i].width=="20" && td[i].vAlign=="middle") {
td[i].style.display="none";
}
}
// -->
</script>
<!-- End Main Footer -->
Comments
Best to disable google search within your general settings I feel it works better for the forum and enable text menus if you would like the hover effect.
If you have any issues with this skin please feel free to PM me or reply here and I will help you out.