Post by Trace on Sept 4, 2007 19:26:22 GMT -5
Teh Preview: tehnewscryon.proboards107.com/
I tried something VERY new in this one. A new banner style, definitely, a new brush, colors...overall, I think it turned out VERY nice.
You don't need text menus, but I advise it.
BG: 7a8c68
^IMPORTANT^
Text: ffffff
Links: ffffff
Assorted BGs: 65705a
Window BGs: 8d9b7e
Highlights: 737b6c
Border: 000000
Banner: i55.photobucket.com/albums/g144/Bulldawgboy2012/gaiabanner.jpg
Global Header
Global Footer
I believe that is it. Enjoy.
EDIT: whoops. forgot on/off and stuff
On: i55.photobucket.com/albums/g144/Bulldawgboy2012/onicongaia.jpg
Off: i55.photobucket.com/albums/g144/Bulldawgboy2012/officongaia.jpg
I just randomly inserted those two images into the info center icons. If you want, go ahead and do that.
I tried something VERY new in this one. A new banner style, definitely, a new brush, colors...overall, I think it turned out VERY nice.
You don't need text menus, but I advise it.
BG: 7a8c68
^IMPORTANT^
Text: ffffff
Links: ffffff
Assorted BGs: 65705a
Window BGs: 8d9b7e
Highlights: 737b6c
Border: 000000
Banner: i55.photobucket.com/albums/g144/Bulldawgboy2012/gaiabanner.jpg
Global Header
<style type="text/css">
<!--
body {
background-repeat: repeat-y;
background-position: center center;
}
.titlebg {
background-image: url(http://i55.photobucket.com/albums/g144/Bulldawgboy2012/gradient21876.jpg);
padding: 6px;
}
.menubg {
background-image: url(http://i55.photobucket.com/albums/g144/Bulldawgboy2012/gradient21876.jpg);
padding: 0px;
}
.catbg {
background-image: url(http://i55.photobucket.com/albums/g144/Bulldawgboy2012/gradient21876.jpg);
font-size: 10px;
}
.cattext {
font-size: 10px;
}
a:hover, .nav:hover {
color: #f1f1f1;
text-decoration: none;
}
-->
</style>
<script type="text/javascript">
<!--
document.getElementsByTagName('table')[0].cellSpacing = 0;
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
/*
Modified text menus coded by Joe/Xylish
Note: in order to use this code, please enable text menus in your pbv4 settings
at Customize Your Forum -> General Settings -> Text Menus and choose "yes"
*/
//Modify within the quotes to the character that you want
schar = "-"
//Please do not edit below here
function Get(tag){
return document.getElementsByTagName(tag)
}
TDNode = Get('td')
spaces = "&nb"+"sp;"+ schar +"&nb"+"sp;"
for(t=0;t<TDNode.length;t++){
if(TDNode[t].className.match(/menubg/i)){
TDNode[t].innerHTML = TDNode[t].innerHTML.replace(new RegExp('&nb'+'sp;','gi'),' ')
TDNode[t].innerHTML = TDNode[t].innerHTML.replace(/\/a>(.+?)<a/gi , '\/a>'+spaces+'<a')
TDNode[t].innerHTML = TDNode[t].innerHTML.replace(/(\[|])/gi,'')
}
}
//-->
</script>
<!--SMALL FONTS-->
<style type="text/css">
A:link{font-size:10px}
A:visited{font-size:10px}
A:hover{font-size:10px}
BODY{font-size:10px}
TD{font-size:10px}
input{font-size:10px}
textarea{font-size:10px}
select{font-size:10px}
.windowbg{font-size:10px}
.windowbg2{font-size:10px}
.windowbg3{font-size:10px}
.titlebg{font-size:10px}
.text1{font-size:10px}
.catbg{font-size:10px}
font {font-size:10px}
</style>
<!--END SMALL FONTS-->
<script type="text/javascript">
<!--
/* menu buttons inside banner by california */
var imgURL = "http://i55.photobucket.com/albums/g144/Bulldawgboy2012/gaiabanner.jpg";
var imgWidth = "700";
var imgHeight = "125";
var menuXpos = "0";
var menuYpos = "-100";
var iCell = document.getElementsByTagName("td");
iCell[1].style.backgroundImage = 'url('+imgURL+')';
iCell[1].style.height = imgHeight+"px";
iCell[1].align = "right";
iCell[1].vAlign = "bottom";
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>
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>
Global Footer
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '700';
}}}
//-->
</script>
I believe that is it. Enjoy.
EDIT: whoops. forgot on/off and stuff
On: i55.photobucket.com/albums/g144/Bulldawgboy2012/onicongaia.jpg
Off: i55.photobucket.com/albums/g144/Bulldawgboy2012/officongaia.jpg
I just randomly inserted those two images into the info center icons. If you want, go ahead and do that.