MyBB Community Forums

Full Version: logo_bg_image: some questions 'bout it
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi guys, I should make a couple of questions about the background image repeating under the logo.

1) Everyone could notice that it starts from the extreme left of the page and goes all the way to the right of it. Wel, this isn't much a problem with a not-so-complex logo_bg_images, but when it is like this header, where I use a bg with objects having lines that go up, down, oblique, that's pretty hard to have the logo_bg_image matching the logo.
So (and here comes the question), how could I modify the code so that the logo_bg_image starts next to (= immediately on the right of) the logo image?

2) Everyone could also see that the logo_bg_image remains in the page where is the message "Thank you for posting, you are now being redirected to the thread..." and stuff like that.
Is it possible to prevent the logo_bg_image from appearing under this circumstance?


Thank you so much guys (for the every doubts you made fade away from me in the past, when I was in troubles with MyBB!), you're really simply great in what you do. =)
nobody knows how?

Reminder not to double post! - k776
Use CSS padding...
Thank you... however the prob is that I don't know how to do it since I belong to the category of n00b coders...
I think your going about it the wrong way. The logo_bg is actually the page background, just differently named. I would save the image, and add the image right next to the others in the header. That way it only shows when the rest does. Like another row of rowspan="4" with the logo_bg as the background image. eg:

<body bgcolor="#292929" onLoad="MM_preloadImages('/header/roll_bozza_r1_c1.jpg','header/roll_bozza_r2_c1.jpg','header/roll_bozza_r3_c2.jpg','header/roll_bozza_r4_c1.jpg','header/roll_bozza_r4_c7','header/roll_bozza_r4_c8.jpg','header/roll_bozza_r4_c5.jpg')">
<table bgcolor="#292929" border="0" cellpadding="0" cellspacing="0" width="756"><tr>

<td width="45"><img src="spacer.gif" width="45" height="1" border="0" alt=""></td>
<td width="68"><img src="spacer.gif" width="68" height="1" border="0" alt=""></td>
<td width="53"><img src="spacer.gif" width="53" height="1" border="0" alt=""></td>
<td width="60"><img src="spacer.gif" width="60" height="1" border="0" alt=""></td>
<td width="88"><img src="spacer.gif" width="88" height="1" border="0" alt=""></td>
<td width="84"><img src="spacer.gif" width="84" height="1" border="0" alt=""></td>
<td width="137"><img src="spacer.gif" width="137" height="1" border="0" alt=""></td>
<td width="106"><img src="spacer.gif" width="106" height="1" border="0" alt=""></td>
<td width="114"><img src="spacer.gif" width="114" height="1" border="0" alt=""></td>
<td width="95"><img src="spacer.gif" width="1" height="1" border="0" alt=""></td>

</tr><tr>

<td colspan="5"><a href="http://www.unprogged.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r1_c1','','header/roll_bozza_r1_c1.jpg',1)"><img src="header/bozza_r1_c1.jpg" alt="UnproggedDotCom - Italian Prog RockMetal Webzine" name="r1_c1" border="0"></a></td>
<td colspan="4"><img name="bozza_r1_c6" src="header/bozza_r1_c6.jpg" width="441" height="82" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="82" border="0" alt=""></td>

[b]<td rowspan="4" style="background: url('./images/Light/logo_bg.gif');"></td>[/b]

</tr><tr>

<td colspan="2"><a href="http://www.unprogged.com/forumdisplay.php?fid=29" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r2_c1','','header/roll_bozza_r2_c1.jpg',1)"><img src="header/bozza_r2_c1.jpg" alt=":: Progressive News ::" name="r2_c1" border="0"></a></td>
<td colspan="7"><img name="bozza_r2_c3" src="header/bozza_r2_c3.jpg" width="642" height="32" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="32" border="0" alt=""></td>

</tr><tr>

<td><img name="bozza_r3_c1" src="header/bozza_r3_c1.jpg" width="45" height="27" border="0" alt=""></td>
<td colspan="3"><a href="http://www.unprogged.com/forumdisplay.php?fid=20" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r3_c2','','header/roll_bozza_r3_c2.jpg',1)"><img src="header/bozza_r3_c2.jpg" alt=":: Bands @ UnproggedDotCom ::" name="r3_c2" border="0"></a></td>
<td colspan="5"><img name="bozza_r3_c5" src="header/bozza_r3_c5.jpg" width="529" height="27" border="0" alt=""></td>
<td><img src="spacer.gif" width="1" height="27" border="0" alt=""></td>

</tr><tr>

<td colspan="3"><a href="http://www.unprogged.com/showthread.php?tid=35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c1','','header/roll_bozza_r4_c1.jpg',1)"><img src="header/bozza_r4_c1.jpg" alt=":: Affida a noi la creazione del forum della tua band! ::" name="r4_c1" border="0"></a></td>
<td><img name="bozza_r4_c4" src="header/bozza_r4_c4.jpg" width="60" height="34" border="0" alt=""></td><td colspan="2"><a href="http://www.unprogged.com/forumdisplay.php?fid=26" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c5','','header/roll_bozza_r4_c5.jpg',1)"><img name="r4_c5" border="0" src="header/bozza_r4_c5.jpg"></a></td>
<td><a href="http://www.unprogged.com/forumdisplay.php?fid=28" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c7','','header/roll_bozza_r4_c7.jpg',1)"><img src="header/bozza_r4_c7.jpg" alt=":: Recensioni [Classici] ::" name="r4_c7" border="0"></a></td>
<td><a href="http://www.unprogged.com/forumdisplay.php?fid=27" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c8','','header/roll_bozza_r4_c8.jpg',1)"><img src="header/bozza_r4_c8.jpg" alt=":: Recensioni [Demo] ::" name="r4_c8" border="0"></a></td>
<td><img name="bozza_r4_c9" src="header/bozza_r4_c9.jpg" width="114" height="34" border="0" alt=""></td><td><img src="spacer.gif" width="1" height="34" border="0" alt=""></td>

</tr></table>
or something like that
Hi and thank you for replying, I tried to paste the code you sent me (modifying the rowspan line to match my filename and path), but nothing changed... here's the complete code of my header. Maybe it will make easier to edit the whole thing.

<link rel="shortcut icon" href="favicon.ico" >
<script language="JavaScript" type="text/javascript">
 var cookieDomain = "$settings[cookiedomain]";
 var cookiePath = "$settings[cookiepath]";
</script>
<a name="top"></a>
		<div id="container">
		<div id="header"><script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#292929" onLoad="MM_preloadImages('/header/roll_bozza_r1_c1.jpg','header/roll_bozza_r2_c1.jpg','header/roll_bozza_r3_c2.jpg','header/roll_bozza_r4_c1.jpg','header/roll_bozza_r4_c7','header/roll_bozza_r4_c8.jpg','header/roll_bozza_r4_c5.jpg')">
<table width="756" height="175" border="0" cellpadding="0" cellspacing="0" bgcolor="#292929">
  <tr><td width="45"><img src="spacer.gif" width="45" height="1" border="0" alt=""></td><td width="68"><img src="spacer.gif" width="68" height="1" border="0" alt=""></td><td width="53"><img src="spacer.gif" width="53" height="1" border="0" alt=""></td><td width="60"><img src="spacer.gif" width="60" height="1" border="0" alt=""></td><td width="88"><img src="spacer.gif" width="88" height="1" border="0" alt=""></td><td width="84"><img src="spacer.gif" width="84" height="1" border="0" alt=""></td><td width="137"><img src="spacer.gif" width="137" height="1" border="0" alt=""></td><td width="106"><img src="spacer.gif" width="106" height="1" border="0" alt=""></td><td width="114"><img src="spacer.gif" width="114" height="1" border="0" alt=""></td><td width="95"><img src="spacer.gif" width="1" height="1" border="0" alt=""></td></tr><tr><td colspan="5"><a href="http://www.unprogged.com" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r1_c1','','header/roll_bozza_r1_c1.jpg',1)"><img src="header/bozza_r1_c1.jpg" alt="UnproggedDotCom - Italian Prog RockMetal Webzine" name="r1_c1" border="0"></a></td>
<td colspan="4"><img name="bozza_r1_c6" src="header/bozza_r1_c6.jpg" width="441" height="82" border="0" alt=""></td><td><img src="spacer.gif" width="1" height="82" border="0" alt=""></td></tr><tr><td colspan="2"><a href="http://www.unprogged.com/forumdisplay.php?fid=29" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r2_c1','','header/roll_bozza_r2_c1.jpg',1)"><img src="header/bozza_r2_c1.jpg" alt=":: Progressive News ::" name="r2_c1" border="0"></a></td>
<td colspan="7"><img name="bozza_r2_c3" src="header/bozza_r2_c3.jpg" width="642" height="32" border="0" alt=""></td><td><img src="spacer.gif" width="1" height="32" border="0" alt=""></td></tr><tr><td><img name="bozza_r3_c1" src="header/bozza_r3_c1.jpg" width="45" height="27" border="0" alt=""></td><td colspan="3"><a href="http://www.unprogged.com/forumdisplay.php?fid=20" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r3_c2','','header/roll_bozza_r3_c2.jpg',1)"><img src="header/bozza_r3_c2.jpg" alt=":: Bands @ UnproggedDotCom ::" name="r3_c2" border="0"></a></td>
<td colspan="5"><img name="bozza_r3_c5" src="header/bozza_r3_c5.jpg" width="529" height="27" border="0" alt=""></td><td><img src="spacer.gif" width="1" height="27" border="0" alt=""></td></tr><tr><td colspan="3"><a href="http://www.unprogged.com/showthread.php?tid=35" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c1','','header/roll_bozza_r4_c1.jpg',1)"><img src="header/bozza_r4_c1.jpg" alt=":: Affida a noi la creazione del forum della tua band! ::" name="r4_c1" border="0"></a></td>
<td><img name="bozza_r4_c4" src="header/bozza_r4_c4.jpg" width="60" height="34" border="0" alt=""></td><td colspan="2"><a href="http://www.unprogged.com/forumdisplay.php?fid=26" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c5','','header/roll_bozza_r4_c5.jpg',1)"><img name="r4_c5" border="0" src="header/bozza_r4_c5.jpg"></a></td>
<td><a href="http://www.unprogged.com/forumdisplay.php?fid=28" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c7','','header/roll_bozza_r4_c7.jpg',1)"><img src="header/bozza_r4_c7.jpg" alt=":: Recensioni [Classici] ::" name="r4_c7" border="0"></a></td>
<td><a href="http://www.unprogged.com/forumdisplay.php?fid=27" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('r4_c8','','header/roll_bozza_r4_c8.jpg',1)"><img src="header/bozza_r4_c8.jpg" alt=":: Recensioni [Demo] ::" name="r4_c8" border="0"></a></td>
<td><img name="bozza_r4_c9" src="header/bozza_r4_c9.jpg" width="114" height="34" border="0" alt=""></td><td><img src="spacer.gif" width="1" height="34" border="0" alt=""></td></tr></table></body><b><div class="menu">
				$toplinks
				<br class="clear" />
			</div></b>
		</div>
		<hr class="hidden" />
			<div id="panel">
				<p>
					$welcomeblock
				</p>
			</div>
			<hr class="hidden" />
			<div id="content">
				$bbclosedwarning
				$unreadreports
				<navigation>
				    <br class="clear" />

Thank you very much Smile