FORUM

Add a Cool Editable Letterboard to your Ning Community

Just an easy little plugin to add anywhere inside your community in an HTML module:.

Example links to a Codepen to play around with it.

Simply open up a HTML module in the backend or in a Group backend.   Paste the following into the HTML view of the e

Simple Tip: Reveal Element on Hover

This is a really simple tip for those who want to save some space space and have certain things reveal when you hover over things. Like So:

It's simple.      Here is the HTML for a block in your page:

<div id="some-div">
<p>
Lorem Ipsum is simply dummy

Tip: How to change background color of Facebook comments for Dark Themes

If your Ning site has a dark theme, you may be scratching your head wondering how to make the text legible.  Because it is a 3rd party integration, I can't find anywhere the ability to switch the facebook comments module theme from light to dark.  So

Editing Sign-up Page - Adding a link and Paypal Button

Can anyone suggest how I'd go about adding a link or Paypal button to this page on my site  (https://schoolleadership20.com/main/authorization/signUp?)  

I alreaey have the buttons and links created in Paypal and just don't know where to edit the code

TIP N3.0: How to Fix Your RSS Feed Imports with One Line of Code

When you import an RSS feed to a page on your community, does it look like this?

Pretty ugly if you ask me.   But if you add the following line of code to your Design studio, everything will align nicely like so:

This is the code you use:

td {vertical-a

Tip N2 or N3: Customizable Multi-panel Hero Template For Driving Engagement

This week, one of my communities hosted 2 worldwide events - International Surveyors Week 2018 and Survey Earth in a Day 7.  One of the challenges this presented was keeping everyone on the same page.  One of the ways this was accomplished was by cre

Looking for code

Hi,

I was wondering if anyone is currently using, and willing to share, CSS code to accomplish the following on Ning 3:

- Only event title + photo showing in the activity feed, no description.

- CSS to leave Google Calender out of Events.

It would be ver

TIP/Trick/Hack 2.0: Injecting CSS into Mobile Version & Fixing Mobile Groups Style

I'd be willing to bet that most anyone reading this who has a 2.0 Ning community is currently facing the the same problem - no apparent way to style the mobile version of the community.  However, when it comes to the way our mobile versions display l

Tip: Add a Simple CSS Only Fixed Footer

What we will be creating is something like this:

Download Text File with All Code

Add the Following HTML to your Below Footer HTML module(customize however you like with HTML):

Tutorial: Learning CSS Positioning in 9 steps

This is just a quick tutorial for anyone hoping to learn about positioning in CSS.  In 9 steps I'll show you how positioning works so you'll have an easier time with your Advanced CSS area of the Design Studio

TIP: The Simplest Minimal Image Slider No Javascript

You want a slider for your homepage or otherwise but do not want to be bothered with javascript.  Here is your solution. CSS and HTML only.  Works on 2.0 and 3.0 Ning sites

HTML Part to add in your Sites and Pages HTML Module:

<div class="jfconta

TIP: How to Quickly Change Network Background and Track Pageloads

Ok guys... in the past week I have had 4 separate community managers ask me the best way to switch out a background image in both Ning 2.0 and 3.0 networks. Here is the way that I do it.

This method will also double as a pageview tracker using goo.g

How to NOT Display Number of Members in Groups

Quick and simple way to stop showing the number of members inside a group on the main Groups Hub

Add this to your advanced CSS area of design studio and save:

div.groupHub-groupInfo {display:none;}

Let me know if you have any problems or need help s

Tip & Trick: Add under Construction Banner To Groups

This is a simple tip and trick for adding a classy, eye catching Under Construction Banner to any Groups you are working on that are not quite ready for prime-time.  This tip uses no images or javascript...just simple HTML and CSS

Example:  Makulu J

3.0 Footer Tip: Add Social Icons Using Icon Font and No Javascript

Hey Ningers, here is a simple yet elegant and modern social footer featuring entypo icon font and long-shadow icon design.  The whole thing requires no javascript or images and we may learn something new together.  What we are building is the followi

3.0 Trick: Add Custom Icons Colors and CSS To Change Them

A client asked me recently if the icon colors could be changed.  Of course I knew there had to be a way to change or customize the icons that Ning serves us.  So, this is the quick and dirty way to change the color of the icons.  I added a single pix

Ning 3.0 Responsive Grid Playground

So earlier today I posted a useful Link Scrapper Tool that may come in handy when you are preparing for migration.  The second tool that I created today is a Ning 3.0 responsive grid playground, which you can Fork and use yourself here for learning h

(TIP N3.0 & N2.0) let's hang some Christmas lights..CSS.. Happy holidays :-) updated 12-04-14

Happy holidays :-)

The lights will be hanging from the bottom of your Ningbar, see image below.
If you would like to move it up or down just change the 30px in the bottom line of this code. You can also change the background Url to replace the Chris