MyBB Community Forums

Full Version: Background for sidebox block
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello,

How to add background image or color to sidebox block and where to add the code exactly in the current code?

Here is the code:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td  class="thead">
<div class="float_left"><strong><a href="stats/">*Maps Download List*</a></strong></div> 
</td>
</tr> 
<tr>
<td  class="trow1">
 <p><a href="mydownloads.php?action=browse_cat&cid=3"><font color="#FFFF00">[Cs 1.6] cs_maps</font></p></a>
 <p><a href="mydownloads.php?action=browse_cat&cid=2"><font color="#FFFF00">[Cs 1.6] de_maps</font></p></a>
 <p><a href="mydownloads.php?action=browse_cat&cid=1"><font color="#FFFF00">[Cs 1.6] fy_maps</font></p></a>
 <p><a href="mydownloads.php?action=browse_cat&cid=6"><font color="#FFFF00">[Cs 1.6] dm_maps</font></p></a>
 <p><a href="mydownloads.php?action=browse_cat&cid=12"><font color="#FFFF00">[Cs 1.6] aim_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=11"><font color="#FFFF00">[Cs 1.6] awp_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=15"><font color="#FFFF00">[Cs 1.6] zombiemod_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=19"><font color="#FFFF00">[Cs 1.6] zombie-escape_maps</font></p></a>
</td>
</tr>
</table>
<br /> 
for example so

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td  class="thead">
<div class="float_left"><strong><a href="stats/">*Maps Download List*</a></strong></div>
</td>
</tr>
<tr>
<td  class="trow1" style="background:#ccc url(images/YOURPIC.jpg) top left;">
<p><a href="mydownloads.php?action=browse_cat&cid=3"><font color="#FFFF00">[Cs 1.6] cs_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=2"><font color="#FFFF00">[Cs 1.6] de_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=1"><font color="#FFFF00">[Cs 1.6] fy_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=6"><font color="#FFFF00">[Cs 1.6] dm_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=12"><font color="#FFFF00">[Cs 1.6] aim_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=11"><font color="#FFFF00">[Cs 1.6] awp_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=15"><font color="#FFFF00">[Cs 1.6] zombiemod_maps</font></p></a>
<p><a href="mydownloads.php?action=browse_cat&cid=19"><font color="#FFFF00">[Cs 1.6] zombie-escape_maps</font></p></a>
</td>
</tr>
</table>
<br />
There is a problem with border even its "0" its very thick.This is a custom block for ProPortal.For index the border code works normal but why in Portal Page not.Check www.greek-gaming.com portal and index the tables use the same exact code but they look defferent.


<table border="0" cellspacing="{$theme['borderwidth']}"  cellpadding="{$theme['tablespace']}" class="tborder">
<tr>
<td  class="thead">
<div class="float_left"><strong><a href="stats/">*Maps Download List*</a></strong></div>
</td>
<tr>
<td  class="trow1" style="background:#ccc url(images/cs.jpg) top left;">
<p><a href="mydownloads.php?action=browse_cat&amp;cid=3"><font color="#FFFF00">[Cs 1.6]cs_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=2"><font color="#FFFF00">[Cs 1.6]de_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=1"><font color="#FFFF00">[Cs 1.6] fy_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=6"><font color="#FFFF00">[Cs 1.6]dm_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=12"><font color="#FFFF00">[Cs 1.6] aim_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=11"><font color="#FFFF00">[Cs1.6] awp_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=15"><font color="#FFFF00">[Cs1.6] zombiemod_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=19"><font color="#FFFF00">[Cs1.6] zombie-escape_maps</font></a></p>
</td>
</tr>
</table>
<br />
Change

cellspacing="{$theme['borderwidth']}"  cellpadding="{$theme['tablespace']}"

to

cellspacing="0"  cellpadding="5"

Why do not you use the custom block creation in the block itself?

For example

Block Management->Add Block

Name = *Maps Download List*
Display Zone and Block Position = where / what you want
Use Custom Block Template = No
Block File = No Block File
Block Content =
<div style="background:url(images/cs.jpg) top left;">
<p><a href="mydownloads.php?action=browse_cat&amp;cid=3"><font color="#FFFF00">[Cs 1.6]cs_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=2"><font color="#FFFF00">[Cs 1.6]de_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=1"><font color="#FFFF00">[Cs 1.6] fy_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=6"><font color="#FFFF00">[Cs 1.6]dm_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=12"><font color="#FFFF00">[Cs 1.6] aim_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=11"><font color="#FFFF00">[Cs1.6] awp_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=15"><font color="#FFFF00">[Cs1.6] zombiemod_maps</font></a></p>
  <p><a href="mydownloads.php?action=browse_cat&amp;cid=19"><font color="#FFFF00">[Cs1.6] zombie-escape_maps</font></a></p>
</div>
Thanks i tryed using block's content itself but i couldnt make the background image to work thats why i didnt use it and used instead custom html code.

Thanks a lot!
No problem Big Grin
Thanks sorry for double post.