Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

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

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Email me when people reply –

Replies

  • 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

    • NC for Hire
      Hadn't contributed anything meaningful in a while so I hope this is of value!
      Thanks for featuring it, Aaron.
      SP
  • SP!!! U R THE ONE!!!

    Wonderful job ;-)

    Thank you so much

    • NC for Hire
      You're welcome. All I need now is 10% of your ad wrap revenue. :-)
      SP
      • *LOL*  I'd donate.......if I only had a sponsor.  lol  Seriously though, thank you SP

      • 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???

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

    • NC for Hire

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

      • I've tasted in the old editor does not work, it seems that the code is made ​​to the templates in the new editor.

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Natalia Kravetz replied to Brandyn Shepherd's discussion
NING - Mobile App!
"Thank you. I just need an easy way for my members to acces article plages and forum discussions. An…"
2 hours ago
Steve C replied to Brandyn Shepherd's discussion
NING - Mobile App!
"An app needs to support advertising and affiliate code. Too many apps don't."
3 hours ago
Helen is now a member of Ning Creators Social Network
7 hours ago
Anastasia_Ning_Support replied to Brandyn Shepherd's discussion
NING - Mobile App!
"Hi there! 
A mobile app is definitely one of the most requested features at the moment. Our product…"
10 hours ago
Julia L Widdop updated their profile
11 hours ago
Julia L Widdop updated their profile photo
11 hours ago
Jen liked Anastasia_Ning_Support's discussion What’s New on NING: Recap of the Latest Updates
23 hours ago
Natalia Kravetz replied to Brandyn Shepherd's discussion
NING - Mobile App!
"This is definitely the most important feature that i'm waiting for. Having an app in their mobile i…"
yesterday
Anastasia_Ning_Support replied to Unpwn Producer's discussion
I need to secure my site
"Hello!
I`ve got a reply from our admins, seems like it is not possible to install a certificate yet…"
yesterday
Mariaconcetta is now a member of Ning Creators Social Network
yesterday
Steve C replied to ⚡JFarrow⌁'s discussion
Ning3: How to Create a Combined Feed of All Forums Inside Groups
"Well, I appreciate it! I'm in the process of migrating to Ning 3 and I'm putting together the site…"
Saturday
Ceddy J liked ⚡JFarrow⌁'s discussion Simple Tip: How to Add a Responsive Hero Header to a Page in Ning
Saturday
More…

Meanwhile, you can check our social media channels