Exstension Help

I have spent numerous hours looking for a module on Joomla exstensions but with no luck.

What I was looking for was a banner/advert that runs down the left and right hand side of a website, and while you scroll down the website the banner/advert moves with you.

Can someone point me in the right direction?

Thanks

You could achieve that with simple css rule that "fixes" background image on body element:

Code: Select all

body {background: #fff url(http://sample.com/banner.jpg) no-repeat fixed 50% 0;}


(50% will center image vertically if You have centered layout.)

Were do I put that css code?

Please edit: /templates/gk_news/css/override.css and add the code at its end.

Remember to enable "CSS override" in template settings - advanced section.

http://ringnews24.com/ Can you look here please.

It works with your code but its in the middle of the website.

I need it to be left and right hand side.

Thanks.

body {background: #fff url(http://ringnews24.com/images/sponsor%20us.gif) no-repeat fixed 92.5% 0;}

I changed the % number. The image need to be linkable as well.

1/2 the image is hidden when on the front page.

Thanks.

If You would like it to be clickable - then You need to code quite a lot of stuff and its a customization job that we doesnt support.

How do I show the part of the image that is missing?

Code: Select all

#gkPageTop {background: transparent}


Can you type out the full new code to use please. Were do I put #gkPageTop {background: transparent}

Thanks.

to override.css at its end - same way as You did previous changes

Would it be possible to make it start further down the page and not at the very top?

With the previous code:

Code: Select all

body {background: #fff url(http://ringnews24.com/images/sponsor%20us.gif) no-repeat fixed 92.5% 0;}


second parameter (0) is used to move in vertical position. Place there 50px for example to see how it affect layout.

That worked perfect Cyberek, Thanks.

Is there anyway to get the same image on the opposite side?

Yes, as I have told You - You create a big image, that is wider than Your site (it has empty space in middle with width of that space equals to width of center column of Your site), then You place two images on sides of this empty column and use 50% as first parameter of background position to center it horizontally.

But still this way You will not be able to create "clickable" area.

I manged to get some CCS code and HTML from a friend http://jsfiddle.net/A4TWj/1/ But we are not sure what files to put the code in, can you please tell us were the html and css must go?

Thanks

Css as usuall - to override.css.
Html - You should either create new module position:
http://www.gavick.com/documentation/joo ... -position/
Or add it to /layouts/default.php

Css as usuall - to override.css.
Html - You should either create new module position:
http://www.gavick.com/documentation/joo ... -position/
Or add it to /layouts/default.php

Hi Cyberek,
I have added the Css to overide.css.

Were about do I add the code in the Default.php file?

Thanks

The code on jsfiddle is not prepared to work with column centered content. You could try to paste it here:

Code: Select all

    <?php if(count($app->getMessageQueue())) : ?>
    <jdoc:include type="message" />
    <?php endif; ?>
PASTE YOUR CODE HERE   
    <section id="gkPageTop" <?php if($header_nobg): ?> class="nobg"<?php endif; ?>>


but I'm afraid it wont give You result You want.