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

FORUM

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.

Announcements

 

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

Ana Massien updated their profile photo
3 hours ago
Ana Massien updated their profile
3 hours ago
Alexander Wilon replied to Alexander Wilon's discussion
Ning 2 Site For Sale
"Hi Amber, yes, I am taking offers at the moment.  Please offer what you are prepared to pay as I ha…"
Saturday
Amber replied to Badan Barman's discussion
Ning 2.0 Network is Available for Immediate Sale
"Still for sale?"
Friday
Amber replied to Alexander Wilon's discussion
Ning 2 Site For Sale
"Hello, Alex!
are you still looking to sell your site?"
Friday
Amber posted discussions
Friday
دانلود مقاله پرسش مهر ۹۸ updated their profile
Friday
Rhonda Smith, Derric Waller, Gregory Kolupanovich and 7 more joined Ning Creators Social Network
Friday
⚡JFarrow⌁ updated their profile photo
Friday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Tip 3.0: How to Easily Change the Background of Videos from Social Channels
"Has anyone tried this?"
Thursday
Ade replied to Kyryl_Ning_Support's discussion
Changes on facebook, and new instructions how the app should be set up
"hello, i have tried these intrcutions to try to fix my fb login issue but i am still getting this e…"
Thursday
Harold E Scott Jr, Walmiro Martins Charão Junior , Zoriana Malon and 2 more joined Ning Creators Social Network
Wednesday
More…

Meanwhile, you can check our social media channels