(DONE)Logo

[M o u s e]

Link: thelionkingprideland.proboards.com/index.cgi

Hi I have looked and looked through the codes and I want to make my banner fit like this site but I can not figure it out does anyone know how I would do this?

Thank-you!

mywarriorcat.proboards.com/index.cgi?

[Nick]

Ahahaha! Guess who made that 'mywarriorcat' website xP Small world, right?

So you will need a few codes. The first code would be the Top PM Bar that I have made. The latest version is here:

toppmbarv4plus.proboards.com/

Then read this post and use the first two codes and the 4th code. You won't need the fourth code unless you don't want a border (not recommended)

support.proboards.com/index.cgi?board=support&action=display&thread=30155&page=2#220364

[M o u s e]

so cool Nick and thank-you so much! I found the site on the code

[M o u s e]

Nick I think I did something wrong :/...

thelionkingprideland.proboards.com/index.cgi

[Nick]

Did you use the Resize Header code in that link I posted? The width should be the same as the size of your logo.

[M o u s e]

this is my entire coding area

<style type="text/CSS">
/* CSS Forum Resize */
body table tr td table.bordercolor, body table.bordercolor {
width: 700px;
}
blockquote table.bordercolor, td.windowbg table tr td table.bordercolor, td.windowbg2 table tr td table.bordercolor {
width: 500px !important;
}
</style>
<div align="center" style="align: center;"><div style="width: 700px;" width="700">


<style type="text/css">
#mypms {font-family: Arial; font-size: 12px;}
</style>

<script type="text/javascript">
<!--
/* Top Pm Bar V4+
Created by Nick
This code is copyrighted 2009 by
nbCircuits
Streamlined by Subdevo
and http://toppmbarv4plus.proboards.com/
*/

var GName="Guest";
var displayil=0; // Display Important Links? 1=Yes, 0=No
var imURLS=[]; // DO NOT TOUCH THIS LINE
imURLS[0]=["http://www.google.com","Google"];
imURLS[1]=["http://www.proboards.com","ProBoards"];
imURLS[2]=["http://www.gmail.com","Gmail"];

var get=document.getElementsByTagName("td")[2]; get.style.display="none";
var wel="<center>Welcome "; var sa="<a href=/index.cgi?action="; var nx="";
var pb_time=document.getElementsByTagName('font')[2].innerHTML.split(/<br\s?\/?>/i)[1];
for(var x=0;x<imURLS.length;x++){nx+='<option value="'+imURLS[x][0]+'">'+imURLS[x][1]+'<\/option>';}
var imlinks="<br /><select onchange=\"document.location.href=this.value\"><option selected=\"selected\">Important Links<\/option>";
imlinks=(displayil)?(imlinks+nx+"<\/select>"):"";
pb_time='</a>. It is currently '+pb_time+'. '+imlinks+'</center>';
var Message=GName+', Please '+sa+'login>Login</a> or '+sa+'register>Register';
if(pb_username!="Guest"){
if(get.innerHTML.match(/, (\d+)\ (are|is) new./i)){pmNew=RegExp.$1;}
Message=sa+'viewprofile>'+pb_displayname+'</a>, You Have '+sa+'pm>'+pmNew+' New Message(s)';
}
Message=wel+Message+pb_time; var pmCell=document.createElement("div");
with(pmCell){id="mypms"; className="catbg"; innerHTML=Message;}
var tb=document.getElementsByTagName("table")[1];
tb.parentNode.insertBefore(pmCell,tb);
//-->
</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>


<script type="text/javascript">
<!--
document.getElementsByTagName('table').item(0).width = '380px';
//-->
</script>

my banner is 800X380

[Nick]

Either resize your forum to 800px or crop your image to 700 so that the logo and the forum match up. That looks the cleanest.

And I think I see the problem! You have your height instead of width in the last little javascript snippet. Change that 380px to 800px.

[M o u s e]

Okay I changed it to 800 and made the forum 800 but nothing changed :/

[Nick]

You changed what used to say 380px to 800, right?

[M o u s e]

Yes maybe my picture is to big? what size was yours in the site?