Post by Navii on Nov 9, 2007 18:58:21 GMT
This skin is BROKEN!
Skin Name: Elegant Simplicity
Creator: Navii
Description: I wanted the most simple template and still wanted it to be smooth, and i think it worked out ok.
Additional Notes: All images where made by me, and the copyright is in the hands of Cielto Productions. The coding however is not, all the codes used in this template are copyrighted to their respective owners, and should not be ripped!
Template Colors:
Click!
Template Images:
Background:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/background.png
Banner Image:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/HeaderText.png
Menu Background:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/menubackground.png
Menu Hover:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/menuhover.jpg
Gradient:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Gradient.png
Head Image:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Head.png
Base Image:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Base.png
On Icon:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/On.png
Off Icon:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Off.png
Forum Statistics:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Forumstats.png
User's Online:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Userson.png
Codes:
Global Header:
Global Footer:
Main Header:
Main Footer:
Skin Name: Elegant Simplicity
Creator: Navii
Description: I wanted the most simple template and still wanted it to be smooth, and i think it worked out ok.
Additional Notes: All images where made by me, and the copyright is in the hands of Cielto Productions. The coding however is not, all the codes used in this template are copyrighted to their respective owners, and should not be ripped!
Template Colors:
Click!
Template Images:
Background:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/background.png
Banner Image:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/HeaderText.png
Menu Background:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/menubackground.png
Menu Hover:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/menuhover.jpg
Gradient:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Gradient.png
Head Image:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Head.png
Base Image:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Base.png
On Icon:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/On.png
Off Icon:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Off.png
Forum Statistics:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Forumstats.png
User's Online:
i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Userson.png
Codes:
Global Header:
<table width="100%" cellpadding="0" cellspacing="0" id="tabs"><tr><td style="width: 284px; background-image: url(BANNER IMAGE); height: 74px;"> </td><td class="menubg" style="padding: 0px; padding-right: 30px; height: 74px; text-align: right;"></td></tr></table>
<script type="text/javascript">
function get(tag){
return document.getElementsByTagName(tag);
}
get('table')[0].style.display = get('br')[0].style.display ="none";
var beforeads = document.createElement('div');
get('table')[0].parentNode.insertBefore(beforeads,get('table')[0]);
var m = get('td')[5].getElementsByTagName('a');
while(m.length>0){
m[0].innerHTML = m[0].firstChild.alt.replace(/\[|\]/g,'');
m[0].className="tab";
document.getElementById('tabs').rows[0].cells[1].appendChild(document.createElement('div'));
document.getElementById('tabs').rows[0].cells[1].lastChild.appendChild(m[0]);
}
var banner = document.createElement('div');
banner.id="banner";
beforeads.appendChild(document.getElementById('tabs'));
beforeads.appendChild(banner);
var bannerimg = get('img');
for(i=0;i<bannerimg.length;i++){
if(bannerimg[i].alt="Message Board"){
bannerimg = bannerimg[i];
break;
}
}
banner.appendChild(bannerimg);
beforeads.align="center";
</script>
<script>
document.getElementsByTagName('tr')[1].cells[1].style.display="none";
document.getElementsByTagName('font')[1].style.display="none";
</script>
<style type="text/css">
<!--
.titlebg {background-image: url(GRADIENT); background-repeat: repeat;}
.catbg {background-image: url(GRADIENT); background-repeat: repeat;}
.menubg {background-image: url(MENU BACKGROUND); background-repeat: repeat;}
a.tab{
color: #fff;
float: right;
font-size: 12px;
font-weight: bold;
height: 40px;
padding: 3px;
padding-top: 31px;
text-align: center;
}
a.tab div{
color: #fff;
float: right;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 3px;
margin-top: 31px;
vertical-align: middle;
}
a.tab:hover div, a.tab:hover{
background-image: url(MENU BACKGROUND);
color: #fff;
text-decoration: none;
}
-->
</style>
<!--[if IE]>
<style type="text/css">
<!--
a.tab{
color: #fff;
font-size: 12px;
font-weight: bold;
height: 74px;
padding: 0px 3px;
padding-top: 31px;
}
a.tab:visited{
color: #fff;
}
a.tab div{
color: #fff;
float: right;
font-size: 12px;
font-weight: bold;
text-decoration: none;
padding: 3px;
vertical-align: middle;
}
a.tab:hover div, a.tab:hover{
background-image: url(MENU HOVER);
color: #fff;
text-decoration: none;
}
#banner{
position: relative;
left: 1px;
}
-->
</style>
<![endif]-->
<style type="text/css"> BODY {background-image: url(BACKGROUND); background-position: center top; background-repeat: repeat-y; padding: 0; margin: 0;} </style>
<style type="text/css">
<!--
A:hover { color:749B9F; }
//-->
</style>
<style>
.catbg{text-align:center}
</style>
Global Footer:
<script>
var Tab = document.getElementsByTagName("TABLE");
for(i=0;i<Tab.length;i++){
if(Tab[i].width == "92%"){
Tab[i].width = "750";
}
}
</script>
Main Header:
There are no codes in the Main Header
Main Footer:
<script type="text/javascript">
<!--
/* Created by Jay.
Divided Categories with Head/Base Images
http://ngmaster.proboards21.com
This code may not be redistributed without permission.
Please leave this header intact at all times. */
var headBaseSettings = [
['HEAD IMAGE'], // head image
['BASE IMAGE'], // base image
['25'] // gap size
];
var getTR = document.getElementsByTagName('tr');
if (window.location.href.match(/com(\/$|\/index\.c\wi\??($|\w{6}=home)$)$/)) {
for (var i = 1; i < getTR.length; i ++) {
if (getTR.item(i).firstChild.colSpan == 2 && getTR.item(i).firstChild.firstChild.className == 'titletext' && getTR.item(i).firstChild.innerHTML.match(/>Forum Name</)) {
var titleBase = document.createElement('img');
titleBase.src = headBaseSettings[1];
var cloneTitle = getTR.item(i).cloneNode(true).innerHTML;
}
if (getTR.item(i).firstChild.colSpan == 5 && getTR.item(i).firstChild.className == 'catbg' && getTR.item(i).firstChild.align != 'right') {
var cloneTarget = getTR.item(i).getElementsByTagName('td')[0].cloneNode(true).innerHTML;
var newTab = '<td id="del"></td></tr></table>' + (getTR.item(i - 1).innerHTML.match(/>Forum Name</)? '' : '<img src="' + headBaseSettings[1] + '" /><div style="height: ' + headBaseSettings[2] + 'px;"></div>') + '<img src="' + headBaseSettings[0] + '" style="vertical-align: bottom;" /><table width="100%" cellspacing="1" cellpadding="4" class="bordercolor"><tr><td class="catbg" colspan="6">' + cloneTarget + '</td></tr><tr id="frow">';
eval("(getTR.item(i - 1).innerHTML.match(/>Forum Name</)? getTR.item(i).parentNode.parentNode.parentNode.parentNode.parentNode.insertRow(-1).insertCell(-1).appendChild(titleBase) : '')");
getTR.item(i).parentNode.className = 'bordercolor';
with (getTR.item(i).parentNode.parentNode.parentNode) {
parentNode.parentNode .parentNode.style.backgroundColor = 'transparent';
innerHTML = innerHTML.replace(getTR.item(i).cloneNode(true).innerHTML, newTab + cloneTitle);
}
}
if (getTR.item(i).firstChild.id == 'del' || (getTR.item(i).id != 'frow' && getTR.item(i).getElementsByTagName('td')[0].className == 'titlebg' && getTR.item(i).getElementsByTagName('td')[0].innerHTML.match(/>Forum Name</))) {
getTR.item(i).style.display = 'none';
}
}
}
//-->
</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' language='JavaScript'>
/* Remove "Mark as Read" Bar by Scorpian */
var riTd = document.getElementsByTagName('td');
if(location.href.match(/action=home/i) || !location.href.match(/(action|board)=/i)){
for(x=0; x<riTd.length; x++){
if(riTd[x].className == 'catbg' && riTd[x].colSpan == '5' && riTd[x].innerHTML.match(/Mark All Boards Read/i)){
riTd[x].parentNode.style.display = 'none';
}
}
}
</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>
<center>
//
<img src="http://i152.photobucket.com/albums/s178/Partical/Templates/Elegant%20Simplicity/Copyright.png">
</center>