Harry Potter skin

[erika]

Hi I was wondering if I could request a Harry Potter skin. I want it to be pretty simple. I want it to look similar to the skin on that forum but with a little extra detail not as plain and I also want it to be in shades of red instead of green.

innocence.proboards51.com/index.cgi

Also maybe a matching banner with the latest Harry Potter pictures.

If theres anything else just PM me.

thanks

[::Ellen::]

sure, just I need some days time to do that for you , emmm about two days

[erika]

Awesome sounds great! So if I check back in like two days will it be almost done?

[::Ellen::]

from today count 2 days, on sunday you can get your skin here

[erika]

ok thank you so much!!!

[erika]

Is my skin ready???

[::Ellen::]

yur skin is ready, just I have a problem, tell me the name of your site. I need it to add on the banner.

[erika]

The name of my site is Unforgettable Era. Is the skin a code?

[::Ellen::]

thank you Ill post it tonight, yeah, its a code, do you have problems with codes?
I will post yu also where you must to add them.

[::Ellen::]

Put these codes into your global header

<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 type="text/javascript">
<!--
document.getElementsByTagName("td")[2].style.display="none";
// -->
</script>


<script type="text/javascript">
<!--
/* transparent welcome table */

var td = document.getElementsByTagName("td");
var tt = document.getElementsByTagName("table")[0];
tt.style.backgroundColor = "transparent";
tt.cellSpacing = "0";
for(i=0; i<td.length; i++)
   td[i].style.backgroundColor = "transparent";

// -->
</script>

<script type="text/javascript">
<!--
/* menu buttons inside banner by california */

var imgURL = "http://i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/logo1.jpg";
var imgWidth = "700";
var imgHeight = "240";
var menuXpos = "115";
var menuYpos = "200";

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>


if menu buttons position has troubles , post here I will fix it for you.

[::Ellen::]

put these codes into your Global Header

<script type="text/javascript">
<!--
tablew = document.getElementsByTagName('TABLE');
for(t=0;t<tablew.length;t++) {
if(tablew[t].width=="92%"){
tablew[t].width='700';
}
}
// -->
</script>

<script type="text/javascript" src="http://www.iycatacombs.com/socal/resources/scripts/miniprofile.js">
/* PBv4 Mini-Profile Tables by california
©2005, SoCal Codes, http://socal.proboards26.com */
</script>

<script type="text/javascript">
/* center quick reply by elindir
http://101support.proboards43.com
do not redistribute */
<!--
var td = document.getElementsByTagName('td');
for(i=0;i<td.length;i++){
if(location.href.indexOf('action=headersfooters') == -1)
if(location.href.match(/action=display/)){
if(td[i].innerHTML.match(/Quick Reply/) && td[i].width.match(/100%/) && td[i].className.match(/titlebg/)){
td[i].align="center";
td[i+1].align="center";
}}}
//-->
</script>

<script type="text/javascript">
<!--
/* Remove Quick Reply Title Bar by UnChained */

var td=document.getElementsByTagName("td");
if(location.href.match(/action=display/i)){
 for(x=0;x<td.length;x++){
if(td[x].width.match(/^(100)%$/) &&td[x].className.match(/titlebg/) &&td[x].innerHTML.match(/Quick Reply/)){
  td[x].parentNode.style.display = 'none';
       }
   }
}
//-->
</script>
<script type="text/javascript">
<!--
/* hide quick reply shortcut message */

var iFont = document.getElementsByTagName("font");
if(location.href.match(/action=display/)){
   for(f=iFont.length-1; f>0; f--){
       if(iFont[f].innerHTML.match(/box: Alt\+Q/)){
           iFont[f].style.display = "none";
           break;
       }
   }
}

// -->
</script>

<script type="text/javascript">
<!--
/* Sticky Threads Divider
Created by Marty.
Do not repost without my permission. */

var sImage="sticky.gif"
var sLImage="stickylock.gif"

var table=document.getElementsByTagName('table');

if(location.href.match(/board=/i) && !location.href.match(/action=display/i)){
for(t=0;t<table.length;t++){
for(r=0;r<table[t].rows.length;r++){
with(table[t]){
if(rows[r].cells[0].width=="5%"){
if(!rows[r].cells[0].getElementsByTagName('img')[0]){
var num=1;
} else {
var num=0;
}
if(!rows[r].cells[num].innerHTML.match(new RegExp("("+sImage+"|"+sLImage+")","i")) && rows[r-1].getElementsByTagName('td')[num].innerHTML.match(new RegExp("("+sImage+"|"+sLImage+")","i"))) {
var cell=insertRow(r).insertCell(0);
cell.colSpan="8";
cell.className="catbg";
cell.style.height="24";
cell.innerHTML=" ";
break;
}}}}}}
//-->
</script>


[::Ellen::]

put these codes into your global footer

<style type='text/css'>
body{
background-position:center top;
background-repeat:repeat-y;
}
</style>

<style type="text/css">
<!--

.titlebg, .newstitlebg {
   background-image: url(http://i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/title.jpg);
   background-repeat: repeat-x;
}

.catbg {
   background-image: url(http://i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/title.jpg);
   background-repeat: repeat-x;
}

-->
</style>

<style type="text/css">
<!--
.titlebg
{
background-image: url(http://i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/title.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-color: 99ff00;
}

-->
</style>

[::Ellen::]

put these codes into your Main Header

<style>
<!--
BODY
{
scrollbar-base-color: 4A601C;
scrollbar-arrow-color: 006600;
scrollbar-face-color: 99cc00;
scrollbar-track-color: 4A601C;
scrollbar-shadow-color: 009900;
scrollbar-highlight-color: ccff00;
scrollbar-dark-shadow-color: 006600;
scrollbar-3d-light-color: ccff99;
}
-->
</style>


and put these codes into your Main Footer

<style type="text/css">
#holder{
width: 100%;
}
#leftbox{
width: 20%;
float: left;
}
#rightbox{
width: 77%;
float: left;
position: relative;
left: 14px;
}
#eventbox{
width: 99%;
float: left;
}
#padding{
padding: 2px;
}
#area{
border: 1px solid #006600;
text-align: left;
width: 100%;
padding: 4px;
}
#onlinearea{
border: 1px solid #006600;
border-top-style: dashed;
text-align: left;
width: 100%;
padding: 4px;
}
</style>


<script type="text/javascript">
/*=======================================
Ultimate Info Center V3 Final
Created by hey (http://forums.talesrpg.com)
You may edit this code however you wish, as long as you
keep this copyright intact and you don't repost this script
=======================================*/

var yourForumName = 'Unforgetteble Era';

var usersOnlineHeight = '43px';

var staffGroups = [];
staffGroups[0] = ["Administrators","#700000","1"];
staffGroups[1] = ["Global Moderators","#000070","2"];
staffGroups[2] = ["Moderators","#007000","3"];



/*===========No Edit Unless You Know What You're Doing=============*/
function executeUltimateInfoCenter(){
var td = document.getElementsByTagName('td');
var font = document.getElementsByTagName('font');
var totalBoards = 0;
var totalCategories = 0;
var updatedBoards = 0;
var usersViewing = 0;
var staffNumber = 0;
var dB = navigator.appName
document.write('<style type="text/css">#onlinearea{height: '+usersOnlineHeight+'}</style>');
if(dB == "Microsoft Internet Explorer"){document.write('<style type="text/css">#rightbox{width: 79%; position: relative; left: 6px;}</style>')
var ieOnlineHeight = parseInt(usersOnlineHeight) + parseInt(9);
document.write('<style type="text/css">#onlinearea{height: '+ieOnlineHeight+'}</style>');}
for(f=0;f<font.length;f++){
if(font[f].size=="1" && font[f].innerHTML.match( /- (\d+) viewing/i)){
var usersViewing = Math.floor(usersViewing) + Math.floor(RegExp.$1);}}
if(usersViewing==1){var vAre = 'is'; var vUsers = 'user';}
else{var vAre = 'are'; var vUsers = 'users';}
for(t=0;t<td.length;t++){
var totalPMs = (td[2].innerHTML.match(/you have (.+?),/i)) ? RegExp.$1: '';
var newPMs = (td[2].innerHTML.match(/<\/a>, (.+?) new/i)) ? RegExp.$1: '';
if(pb_username == 'Guest'){
var welcomeMessage = 'Welcome to '+yourForumName+', Guest! Please <a href="/index.cgi?action=login">Login</a> or <a href="/index.cgi?action=register">Register</a>.';
} else {
var welcomeMessage = 'Welcome back to '+yourForumName+', '+pb_displayname+'! You have '+totalPMs+', '+newPMs+' new.';}
if(td[t].className=="windowbg2" && td[t].width=="24%" && td[t].innerHTML.match(/<b>Today<\/b>/i)){updatedBoards++;}
if(td[t].width=="66%" && td[t].className.match(/windowbg2/i)){totalBoards++;}
if(td[t].className.match(/catbg/i) && !td[t].innerHTML.match(/Users Online|Forum Statistics|=markallboardsread/i)){totalCategories++;}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Forum Statistics/i)){
infoHolder = '<div id="holder">';
infoHolder += '<div id="leftbox">';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
var totalPosts = (td[t+2].innerHTML.match(/Total Posts: (\d+)(,\d+)?<br/i)) ? RegExp.$1+RegExp.$2: '';
infoHolder += 'Posts: '+totalPosts+'';
infoHolder += '<br />';
var totalTopics = (td[t+2].innerHTML.match(/Total Topics: (\d+)(,\d+)? &/i)) ? RegExp.$1+RegExp.$2: '';
infoHolder += 'Topics: '+totalTopics+'';
infoHolder += '<br />';
var totalMembers = (td[t+2].innerHTML.match(/Total Members: (.+?)<br/i)) ? RegExp.$1: '';
infoHolder += 'Members: '+totalMembers+'';
infoHolder += '<br />';
infoHolder += 'Updated Boards: '+updatedBoards+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
infoHolder += 'Boards: '+totalBoards+'';
infoHolder += '<br />';
infoHolder += 'Categories: '+totalCategories+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="rightbox">';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
var lastPost = (td[t+2].innerHTML.match(/Last Updated Topic: (.+?)<br\s?\/?>/i)) ? RegExp.$1: 'n/a';
lastPost = lastPost.replace('\(','\(').replace('\)','\)').replace('\'','\'');
infoHolder += 'The last post was '+lastPost+'.';
infoHolder += '<br />';
var recentPosts = (td[t+2].innerHTML.match(/View the (.+?) most/i)) ? RegExp.$1+'</a>': 'X';
infoHolder += 'View the '+recentPosts+' most recent posts made at '+yourForumName+'.';
infoHolder += '<br />';
var newestMember = (td[t+2].innerHTML.match(/Newest Member: (.+?)<\/a>/i)) ? RegExp.$1+'</a>': '[Newest Member Deleted]';
infoHolder += 'The newest member to '+yourForumName+' is '+newestMember+'.';
infoHolder += '<br />';
infoHolder += ''+welcomeMessage+'';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '<div id="padding">';
infoHolder += '<div id="area" class="windowbg">';
infoHolder += 'There '+vAre+' '+usersViewing+' '+vUsers+' viewing inside the boards.';
infoHolder += '<br />';
for(g=0;g<staffGroups.length;g++){
infoHolder += '[<font color="'+staffGroups[g][1]+'">'+staffGroups[g][0]+'</font>] ';}
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
infoHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+infoHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Today's Birthdays/i)){
bdayHolder = '<div id="holder">';
bdayHolder += '<div id="leftbox">';
bdayHolder += '<div id="padding">';
bdayHolder += '<div id="area" class="windowbg">';
var totalBDays = (td[t+2].innerHTML.match(/(\d+) birthday/i)) ? RegExp.$1: '';
bdayHolder += 'Birthdays: '+totalBDays+'';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '<div id="rightbox">';
bdayHolder += '<div id="padding">';
bdayHolder += '<div id="area" class="windowbg">';
var memberBDays = td[t+2].innerHTML.split(/<br\s?\/?>/i)[1];
bdayHolder += ''+memberBDays+'';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
bdayHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+bdayHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Events This Month/i)){
var numberOfEvents = td[t+2].getElementsByTagName('a').length;
eventHolder = '<div id="holder">';
eventHolder += '<div id="leftbox">';
eventHolder += '<div id="padding">';
eventHolder += '<div id="area" class="windowbg">';
eventHolder += 'Events: '+numberOfEvents+'';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '<div id="rightbox">';
eventHolder += '<div id="padding">';
eventHolder += '<div id="area" class="windowbg">';
var monthlyEvents = td[t+2].getElementsByTagName('font')[0].innerHTML;
eventHolder += ''+monthlyEvents+'';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
eventHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+eventHolder+'';}
if(td[t].className.match(/catbg/i) && td[t].innerHTML.match(/Users Online/i)){
userHolder = '<div id="holder">';
userHolder += '<div id="leftbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffLinks = td[t+2].getElementsByTagName('a');
for(g=0;g<staffGroups.length;g++){
for(a=0;a<staffLinks.length;a++){
if(staffLinks[a].className.match(new RegExp('group'+staffGroups[g][2]))){staffNumber++;}}
userHolder += ''+staffGroups[g][0]+': '+staffNumber+'<br />';
var staffNumber = 0;}
var membersOn = (td[t+2].innerHTML.match(/(\d+) Member/i)) ? RegExp.$1: '0';
userHolder += 'Members: '+membersOn+'';
userHolder += '<br />';
var guestsOn = (td[t+2].innerHTML.match(/(\d+) Guest/i)) ? RegExp.$1: '0';
if(document.cookie.match(/user=admin/i)){
var iguestlinka = '<a href="javascript:popWindow(\'viewguests\')">';
var iguestlinkb = '</a>';} else {var iguestlinka = ''; var iguestlinkb = '';}
userHolder += ''+iguestlinka+'Guests: '+guestsOn+iguestlinkb+'<br />';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '<div id="rightbox">';
userHolder += '<div id="padding">';
userHolder += '<div id="area" class="windowbg">';
var staffOn = (td[t+2].innerHTML.match(/(\d+) Staff/i)) ? RegExp.$1: '0';
var totalOnline = parseInt(staffOn) + parseInt(membersOn) + parseInt(guestsOn);
if(totalOnline==1){var toAre = 'is'; var toUsers = 'user';}
else{var toAre = 'are'; var toUsers = 'users';}
userHolder += 'There '+toAre+' '+totalOnline+' '+toUsers+' online. ';
if(td[t+2].innerHTML.match(/Most users online was (\d+), (.+?)<br/i)){
var mostOnline = RegExp.$1;
var mostDate = RegExp.$2;}
userHolder += 'The most users online was '+mostOnline+' on '+mostDate+'.';
userHolder += '</div>';
userHolder += '<div id="onlinearea" class="windowbg">';
var usersOn = td[t+2].innerHTML.split(/<br\s?\/?>/i)[1].replace('\'','\'');
userHolder += ''+usersOn+'';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
userHolder += '</div>';
td[t+1].style.display = 'none';
td[t+2].innerHTML = ''+userHolder+'';
}}}
if(location.href.match(/com\/?((index\.cgi)?\??(action=(logout|home))?(#.+)?)?$/)){
executeUltimateInfoCenter();
}
</script>

[::Ellen::]

put these codes in your main footer[/u][/color]

<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"] = "http://i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/category-head.jpg"; // URL of your header image. Required only if using type 1.
him["height"] = 50; // Pixel height of your head image. Required if using a head image

fim["URL"] = "http://i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/category-base.jpg"; // URL of your footer image. Required only if markAsReadType is 2
fim["height"] = 25; // 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 = 25; // 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=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>


[::Ellen::]

These are your menu buttons


i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/search.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/register.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/profile.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/members-1.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/logout.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/login.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/home.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/help.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/chat.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/calendar.jpg
i23.photobucket.com/albums/b378/magicalhogwartsschool/memberskin1/admin.jpg