• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

How to give the 'EWRblock_Adsense' it's own Background Image?:

CritiKiL

Active member
#1
I have modified the EWRblock_Adsense Template. How can I give it a unique background image?
Here is the current code I have in that template:
Code:
<xen:require css="EWRblock_AdSense.css" />
 
<div class="section">
 
<div class="secondaryContent">
        <h3><center>
 
 
<a href="#" onclick="window.open('http://sck-mobile.com/community/index.php?conversations/add&to=ADMIN','radio','width=650,height=750,scrollbars=no,');return false" target="radio"><font color='#00FF00'>A.L.I.C.E. </font><font color='#FFFFFF'><i>(Click on Her for Help)</i></b></font></a>
</h3>
 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script language="JavaScript" type="text/javascript" src="http://vhss-d.oddcast.com/vhost_embed_functions_v2.php?acc=717423&js=1"></script><script language="JavaScript" type="text/javascript">AC_VHost_Embed(717423,300,400,'',1,1, 2305677, 0,1,0,'e9eb15382eab7000fb795a0ead3195f1',9);</script>
</div>
 
</div>
Here is the location (front page with the Lady inside of the block):

http://sck-mobile.com/community/index.php
 

Brogan

XenForo moderator
Staff member
#4
Depending on how you want it to look, something like:

Code:
<div class="section" style="background-image: url(path/to/image.png) no-repeat">
 
<div class="secondaryContent">
        <h3><center>
 
 
<a href="#" onclick="window.open('http://sck-mobile.com/community/index.php?conversations/add&to=ADMIN','radio','width=650,height=750,scrollbars=no,');return false" target="radio"><font color='#00FF00'>A.L.I.C.E. </font><font color='#FFFFFF'><i>(Click on Her for Help)</i></b></font></a>
</h3>
 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script language="JavaScript" type="text/javascript" src="http://vhss-d.oddcast.com/vhost_embed_functions_v2.php?acc=717423&js=1"></script><script language="JavaScript" type="text/javascript">AC_VHost_Embed(717423,300,400,'',1,1, 2305677, 0,1,0,'e9eb15382eab7000fb795a0ead3195f1',9);</script>
</div>
 
</div>
 

CritiKiL

Active member
#5
;-(. I put in this code (leaving the [<xen:require css="EWRblock_AdSense.css" />] out, and even putting it in with your code but nothing shows for the background:

Code:
<div class="section" style="background-image: url(http://video.clankillas.net/images/adsensebackground.png) no-repeat">
 
<div class="secondaryContent">
        <h3><center>
 
 
<a href="#" onclick="window.open('http://sck-mobile.com/community/index.php?conversations/add&to=ADMIN','radio','width=650,height=750,scrollbars=no,');return false" target="radio"><font color='#00FF00'>A.L.I.C.E. </font><font color='#FFFFFF'><i>(Click on Her for Help)</i></b></font></a>
</h3>
 
 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script language="JavaScript" type="text/javascript" src="http://vhss-d.oddcast.com/vhost_embed_functions_v2.php?acc=717423&js=1"></script><script language="JavaScript" type="text/javascript">AC_VHost_Embed(717423,300,400,'',1,1, 2305677, 0,1,0,'e9eb15382eab7000fb795a0ead3195f1',9);</script>
</div>
 
</div>
BTW: The background is exactly the size of the block: 625w X 300h.
 

Brogan

XenForo moderator
Staff member
#8
I don't understand.

You want a background image in a block which already has an image?

This is what I see:
Code:
<div class="section">
    <div class="secondaryContent" id="recentSlider">
<div align="center">
<img src="http://video.clankillas.net/CK-App-Files/AD/CK-App-AD-300x250.gif" width="260">
 
</div>
       
    </div>
</div>
 

CritiKiL

Active member
#9
I don't understand.

You want a background image in a block which already has an image?
That is not an image, it's a javascript code and it's tranparent so you can have a background behind that javascript lady because there's already a gradient background there now, which is a part of the block. I want to replace that gradient with a background image...but just for 'that' block.