Tip: Advert Wrap for your Network. One For Your Site Sponsors!

[SweetPotato]

Hello NCs,

This tip is inspired by Manuel France's request for a clickable background and has been tested in the Design Studio using the Newspress theme.

Tested in Firefox 18.0.2, Chrome Version 24.0.1312.57 m and IE9.

Have you ever wanted to utilise a page wrap advert like the one Empire Magazine had recently?

You might have a sponsor that wants maximum exposure for a week or two, and tied in with the usual banner ads etc, a page wrap can certainly give them that: click on it and it takes you to their page!

I am going to assume that you can design the background image yourself, although I have attached a PSD file to act as a rough guideline for the Newspress theme - pleased don't criticise me for the crudeness of it, every network is different and will require bespoke images.

First off, the script. Put this in your custom code section, making sure to change the http://www.yoursponsorurl.com.

<script type="text/javascript">
x$(document).ready(function() {
x$('.xg_theme #xg_themebody').click(function(event){
if ( this === event.target ) {
window.open('http://www.yoursponsorurl.com');
}
});
});
</script>

Now for the css, which you need to put in your Advanced CSS section.

.xg_theme #xg_themebody {
cursor:pointer;
background: url(http://yourURL.com/image/bg.png) no-repeat center top;
}

.xg_theme #xg {
cursor: auto !important;
}

The CSS above requires you to replace the image url with your own sponsor's background.

I don't have a live demo as this tip is really just a response to the previous thread so if anyone gets it up and running then please post the results.

I have also attached the script and css in a txt file.

Warning: You will see the background image on sign up pages, invite pages and some other areas where it might not look so hot. There are no doubt some css tweaks for this but I'll leave that to others :-)

Enjoy

SP

More tips n' stuff

[Aaron]

Awesome tip! Thanks for sharing, SP. I'm sure this will be really useful for NCs that run ads or those who just want to give a big shoutout to sponsors.

—Aaron

[SweetPotato]

Hadn't contributed anything meaningful in a while so I hope this is of value!
Thanks for featuring it, Aaron.
SP

[Manuel France]

SP!!! U R THE ONE!!!

Wonderful job ;-)

Thank you so much

[SweetPotato]

You're welcome. All I need now is 10% of your ad wrap revenue. :-)
SP

[Kos]

*LOL*  I'd donate.......if I only had a sponsor.  lol  Seriously though, thank you SP

[SweetPotato]

;-)

[Manuel France]

As soon as I sold it, I get back to you ;-)

Normaly next week if everything goes smoothly...

Thanks again.

BTW the EMPIRE site is a ning website???

[SweetPotato]

Buy me a pint :-)
No, Empire is not a Ning

[Stygo Alphamatt]

Holy Jeez!  just made my day.

I have been searching for something like this since two weeks now cos i wanted to give exposure to our main affliates. This is exactly what am looking for and i have  tested it a while and i also like the way it looks on the sign in & up page. See it live...

Very great and much needed tip

Kudos Sp

[SweetPotato]

Pleased it worked and even more pleased that we have a great example!

SP

[limadenoche]

And as in the old design code if I can help?

[SweetPotato]

not sure I follow, limadenoche, have you tried it in the old editor?