Post by pre on Jul 27, 2013 2:17:13 GMT -5
Im trying to install the above skin on my forum and im totally confused with the following below... I have no clue where to put these codes at. Sorry for such a noob question, any help would be appreciated.
==============================
GLOBAL HEADER:
<!-- Coded By Russell tv.vforums.co.uk -->
<style type="text/css">
#pmcon{
position:absolute;
top:0px;
background-color:#000000; /*Edit here*/
color:#ffffff;/*Edit here*/
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
margin: 0px;
padding-top: 5px;/*Edit here*/
width: 100%; /*Edit here*/
height: 35px; /*Edit here*/
z-index: 9999;
-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
display:none;
text-align:center;
}
#pmclo{
position:absolute;
top:0px;
background-color:#000000; /*Edit here*/
position: fixed;
bottom: 0px;
right: 0px;
left: 0px;
margin: 0px;
width: 100%; /*Edit here*/
height: 5px; /*Edit here*/
z-index: 9999;
-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;
}
</style>
<div id="pmclo"></div>
<div id="pmcon"></div>
<style = "text/css">
<!--
BODY {
background-image: URL('http://imageshack.us/a/img9/8392/liekomgbg2.jpg');
background-repeat: repeat-y;
background-position: center top;
background-attachment: fixed;
font-size: 10px;
letter-spacing: 0px;
}
a:hover {
color: #810406;
text-decoration: none;
}
.cattext,.titletext,.text1 {
font-size: 10px;
letter-spacing: 0px;
}
.windowbg, .windowbg2 {
font-size: 10px;
}
.catbg {
background-image: url(http://i46.tinypic.com/25qdszn.jpg);
background-repeat: repeat;
}
.titlebg {
background-image:url(http://i47.tinypic.com/f2ikit.jpg);
background-repeat: repeat;
}
.menubg {
background-image: url(http://i47.tinypic.com/f2ikit.jpg);
background-repeat: repeat;
}
.button {
margin-left: 2px;
margin-right: 2px;
}
.headimage {
text-align: center;
}
.headimage font {
color: #F1F1F1;
}
//-->
</style>
<script type="text/javascript">
var vfiPB=document.getElementsByTagName("td");
if(vfiPB[2].innerHTML.match(/action=pm">(\d+)\s/i)) {
var total_pms = RegExp.$1
}
if(vfiPB[2].innerHTML.match(/, (\d+)\ (are|is) new./i)){
var new_pms = RegExp.$1
}
if( pb_username != "Guest" ){
document.getElementById("pmcon").style.display="block";
var pmbb = "Hello "+pb_displayname+" [<a href='/index.cgi?action=viewprofile'>View Profile</a> | <a href='/index.cgi?action=modifyprofile&user="+pb_username+"'>Edit Profile</a>] [Messages <a href='/index.cgi?action=pm'>"+new_pms+"</a> New "+total_pms+" Old]";
document.getElementById("pmcon").innerHTML = pmbb;
}
</script>
<script>
$('#pmcon').mouseleave(function() { $('#pmcon').delay(800).slideUp('slow', function() { }); });
$('#pmclo').mouseenter(function() { $('#pmcon').slideDown('slow', function() { }); });
</script>
<script type="text/javascript">
<!--
var help = document.links;
for(h=0; h<help.length; h++)
{
if(help[h].href == 'http://help.proboards.com/')
{
help[h].href = 'http://writhed.proboards.com/index.cgi?board=suggestions';
}
}
// -->
</script>
<script type='text/javascript'>
<!--
/* Menu: Custom Start-Divider-End Character or Image by SubDevo */
/* Global Header - Please leave this header intact. Do not repost. */
/* interoceandesigns.proboards.com or lsdp.proboards.com */
var start=""; // Start of Menu Character(s) or Image URL
var end=""; // End of Menu Character(s) or Image URL
var divider=" "; // Divider Character(s) or Image URL
var remBrackets=0; // Remove "[]" from Menu? 1=Yes, 0=No.
function cM(a){return ((a.match(/^http:/i))?'<img src="'+a+'" alt="::" \/>':a.replace(/\s/g,nbs));}
var n=document.links; var nbs="&nb"+"sp;"; var x=0;
while(!n[x].href.match(/\.cgi$/i)){x++;} var nb=n[x].parentNode;
var mI=nb.innerHTML.replace(/a>.*?<a/gi,'a>'+cM(divider)+'<a').replace(/^\s|\s$/g,"");
nb.innerHTML=cM(start)+((remBrackets)?mI.replace(/(\[|\])/gi,""):mI)+cM(end);
//-->
</script>
<script>
var mLink = document.getElementsByTagName ("a");
for (var a = 0, l = mLink.length; a < l; a ++) {
if (mLink.item (a).href.match (/action=newestthreads/i)) {
mLink.item (a).parentNode.removeChild (mLink.item (a).nextSibling);
mLink.item (a).parentNode.removeChild (mLink.item (a));
break;
}
}
var mLink = document.getElementsByTagName ("a");
for (var a = 0, l = mLink.length; a < l; a ++) {
if (mLink.item (a).href.match (/action=search/i)) {
mLink.item (a).parentNode.removeChild (mLink.item (a).nextSibling);
mLink.item (a).parentNode.removeChild (mLink.item (a));
break;
}
}
var mLink = document.getElementsByTagName ("a");
for (var a = 0, l = mLink.length; a < l; a ++) {
if (mLink.item (a).href.match (/action=calendar/i)) {
mLink.item (a).parentNode.removeChild (mLink.item (a).nextSibling);
mLink.item (a).parentNode.removeChild (mLink.item (a));
break;
}
}
</script>
<script type="text/javascript">
var td = document.getElementsByTagName('td');
td[5].innerHTML = td[5].innerHTML.replace(/\]/g,'');
td[5].innerHTML = td[5].innerHTML.replace(/\[/g,'');
</script>
<script type="text/javascript">
<!--
Object = document.getElementsByTagName("Table");
for(t=0;t<Object.length;t++){
if(Object.item(t).cellPadding == "10"){
Object.item(t).cellPadding = "0" //Edit To Change Size
}
}
Object = document.getElementByTagName("TD");
Object.item(5).align = "left" //left or right
//-->
</script>
<script>
var TD=document.getElementsByTagName("TD")
for(t=0;t<TD.length;t++)
if(TD[t].width=="8%"){TD[t].vAlign="middle"}
</script>
<script language=javascript>
<!--
var PMLogoCell = document.getElementsByTagName("TD")[1]; PMLogoCell.removeChild(PMLogoCell.lastChild)
-->
</script>
<script>
document.getElementsByTagName("TD")[2].style.display='none'
</script>
<script>
boardWidth=document.getElementsByTagName('table');
for(bw=0;bw<boardWidth.length;bw++){
if(boardWidth[bw].width=='92%'){
boardWidth[bw].width='800';
}}
</script>
<script type="text/JavaScript">
// Remove Welcome Table Border by Chris
var tab = document.getElementsByTagName("TABLE")[0];
tab.cellSpacing = 0;
tab.className = "";
tab.style.backgroundColor = "transparent";
</script>
<script type="text/JavaScript">
// Remove Welcome Table Border by Chris
var tab = document.getElementsByTagName("menubg")[0];
tab.cellSpacing = 0;
tab.className = "";
tab.style.backgroundColor = "transparent";
</script>
<script type="text/javascript">
<!--
/* menu buttons inside banner by california */
var imgURL = "http://imageshack.us/a/img696/5205/bannercp.png";
var imgWidth = "800";
var imgHeight = "187";
var menuXpos = "17";
var menuYpos = "5";
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>
<script type="text/javascript">
/* Plade Ads Above Banner
© tu advanced 2004-2005
ngmaster.proboards21.com */
document.write("<p id='above'></p>")
var T = document.getElementsByTagName("table")[0];
T.parentNode.removeChild(T);
T.style.marginTop = "14";
var newBR = document.createElement("br");
var newT = document.getElementById("above");
document.body.appendChild(newBR);
document.body.replaceChild(T,newT);
</script>
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>
<script>
// Background
var bgtop = "http://i50.tinypic.com/30j0mc8.jpg";
var bgmiddle = "http://i50.tinypic.com/30j0mc8.jpg";
var bgbottom = "http://i45.tinypic.com/347us01.jpg";
// Start background
document.write('<table width="800" border="0" cellpadding="0" cellspacing="0" align="center"><tr><td><img src="'+bgtop+'" border="0" /></td></tr><tr><td style="background-image: url('+bgmiddle+');">');
</script>
======================
GLOBAL FOOTER
<script>
/*
Sticky Splitter V1.0
Created by CrAzY_J - hatakeforum.proboards30.com
Do not redistribute or modifify this code without the permission of it's creator
*/
var sticks=/sticky|stickylock/i
if(location.href.match('board=')){
var Tab=document.getElementsByTagName('table');
for(t=0;t<Tab.length;t++){
if(Tab[t].cellPadding=='4' && Tab[t].cellSpacing=='1' && Tab[t].rows[0].cells[0].className=='titlebg'){
var Tr=Tab[t].getElementsByTagName('tr');
for(r=0;r<Tr.length;r++){
if(Tr[r].cells[0].width=='5%' && Tr[r].cells[0].className=='catbg')
Tr[r].cells[2].innerHTML=Tr[r].cells[2].innerHTML.replace('Subject','Important Topics')
if(Tr[r].cells[0].width=='5%' && Tr[r].cells[0].className=='windowbg2' && !Tr[r].innerHTML.match(sticks)){
var Irow=Tab[t].insertRow(r-1);
var iCell1=Irow.insertCell(0);var iCell2=Irow.insertCell(1);
iCell1.colSpan=document.ammForm?2:1;
var iCell3=Irow.insertCell(2);var iCell4=Irow.insertCell(3);
var iCell5=Irow.insertCell(4);var iCell6=Irow.insertCell(5);
var iCell7=Irow.insertCell(6);
iCell1.className='catbg';iCell3.innerHTML='<font size="2" class="cattext">Normal Topics</font>';
iCell2.className='catbg';iCell4.innerHTML='<font size="2" class="cattext"><center>Started By</center></font>';
iCell3.className='catbg';iCell5.innerHTML='<font size="2" class="cattext">Replies</font>';
iCell4.className='catbg';iCell6.innerHTML='<font size="2" class="cattext">Views</font>';
iCell5.className='catbg';iCell7.innerHTML='<font size="2" class="cattext">Last Post</font>';
iCell6.className='catbg';iCell7.className='catbg';
break;
}}}}}
</script>
<script type="text/javascript">
<!--
/* center miniprofile */
var td=document.getElementsByTagName("td");
if(location.href.match(/action/)){
for(i=0;i<td.length;i++){
if(td.className.match(/windowbg/) && td.width=="20%"){
td.align="center";
}
}
}
//-->
</script>
<script type="text/javascript">
<!--
/*
Modify image size to fit forum
By Todge
Please keep this header intact
*/
var picWidth = '600'; //Maximum image width..
var picHeight = '50000'; //Maximum image height..
var pics = document.images;
if(window.addEventListener)
{
window.addEventListener('load', imageSize, false);
}
else if(window.attachEvent)
{
window.attachEvent('onload', imageSize);
}
else
{
window.onload = imageSize;
}
function imageSize()
{
var p=pics.length-1;
while(p>-1)
{
if(pics
.alt=='[image] ')
{
if(pics
.width>picWidth || pics
.height>picHeight)
{
var thisPicWidth = picWidth;
if(pics
.height/(pics
.width/picWidth)>picHeight)
{
thisPicWidth = pics
.width/(pics
.height/picHeight)
}
var newWidth = 100-parseInt(thisPicWidth/pics
.width*100);
var picLoaded = document.createElement('A');
picLoaded.setAttribute('href',pics
.src);
picLoaded.setAttribute('target','_blank');
picLoaded.innerHTML = '<font size="0">This image is reduced by '+newWidth+'%, click it to view full size.</font><br><img src="'+pics
.src+'" width="'+thisPicWidth+'" border="0">';
pics
.parentNode.replaceChild(picLoaded,pics
);
}}
p--;
}}
// -->
</script>
<script type="text/Javascript">
// Sub-Boards in Boards Cell v2 by Chris
// Do not redistribute without permission of the creator
var dontShow = [ // IDs of the boards to not have the sub-boards shown for
"test2",
"board2" // No comma on last line
];
var beforeText = "<font size='1'>["; // Text before all the sub-boards
var afterText = "]</font>"; // Text after all the sub-boards
var middleText = ", "; // Text between each sub-board
// Don't edit
var aTD = document.getElementsByTagName("TD");
var aSE = document.getElementsByTagName("SELECT");
var subRe = /\s\(\d+ sub-boards?\)/i;
function analyzePage(){
// Adds the div's with IDs
for(a=4;a<aTD.length;a++){
if(aTD.width == "66%" && aTD.innerHTML.match(subRe)){
var d = document.createElement("div");
d.id = "sub_"+aTD.getElementsByTagName("A")[0].href.split(/board=/i)[1];
if(aTD.lastChild.nodeName.toLowerCase() == "font")
aTD.appendChild(d);
else
aTD.insertBefore(d,aTD.lastChild);
aTD.innerHTML = aTD.innerHTML.replace(subRe,"");
a = a+4;
}
}
}
function addListing(){
for(a=0;a<aSE.length;a++)
if(aSE.options[0].text == "Forum Jump")
break;
for(b=0;b<aSE.options.length;b++){
if(aSE.options.value != "" && aSE.options.text.match(/^-\s/i)){
var bid = aSE.options.value.split(/board=/i)[1];
if(!document.getElementById("sub_"+bid) || dontShow.toString().indexOf(bid) != -1)
continue;
var data = "";
while(aSE.options[b+1] && aSE.options[b+1].text.match(/---\s/i)){
b++;
data += (data == ""?"":middleText)+"<a href='"+aSE.options.value+"'>"+aSE.options.text.replace(/---\s/,"")+"</a>";
}
document.getElementById("sub_"+bid).innerHTML = beforeText+data+afterText;
}
}
}
if(location.href.match(/action=(change|home)/i) || !location.href.match(/action=/i)){
analyzePage();
addListing();
}
</script>
<script>
var fJ=document.getElementsByTagName("Select");
for(s=0;s<fJ.length;s++){
if(fJ.innerHTML.match(/forum jump/i)){
fJ.style.display="none";
}
}
</script>
<br/><script language="JavaScript">
var boardwidth = document.getElementsByTagName('TABLE');
for(i=0;i<boardwidth.length;i++) {
if(boardwidth.width=="92%"){
boardwidth.width='750px';}}
</script>
<center><a href="#">Back to Top</a></center><br/><!--EMPTY LP COLUMN-->
<br>
<center><a href="http://theanthonye.deviantart.com"><img src="http://img.photobucket.com/albums/v244/liltony9144/writhed/copyright-1.png"></img></a></center>
<script>
// End background
document.write("</td></tr><tr><td><img src='"+bgbottom+"' border='0' /></table>");
</script>
<script type="text/javascript">
//Convert Buttons to Text - Update 1 by hpmad
//Do not redistribute without permission from creator
var host1 = 'http://s1.images.proboards.com/buttons';
var host2 = 'http://s2.images.proboards.com/new/buttons';
var host3 = 'http://s2.images.proboards.com/buttons';
var host4 = 'http://images.proboards.com/new/buttons';
var img = document.getElementsByTagName('img');
for(i=0;i<img.length;i++){
if(img.src.match(host1) || img.src.match(host2) || img.src.match(host3) || img.src.match(host4) || img.src.match(/search2.gif|newpoll/i)){
img.alt = img.alt.replace(/(\[|\])/g,'');
var font = document.createElement('font'); font.style.fontSize = '7pt';
font.style.fontWeight = 'bold'; font.className = 'button';
font.appendChild(document.createTextNode(img.alt));
img.parentNode.replaceChild(font,img);
i--;
}
}
</script>
<script type="text/javascript">
<!--
/* remove all borders */
var table = document.getElementsByTagName("table");
for(i=0; i<table.length; i++){
table.cellSpacing = "0";
table.border = "0";
}
//-->
</script>
<script type="text/javascript">
<!--
/*Spoiler UBBC Tags - By iAlex - Open Source*/
var iSpPic="http://img230.imageshack.us/img230/1641/shhep9.png"; //Spoiler UBBC Image
if(document.postForm && document.postForm.color){
var iSpSpan=document.createElement('span');
iSpSpan.innerHTML='<a href="javascript: add(\'
document.postForm.color.parentNode.parentNode.appendChild(iSpSpan);
}
if(location.href.match(/action=(display|(user)?recent|(calendar|pm)view|search2)/) || document.postForm){
var iTd=document.getElementsByTagName('td');
var i=iTd.length;
while(--i){
if(iTd.item(i).height=="100%" && iTd.item(i).width=="80%" && iTd.item(i).vAlign=="top" && iTd.item(i).align=="left" && iTd.item(i).className.match(/windowbg(2)?/) && iTd.item(i).innerHTML.match(/\
iTd.item(i).innerHTML = iTd.item(i).innerHTML.replace(/\[spoiler\](.+?)\[\/spoiler]/gi,'<b'+'r/><b>Spoiler: </b><div><input type="submit" value="Show" onclick="iShowHide(this)" /><div id="iSpoilerHold" style="display:none"><table class="bordercolor" cellspacing="1" cellpadding="4" border="0" width="80%"><tr><td class="windowbg">$1</td></tr></table></div></div></b'+'r/>');
}
}
}
function iShowHide(iButton){
if(iButton.value.match(/Show/)){
iButton.parentNode.getElementsByTagName('div').item(0).style.display='';
iButton.value='Hide';
}
else if(iButton.value.match(/Hide/)){
iButton.parentNode.getElementsByTagName('div').item(0).style.display='none';
iButton.value='Show';
}
}
//-->
</script>