SoClean | ByteMe Codes

SoClean Aug 13, 2012 13:35:41 GMT -5

Quote

Post by Game on Aug 13, 2012 13:35:41 GMT -5

*PREVIEW'

Update:8]5]12
Bug Found: Proboards Ad has to be set to LeaderBoard

The only thing that I ask of you is to leave the code that is located at the very bottom of your Global Footer at the very bottom at all times.

I am referring to this code:
<script>
//LEAVE THIS BLOCK OF CODE INTACT ALWAYS
document.write("This site was designed by <a href='http://superfine.boards.net'>Superfine Design</a> <i>'Get a Tight Site!'</i><br><br>")
</script>

It is one line of text at the very bottom of your pages that links to my design forum.

Understand this design will be redistributed.
If you want to claim sole ownership, you will need to purchase a custom design.
This means that your site will be unique and original.

To plug in (install) the code follow the simple instructions below:

You will first need to enable your news fader
and change menu to text via your admin panel. (General Settings)

Plug in codes to their correct areas.

MAIN HEADER

<style type="text/css">
#forum
{
width:100%;
margin-top:-12;
}
#MyTable 
{
width:82%; 
} /*Main Table*/ 
#fader
{
height: 10px; background-image: url(http://i1157.photobucket.com/albums/p595/Gamethefirst/gradient.jpg);
} /*Extra Row Under Menu*/
#newsbg
{
width:300px; height:8px; position:absolute; left:97px; top:396; z-index:1; background-image: url(http://i1157.photobucket.com/albums/p595/Gamethefirst/gradient.jpg);
} /*Image Inside Extra Row Under Menu*/
#newstextdiv 
{
background-color:#090b22;
width:550;
text-align:center;
margin-left:302px;
} /*News Faders Div*/
.titlebg 
{
background-image: url(http://i1157.photobucket.com/albums/p595/Gamethefirst/gradient.jpg);
} /*Default*/

.catbg
{background-image:url(http://i1157.photobucket.com/albums/p595/Gamethefirst/catbg-2.png); height:15; font-size:16; font;weight:bold; letter-spacing:7;
} /*Default*/
#sidetables 
{ 
width: 300px; margin-right: 10px;
} /*Main Table Side Tables Are In
.windowbg3
{
background-color: #67707f; height: 200px;
} /*Content Area Of Side Tables*/
.LSide
{
background-image: url(http://i1157.photobucket.com/albums/p595/Gamethefirst/Lsidegradient.png); background-repeat: repeat x;
} /*Left Side Background Image For Side Tables*/
.RSide
{
background-image: url(http://i1157.photobucket.com/albums/p595/Gamethefirst/Rsidegradient-1.png); background-repeat: repeat x;
} /*Right Side Background Image For Side Tables*/

</style> 


<script type= "text/javascript"> 
//ADD ROW TO BOTTOM OF WELCOME TABLE AND INSERT NEWS FADER
//PART 1
//Placement: MAIN HEADER
var td= document.getElementsByTagName("table")
for(i=0;i<td.length;i++)
{
if(td[i].width== "92%" && td[i].className == "bordercolor")
{
td[i].id="welcome"
var row=td[i].insertRow(2);
var cell1=row.insertCell(0);
cell1.id="fader";
}
}
</script>

MAIN FOOTER

<script type="text/javascript">
//ADD ROW TO BOTTOM OF WELCOME TABLE AND INSERT NEWS FADER
//Part 2
//Placement: MAIN FOOTER
var td=document.getElementsByTagName("td")
var fadernews=document.getElementById("fader")
for(i=0;i<td.length;i++)
{
if(td[i].className== "newstitlebg")
{ 
var news=td[i].parentNode.nextSibling.innerHTML
fadernews.innerHTML="<div id='newstextdiv'>"+news+"</div>" 
td[i].parentNode.parentNode.style.display="none"
}
}
</script> 




<script>
document.getElementById("welcome").colSpan="2"
</script>

<script type="text/javascript">
//GIVE FORUM AN ID
table= document.getElementsByTagName("table")
for(i=1;i<td.length;i++)
{
if(table[i].width== "92%")
{
table[i].id="forum"
}
}
</script>



<script type="text/javascript">
//REMOVE "FORUM NAME" FROM TITLE BAR 
td= document.getElementsByTagName("td")
for(i=1;i<td.length;i++)
{
if(td[i].className== "titlebg" && td[i].innerHTML.match(/Forum Name/i))
{
td[i].innerHTML=""
}
}
</script>

GLOBAL HEADER

<style type="text/css">
<!--============== THREAD PAGE HACKS =============-->
#forumjump 
{ 
display: none; 
} /*Default*/
#windowbg2link 
{
color: #090b22;
} /*'Started By' column*/
.newwindowbg2
{
color: #ffffff;
background-color: #737c8b;
border-bottom: solid 1px #090b22 ;
} /*Replace Default*/
.newwindowbg
{
background-color: #090b22 ;
border-bottom: solid 1px #737c8b ; 
} /*Replace Default*/ 
.newcatbg
{
background-image: url(http://i1157.photobucket.com/albums/p595/Gamethefirst/titlebg.jpg);
} /*Replace Default*/
.newtitlebg
{
background-image:url(http://i1157.photobucket.com/albums/p595/Gamethefirst/catbgnoradius.png); repeat: no repeat; background-position: middle;
} /*Replace Default*/

<!--===============================-->
.menubg
{
background-image: url(http://i1157.photobucket.com/albums/p595/Gamethefirst/titlebg.jpg); height: 25px;
} /*Default*/ 
.menubg a, .menubg a:visited 
{
color: #FFFFFF; text-align:center; padding: 8px; border-right: 1px solid #090b22; border-left: 1px solid #090b22; text-decoration:none;
} /*Menu Nav Buttons*/
.menubg a:hover
{
color: #090b22; text-align:center; padding: 8px; border-right: 1px solid #5d6474; border-left: 1px solid #5d6474; text-decoration:none;
} /*Menu Nav Buttons*/
.windowbg 
{
border-bottom: 1px solid #090b22;
} /*Default*/
.windowbg2 
{
border-bottom: 1px solid #99a5b5;
} /*Default*/
.windowbg3
{
background-color: #67707f;
height:150px;
} /*SideTables Content*/
.TableOutsideBorder
{
heigth:100%;
background-color: #3a4153;
color: #3a4153;
} /*Border Around Forum Only*/
a: 
{
text-decoration:none;
} /* unvisited link */
a:visited 
{
text-decoration:none;
} /* visited link */
a:hover 
{
text-decoration:none;
} /* mouse over link */
a:active 
{
text-decoration:none;
} /* selected link */ 
</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>
//WELCOME TABLE HACKS
document.getElementsByTagName('font')[1].style.display="none"; //REMOVE <HOME>
document.getElementsByTagName('td')[2].style.display="none"; //REMOVE HEY X
document.getElementsByTagName('table')[0].cellSpacing="0"; //REMOVE BORDER FROM WT
document.getElementsByTagName('table')[0].style.width='82%'; // RESIZE WELCOME TABLE
document.getElementsByTagName('table')[0].colSpan="2"; // RESIZE WELCOME TABLE
</script>

<script type="text/javascript">
//REMOVE BRACKETS FROM MENU
var menu = document.getElementsByTagName('td');
for(e=0; e<menu.length; e++)
{
if(menu[e].className.match(/menubg/i))
{
menu[e].innerHTML = menu[e].innerHTML.replace(/(\[)/gi,'');
menu[e].innerHTML = menu[e].innerHTML.replace(/(\])/gi,'');
} 
}
</script>

<!-- =====START HTML TABLES===== -->
<table id="MyTable" align="center" cellpadding="0px" cellspacing="0px">
<tr>
<td vAlign="top">
<table id="mainsidetable">
<tr>
<td>
<!--===== SIDE TABLE #1 START =====-->
<table id="sidetables" cellpadding="0px" class="bordercolor" cellspacing="0">
<tr>
<td colspan="3" align="center" class="titlebg" height="23">
</td>
</tr>
<tr>
<td class="LSide" width="30">
</td>
<td valign="top">
<table width="100%" align="center" cellpadding="0px" cellspacing="0">
<tr>
<td align="center" class="titlebg" height="23">TITLE HERE
</td>
</tr>
<tr>
<td class="windowbg3">
<center>
CONTENT HERE
</center>
</td>
</tr>
</table>
</td>
<td class="RSide" width="30">
</td>
</tr>
<tr>
<td class="titlebg" colspan= "3">
<br>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!-- ===== SIDE TABLE #2 START ===== -->
<table id="sidetables" cellpadding="0px" class="bordercolor" cellspacing="0">
<tr>
<td colspan="3" align="center" class="titlebg" height="23">
</td>
</tr>
<tr>
<td class="LSide" width="30">
</td>
<td valign="top">
<table width="100%" align="center" cellpadding="0px" cellspacing="0">
<tr>
<td align="center" class="titlebg" height="23">
TITLE HERE
</td>
</tr>
<tr>
<td class="windowbg3">
<center>
CONTENT HERE
</center>
</td>
</tr>
</table>
</td>
<td class="RSide" width="30">
</td>
</tr>
<tr><td class="titlebg" colspan= "3">
<br>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<!-- ===== SIDE TABLE #3 START ===== -->
<table id="sidetables" cellpadding="0px" class="bordercolor" cellspacing="0">
<tr> 
<td colspan="3" align="center" class="titlebg" height="23">
</td> 
</tr>
<tr>
<td class="LSide" width="30">
</td>
<td class="windowbg3" valign="top">
<table width="100%" align="center" cellpadding="0px" cellspacing="0">
<tr>
<td align="center" class="titlebg" height="23">
TITLE HERE
</td>
</tr>
<tr>
<td class="windowbg3">
<center>
CONTENT HERE
</center>
</td>
</tr>
</table>
</td>
<td class="RSide" width="30">
</td>
</tr>
<tr>
<td class="titlebg" colspan= "3">
<br>
</td>
</tr> 
</table>
</td>
</tr>
</table>
</td>
<td class="TableOutsideBorder">-
</td>
<td align="left" vAlign="top" width="100%">

GLOBAL FOOTER

<!--== CONTENT UNDER FORUM (HTML TABLES) ==-->

</td>
<td class="TableOutsideBorder">-
</td>
</tr>
</table>

<script type="text/javascript">
//THREAD PAGE HACKS
if(!pb_action.match(/home/i)){
st= document.getElementById("mainsidetable")
st.style.display="none"
td= document.getElementsByTagName("td")
for(i=0;i<td.length;i++){
if(td[i].className == "titlebg"){
td[i].className= "newtitlebg"}
if(td[i].className == "catbg"){
td[i].className= "newcatbg"}
if(td[i].className== "windowbg"){
td[i].className= "newwindowbg"}
if(td[i].className== "windowbg2"){
td[i].className= "newwindowbg2"}
if(td[i].width=="66%"){
td[i].className="windowbg2"}
}
a= document.getElementsByTagName("a")
for(i=0;i<a.length;i++){
if(a[i].className == "group1"){
a[i].id= "windowbg2link"}
}
var width="82%"
var table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) {
if(table.item(t).width == "92%") {
table.item(t).width = width;
}}
}
</script>

<script type="text/javascript">
<!--
/* REMOVE NAV TREE BY ROSS
open source - please leave header intact */
var a = document.getElementsByTagName('a');
for(i=0; i<a.length; i++) {
if(a.item(i).className == 'nav') {
var obj = a.item(i).parentNode;
while(obj.firstChild.nodeName.match(/^(br|a|#text|font)$/i)) {
obj.removeChild(obj.firstChild);
}
break;
}
}
//-->
</script>

<script type="text/javascript">
//RESIZE FORUM WIDTH
var fWidth = '100%';
var table = document.getElementsByTagName('table');
for(t=0; t<table.length; t++) 
{
if(table.item(t).width == "92%") 
{
table.item(t).width = fWidth;
}
}
</script>
<script type="text/javascript">
//REMOVE DATE AND TIME ON MAIN PAGE
if(pb_action.match(/(home|boardindex)/))
{
var td = document.getElementsByTagName('td');
for(t=0; t<td.length; t++)
{
if(td[t].width.match(/2[40]%/) && td[t].className.match(/windowbg/) && 
td[t].innerHTML.match(/>by /))
{
td[t].innerHTML = 'By '+td[t].innerHTML.split('>by ')[1];
}
}
}
</script>

<script type="text/javascript">
//CALENDAR HACK CHANGE WINDOW BG2
if(pb_action == "calendar"){
document.getElementsByTagName("td")
for(i=0;i<td.length;i++){
if(td[i].className== "newwindowbg2"){
td[i].style.backgroundColor="black"
}}}
</script>
<center>
<script>
//LEAVE THIS BLOCK OF CODE INTACT ALWAYS
document.write("This site was designed by <a href='http://superfine.boards.net'>Superfine Design</a> <i>'Get a Tight Site!'</i><br><br>")
</script>
</center>

MODIFY SKIN
If I donot list a field below leave that field as is. The field is irrellevant.

Be sure to copy the complete url below (width=100%" height=220 is a part of the link)

Logo Url: YOUR HEADER URL" width=100%" height=220

Background Color: 090b22
Text Color: FFFFFF
Link Color: 03a1e7
Active: 03a1e7
Visited: 03a1e7
Title Background: 006cb7
Title Text: 090b22
Category Background: 737c8b
category Text: 090b22
WindowBg1: 737c8b
WindowBg2: 090b22
Board Highlight: 1d1e3c
Thread Highlight: 1d1e3c
Table Border: 434c5d

CUSTOMIZE IMAGES

off/gif: i1157.photobucket.com/albums/p595/Gamethefirst/moon.png

You will need to find the rest of your images on your own.

Enjoy

Regards;
Game