1. 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?:

Discussion in 'Styling and Customization Questions' started by CritiKiL, Apr 18, 2013.

  1. CritiKiL

    CritiKiL Active Member

    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
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Use inline styline: style=background-image...
     
    CritiKiL likes this.
  3. CritiKiL

    CritiKiL Active Member

    Where do I place it, and how exactly? Thanks.
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    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>
     
  5. CritiKiL

    CritiKiL Active Member

    ;-(. 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.
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    Can you point out the block on your site so I can check with Firebug?
     
  7. CritiKiL

    CritiKiL Active Member

    Oh yes I did. It's the one with the lady inside...

     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    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>
     
  9. CritiKiL

    CritiKiL Active Member

    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.
     

Share This Page