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

Forum

NC for Hire

Add a Christmas look and feel to your sites

Hi folks,

Here is your Christmas Present from me. Please accept it as a token of love.

How to implement ?

Note: For some reason this forum is not showing the correct iframe width and height inside the code below. This is supposed to be width size 780 and height size 320. Please correct it before saving your text box. 

For 2 column layout,  just copy and paste the following code into any text box.

<div id="page-content" class="description">
<div class="xg_user_generated"><iframe width="780" height="320" src="http://api.ning.com:80/files/DqaYw0w2aP*-MEM3cFsemQ7i-Sl7Ka8uMJ-p1oyBtr8wLtpaHGJpRP5RrWZZlGn1*QAzuT7CQKsKKyP7hPqlS5VS*cgMLe6a/1059732076.html" frameborder="0" scrolling="no"></iframe></div>

For Three Column Layout, follow the steps below.

Step 1: Add 2 text boxes on the top of left and middle column. 

Step 2: paste the following codes:

CODE 1 THIS CODE GOES TO ADVANCED CSS BOX:

.space {height:300px;margin-top:-20px;} 
.module_text .xg_module_body {overflow:visible;}
#spotlight {margin-left:-247px;width:747px;}
#spotlight img, #spotlight embed, #spotlight object {padding:0; margin:0; max-width:747px;}

 

CODE 2 THIS CODE GOES TO MIDDLE TEXT BOX:

<div id="spotlight" class="space">
<div id="page-content" class="description">
<div class="xg_user_generated"><iframe width="780" height="320" src="http://api.ning.com:80/files/DqaYw0w2aP*-MEM3cFsemQ7i-Sl7Ka8uMJ-p1oyBtr8wLtpaHGJpRP5RrWZZlGn1*QAzuT7CQKsKKyP7hPqlS5VS*cgMLe6a/1059732076.html" frameborder="0" scrolling="no"></iframe></div>
</div>
</div>

 

CODE 3 THIS CODE GOES TO LEFT TEXT BOX:

<div class="space"></div>

Live preview

Preview

 

 You may want to contact me for further ning customization and all. contact: bernardmax2@gmail.com

 

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

Join Ning Creators Network

Email me when people reply –

Replies

  • NC for Hire

    Thanks Joan. I'm glad it worked for you. Right behind the banner of your network there is a gap between 2 modules. To get rid of it, follow the following instruction.

    If you want to remove text box background, simply copy and paste this code into advanced css box: 

    .module_text {
    background: transparent!important;
    border: none!important;
    }

    If you want to add background in specific text box just wrap up the contents with the following code:

    This code goes to text box:

    <div class="text_style">YOUR CONTENT GOES HERE</div>

    This code goes to Advanced CSS box:

    .text_style {
    background: #E1E8FA;
    border-width: 1px;
    border-style: solid;
    border-color: #BDBDBD;
    padding: 5px;
    margin: -5px;
    }

    This code will remove background color of the text box


    .module_text {
    background: transparent!important;
    border: none!important;
    }

    • Any reply on the custom search feature?

    • O thanks Bernard I'll take a look at that. Much appreciated!

  • Nice work Bernard and i hope you to have a fantastic Christmas :)

  • Hi Bernard I've tried this Christmas graphic - cut and pasted the 2 column code but it's not worked! the message is way over to the right ... so we get "Merry Chris"  (I resized the box to 780x320) ??!!

    • NC for Hire

      Hi Joan,

      Thanks for liking it. Well, you got to change the iframe size manually as this forum is not showing the iframe size correctly, it is automatically changing. 

  • NC for Hire

    If you are using Ning 3.0 with 2 column layout, just copy and paste the following code into any wider test box...

    <iframe width="712" height="292" src="http://api.ning.com:80/files/*tHd*uipNJAN1vpx6fKuDAinxTFEEOa1ztaYpIgr6xHNQW2qGi523skhLxMDCfClase2AZVlCS5TnX6nqxMkaxnFtdWx7sg6/1064518628.html" frameborder="0" scrolling="no"></iframe>

This reply was deleted.

Search the Creators Network

Latest Activity

Lorenzo M. Oliver replied to Lorenzo M. Oliver's discussion Problemas con la visualización de las imágenes in Ning Networks en español
"Gracias a tí, por tu interés y gratitud al mencionarlo!"
12 hours ago
Lorenzo M. Oliver replied to Leyda Ramirez's discussion Directorio de redes ning? in Ning Networks en español
"Hola Leyda,
Hasta hace poco estaba funcionando un buscador de redes sociales Ning, Ningogle, con má…"
12 hours ago
Mary Jane Peterson replied to Mary Jane Peterson's discussion Fatal error: please help
"Hi John Bizley 

thank you so much :D"
21 hours ago
Luke Jones replied to Luke Jones's discussion Comet chat are genuinely awesome
"Yep :) , it is aha :) O don't forget comet chat are having the apps in 3 weeks time so you can have…"
yesterday
Kwan Yin replied to Luke Jones's discussion Comet chat are genuinely awesome
"Yes, I'm planning to get the highest package as well, video & audio chat in HD sounds fantastic!
My…"
yesterday
Leyda Ramirez replied to Lorenzo M. Oliver's discussion Problemas con la visualización de las imágenes in Ning Networks en español
"Gracias! Me funcionó perfecto"
yesterday
Luke Jones replied to Luke Jones's discussion Comet chat are genuinely awesome
":) awesome :) ah right :) Aha :) , Your absolutely right, comet chat are Fantastic :) I'm going be…"
yesterday
Kwan Yin replied to Luke Jones's discussion Comet chat are genuinely awesome
"Thanks for the tip! I'm currently doing a revamp of my Ning 3.0 site and I'm going to add CometChat…"
yesterday
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"Thanks George and your most welcome for the codes. I agree it probably could be compiled better, I…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion A tip all Ning3 networks can benefit from. "fluid YouTube, Slideshare & Vimeo Videos"
"That sounds sweet John, keep up the awesome work :-)And thank you for the compliment. :)"
yesterday
George H. Compton IV replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"Good morning John. :-) This is beautiful, thank you for sharing the codes.  I'm still planning on p…"
yesterday
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"Your most welcome and thankyou :-)"
yesterday
Edie2k2 replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"You are a dear, dear man John. Thank you!!"
yesterday
John Bizley replied to George H. Compton IV's discussion A tip all Ning3 networks can benefit from. "fluid YouTube, Slideshare & Vimeo Videos"
"This is a really great piece of code for your videos, I had it on an old site but now am using it f…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion (TIP N3) Fluid network enhancements for your profileCoverArea img, network header img, group Header image & Social Channels player
"Update 5-23-15, My Fluid Social Channels Video player now sports VIMEO
Sorry I didn't add VIMEO ear…"
yesterday
John Bizley replied to John Bizley's discussion Brand New Facebook Style Photo's page. CODE NOW AVAILABLE
"After a lot of testing all the code and setup for this is now available. It will work accross all t…"
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Update I added a version for Ning 3.0.. This code does not affect Nings mobile sub-tab arrows."
yesterday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you Dave, you're so very welcome. :-)"
Saturday
dave replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thanks George for sharing this Tip, they work and look great :-) very nice piece of code :-) You've…"
Saturday
George H. Compton IV replied to George H. Compton IV's discussion TIP Ning3 & Ning2 - Sub-tab down arrow for your navigation
"Thank you for the compliment JFarrow. :)"
Saturday
More…