Post by Samantha Nicole♥ on Jan 1, 2008 15:55:10 GMT -5
So I'll put the stuff in CAPS that can be changed if you want to change it. Any questions, just ask All you have to do is change the Banner URL and the colors. I added two backgrounds you can choose from that would go great with it!
Preview!
NOTE text menus must be on.
to change the banner picture, go to this code in your Global Header --
and change the BANNER URL
Colors
Background color - FFFFFF
Text Color - 666666
Link Colors - 666666
Title BG Color - 4080B0
Title Text Color - F1F1F1
Category BG Color - DADADA
Category Text Color - 0E0E0E
News Title BG Color - 4080B0
News Title Text Color - F1F1F1
News BG Color - EFEFEF
News Text Color - 000000
Windows BG Colors - FFCCCC
Board Highlight Color - EFEFEF
Thread Highlight Color - F6F6F6
Tabel Border Color - 000000
Pictures
Background 1 [Fixed]
Background 2 [Fixed]
Gradient
Global Header
Global Footer
Main Footer [Optional info center and callapsable categories]
NOTE text menus must be on.
to change the banner picture, go to this code in your Global Header --
<script type="text/javascript">
<!--
/* menu buttons inside banner by california */
var imgURL = "BANNER URL";
var imgWidth = "700";
var imgHeight = "100";
var menuXpos = "10";
var menuYpos = "83";
and change the BANNER URL
Colors
Background color - FFFFFF
Text Color - 666666
Link Colors - 666666
Title BG Color - 4080B0
Title Text Color - F1F1F1
Category BG Color - DADADA
Category Text Color - 0E0E0E
News Title BG Color - 4080B0
News Title Text Color - F1F1F1
News BG Color - EFEFEF
News Text Color - 000000
Windows BG Colors - FFCCCC
Board Highlight Color - EFEFEF
Thread Highlight Color - F6F6F6
Tabel Border Color - 000000
Pictures
Background 1 [Fixed]
Background 2 [Fixed]
Gradient
Global Header
<script type="text/javascript">
<!--
/* Banner Under Ads, Code from http://www.utopiangfx.proboards56.com/index.cgi */
var newPos = document.getElementById("welTablePos");
newPos.parentNode.replaceChild(document.getElementsByTagName("table").item(0), newPos);
// -->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('td').item(2).style.display="none";
//-->
</script>
<script type="text/javascript">
<!--
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<style type="text/css">
<!--
.titlebg {background-image: url(http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/The%20Clique/Gradient1.jpg); background-repeat: repeat;}
-->
</style>
<script type="text/javascript">
<!--
/* fix text menus by ross */
var startChar = '.'; //Start character
var dividerChar = '.'; //Dividing Character(s);
var endChar = '.'; //End character
//no need to edit below
var menu = document.getElementsByTagName('td').item(5).firstChild;
var a = menu.innerHTML.replace(/^\n?(<.+?>)\[/, startChar+' $1');
var b = a.replace(new RegExp('\\](<\/a>)(\\n|\\s|&nb'+'sp;)*$', 'i'), '$1 '+endChar);
var c = b.replace(new RegExp('\\](<\/a>)(&nb'+'sp;|\\s)(<a.+?>)\\[', 'gi'),'$1 '+dividerChar+' $3');
menu.innerHTML = c;
//-->
</script>
<style type="text/css">
<!--
.menubg {background-image: url(http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/Magic%20All%20Around/Gradient1.jpg); background-repeat: repeat;}
-->
</style>
<script type="text/javascript">
<!--
/* menu buttons inside banner by california */
var imgURL = "BANNER URL";
var imgWidth = "700";
var imgHeight = "100";
var menuXpos = "10";
var menuYpos = "83";
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>
<style type="text/css">
A:hover{text-decoration:underline;font-weight:underline;}
</style>
<Style>
a:hover {color: 444444;}
</style>
<table width="97%" cellpadding="0" cellspacing="1" align="center">
<tr>
<td width="100%" vAlign="top" align="center">
<br />
<br />
<table class="bordercolor" width="91%" cellpadding="4" cellspacing="1">
<tr>
<td class="windowbg" align="center">
<font style="font-size:40px;line-height:10px;color: Black;font-family: Levenim MT;">WelcomeTo<br><font style="font-size:35px;color: White;font-family: Century gothic;">LittleCrazy</font><div style="position:absolute;left:0px;top:0px;z-index:9 !important;background-color:transparent !important;"></div></font><BR>
TXT TXT TXT TXT TXT TXT TXT TXT
<BR><BR>
<font style="font-size:40px;line-height:10px;color: Black;font-family: Levenim MT;">Texting<br><font style="font-size:35px;color: White;font-family: Century gothic;">Cbox</font><div style="position:absolute;left:0px;top:0px;z-index:9 !important;background-color:transparent !important;"></div></font><BR>
CBOX CODE<BR><BR>
<font style="font-size:40px;line-height:10px;color: Black;font-family: Levenim MT;">Student of<br><font style="font-size:35px;color: White;font-family: Century gothic;">the Month</font></font><div style="position:absolute;left:0px;top:0px;z-index:9 !important;background-color:transparent !important;"></div></font><BR>
<a href="MEMBER PROFILE URL"><img src="http://i237.photobucket.com/albums/ff222/roxiegrphcs/Skins/The%20Clique/CotM.jpg"></a><BR>NAME!<BR><BR>
</td>
</tr>
<tr>
<td class="windowbg" align="center">
<font style="font-size:40px;line-height:10px;color: Black;font-family: Levenim MT;">Credits<br><font style="font-size:35px;color: White;font-family: Century gothic;">©</font></font><div style="position:absolute;left:0px;top:0px;z-index:9 !important;background-color:transparent !important;"></div></font><BR>
Skin made by ©<a href="http://roxiegrphcs.proboards59.com/index.cgi">Roxy Graphics</a><BR>
</td>
</tr>
</table>
</td>
<td width="80%" align="center" vAlign="top">
Global Footer
<!-- SIDE TABLES GLOBAL FOOTERS - DO NOT REMOVE //-->
<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '700';
}}}
//-->
</script>
</td></tr></table>
<!-- SIDE TABLES GLOBAL FOOTERS - DO NOT REMOVE //-->
\Main Footer [Optional info center and callapsable categories]
<script type="text/Javascript">
// Advanced Category Splitter v3.0 by Chris
// Do not redistribute without permission of the creator
/* DO NOT EDIT THIS LINE */ var him = []; var fim = [];
// EDIT HERE
var type = 1;
// 1 = Original ACS type. Text in head image.
// 2 = Head/Base images with cat name in normal row.
// 3 = Head/Base images with cat name in the Forum Name row spot.
var markAsReadType = 1;
// 0 = Mark as read button is not shown at all.
// 1 = Mark as read button is in own row in final category.
// 2 = Mark as read button is in the footer image underneath final category
him["URL"] = "URL OF HEAD IMAGE"; // URL of your header image. Required only if using type 1.
him["height"] = 19; // Pixel height of your head image. Required if using a head image
fim["URL"] = "URL OF BASE IMAGE"; // URL of your footer image. Required only if markAsReadType is 2
fim["height"] = 19; // Pixel height of your base image. Required if using a footer image.
var forumName = 1;
// 0 = Don't include the forum name row. Note: This can mess up the cell sizes.
// 1 = Include the forum name row.
var defaultCats = [ // These are the category ids for the categoriess that will be hidden on the first time the page is viewed. Last one does not have a comma.
"category1id",
"category2id",
"category3id",
"category4id" // NO COMMA ON LAST LINE
];
var spacing = 15; // Space between the categories.
// DO NOT EDIT
var aTB = document.getElementsByTagName("TABLE");
var isIE = (document.all?true:false);
if(!document.cookie.match(/debo=1/i)){
defaultCats.push("debo");
for(a=0;a<defaultCats.length;a++){
document.cookie = defaultCats[a]+"=1;expires="+(new Date()).toGMTString().replace(/\d{4}/,"2050");
}
}
function hideShow(i){
var i2 = document.getElementById(i);
i2.style.display = (i2.style.display=="none"?"":"none");
document.cookie = i+"="+(i2.style.display == ""?"0":"1")+";expires="+(new Date()).toGMTString().replace(/\d{4}/,"2050");
}
var div = document.createElement("DIV");
var sp = document.createElement("DIV");
sp.style.height = spacing;
if(location.href.match(/action=(change|home)/i) || !location.href.match(/(action|board)=/i))
document.write("<script type='text/Javascript' src='http://www.iycatacombs.com/codes/acsv3/normal"+type+".js'><\/script>");
</script>
<script type="text/javascript">
<!--
/*
Simple N' Sweet - by Smangii
http://smangii.proboards78.com
Open-Source...ZOMGSH!
*/
// EDIT STUFF HERE!
var title = "Information Center"; // Title of Information Center
var uotext = "Users Online"; // Title of Users Online part
var img1 = "http://i124.photobucket.com/albums/p7/atfn/CCD/Information.png"; // Image next to statistics
// EDIT YOUR GROUPS NAME AND COLORS
var group = []; // <-- don't touch
group[0] = ["Administrators","444444"];
group[1] = ["Super Moderators","333333"];
group[2] = ["Moderators","222222"];
// DO NOT EDIT ANYTHING ELSE
if(!location.href.match(/action/) || location.href.match(/action=home/)){
var TD = document.getElementsByTagName("td");
var TAB = document.getElementsByTagName('table');
for(e=0;e<TD.length;e++){
if(TD[e].className == "catbg" && TD[e].innerHTML.match(/Forum Statistics/))
{
var totalposts = (TD[e+2].innerHTML.match(/Total Posts: (\d+)(,\d+)?<br/i)) ? RegExp.$1+RegExp.$2: '';
var totaltopics = (TD[e+2].innerHTML.match(/Total Topics: (\d+)(,\d+)? &/i)) ? RegExp.$1+RegExp.$2: '';
var totalmembs = (TD[e+2].innerHTML.match(/Total Members: (.+?)<br/i)) ? RegExp.$1: '';
var newmemb = (TD[e+2].innerHTML.match(/Newest Member: (.+?)<\/a>/i)) ? RegExp.$1+'</a>': '';
var lastpost = (TD[e+2].innerHTML.match(/Last Updated Topic: (.+?) by/i)) ? RegExp.$1: 'n/a';
var lastuser = (TD[e+2].innerHTML.match(/by (.+?) \(/i)) ? RegExp.$1: 'n/a';
}
if(TD[e].className == "catbg" && TD[e].innerHTML.match(/Users Online/))
{
var mostonline = (TD[e+2].innerHTML.split(/Most\susers\s/)[1].split(/, /i)[0].split(/<br/i)[0]);
var nowonline = (TD[e+2].innerHTML.split(/<br>/i)[1]);
var staffonline = (TD[e+2].innerHTML.match(/(\d+) Staff/i)) ? RegExp.$1: '0';
var usersonline = (TD[e+2].innerHTML.match(/(\d+) Member/i)) ? RegExp.$1: '0';
var guestsonline = (TD[e+2].innerHTML.match(/(\d+) Guest/i)) ? RegExp.$1: '0';
}
var legend = new String();
for(var a=0;a<group.length;a++){
legend += '<font color='+group[a][1]+'>'+group[a][0]+'</font><br/>';
}
if(staffonline=="0" && usersonline=="0"){
var nowonline = "<i>No members online</i>";
}
}
for(e=0;e<TAB.length;e++){
if(TAB[e].width == "100%" && TAB[e].cellPadding == "4" && TAB[e].innerHTML.match(/Info Center/i))
{
TAB[e].parentNode.innerHTML = '<table cellspacing="1" cellpadding="4" class="bordercolor" width="100%"><tr><td class="titlebg" align="left" colspan="4">'+title+'</td></tr><tr><td class="windowbg" align="center" width="5%" rowspan="4"><img src="'+img1+'"></td><td width="25%" class="windowbg" align="left">Total Posts: '+totalposts+'</br>Total Threads: '+totaltopics+'</td><td width="30%" class="windowbg" align="left">Total Members: '+totalmembs+'</br>Newest Member: '+newmemb+'</td><td width="35%" class="windowbg" align="left">Last Post: '+lastpost+'</br>Updated By: '+lastuser+'</td></tr><tr><td class="catbg" colspan="3"><font class="cattext">'+uotext+'</font></td></tr><tr><td class="windowbg" rowspan="2">'+legend+'</td><td colspan="2" width="100%" class="windowbg"><div style="float:left;"><font size="1">'+staffonline+' Staff, '+usersonline+' Members, and '+guestsonline+' Guests</font></div><div style="float:right"><font size="1">Most users ever '+mostonline+'</font></div></td></tr><tr><td align="center" colspan="2" width="100%" class="windowbg">'+nowonline+'</td></tr></table>';
}
}
}
//-->
</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>