alternate forum styling

bernard posted a great "crazy look to your ning forum" tip that was great but looked absolutely horrid on my site (due to colors etc) and since it relied on a js  file to style it was too tricky to customize so i came up with my own alternate styling

Crazy Design Trick: Give a mind blowing look to your ning forum.

Jfarrow is looking for THE BEST 3RD PARTY FORUMS TO INTEGRATE INTO NING. His idea is not bad. However, we can give a different or nice look to your ning forum if you have a tweaking knowledge. But how? Here we go.....

Instructions: No headache, no e

Tip: Calls to action to members based on Sign-Up answers

Hi all

This tip is kind of similar to Jen's tip on inserting messages to all members on their profile page.

However, what i wanted to do here was target specific member types, in this case Legal Recruiters, with a 'call-to-action' that applied only t

Tip: Style Sheet for some of my more subtle CSS hacks.

Hi All

I thought I'd post a line of script that collates some of my more subtle css changes into one stylesheet.
You can insert into your custom code and save a whole load of space in your advanced css section which, for some reason, is considerably

"Get Engagement Started" Icons/Links

This is a simple little block of code that will add some engagement icons/links to your Ning Network. I created 2 versions, a vertical and a horizontal. All of the links are ready to go for a Ning Network. All you have to do is copy/paste to a text b

Use CSS to Make Sure Images Center Inside a DIV

Here is the code I use to keep an image always centered inside its containing div, regardless of browser width or resizing:

<img src="yourimage.jpg" style="width:100%;margin:0 auto;">

enjoy!

Add Logo to Ning Bar - (collaborative efforts of Jen and Kris)

Add Logo to Ning Bar - (collaborative efforts of Jen and Kris)

Kris of Bikerspost.com wrote tonight and asked how to add his logo to his NingBar. Kris is a Design Client, and a VIP Member of JenSocial. So, I was happy to share this code with hi

Styling Iframes with CSS

I've seen many discussions on how to style iframes, so here is a simple guide to get you started.

If you still haven’t heard, hear it now: FRAMES ARE DEAD – well, technically, they are more like the undead – the zombies of webdesign. They should be

How To Embed YouTube Videos without the YouTube Logo-Hack

Embedding Youtube videos on your ning network is a terrific way to curate content which pertains to your site's subject matter.  But one problem that can arise will actually drive traffic back away from your network and that is when a member (or non-

Tip: Your Network's "Latest Activity" is Alive and Kicking

Hi NCs,

Actually I love to share copy and paste kinda stuff here. I don't want to make it too complicated to implement. However, this time you gotta do some works to bring your network's Latest Activity to life.  Please follow the instructions caref

Verify Your Site @ Alexa!

There have been a number of discussions here on Creators over the years as to how to verify your Ning network at Alexa. There are instructions at their FAQ page specifically for Ning networks, and I am pleased to announce that it works!

Here are the

TIP: Remove members counting from Sign in/Sign up page

Just add this into your Advanced Css

div.signin-about{display:none;}

How to Convert your CSS into LESS using CSS2LESS

Last week i showed you guys a cool tool i found for CRUNCHING LESS and CSS, but today I came across an equally useful tool for CONVERTING CSS to LESS. 

Convert CSS Into LESS With Css2Less

If you are one of the NING designers/developers who jumped i

Tip: Shadow and image hovering effects on the Group Module

Hi NCs,

I'm not sure  whether you like it or not. But I have a small idea to make your main page group module stand out with the shadow and image hovering effects.


Note: OK and Tested with 2 and 3 column layouts, New Design Studio.


Live Preview

Updated 5/3/12: Refined member profile options (custom sorting and placement, hiding, etc)

What does it do?
You can hide, sort, or move modules between the left and right columns of all member profile pages. This script disables the user's ability to move modules around on their own, because you will have complete control on where they sho

Tip: Full Width Blog Page

Hello again,

Here's another tip for you NCs/admins and specifically for bloggers/writers, making your blog pages full width! I recall that this has been requested a while back by some NCs so why not give it a shot.

The solution below looks tricky b

Add Links to Ning Bar

This is a very simple tip on how to add links in one row, to the top of your site (Top of Ning Bar or Top of Site). You will need to know how to write some HTML, as in how to create hyperlinks. And ideally, if you know how to add links to images, you

Page Template: A lightweight grid style

First the html.  Note the use of the classes in <table> & <td>.

<table class="modellist" width="100%">
<tbody>
<tr>
<td width="25%">...</td>
<td width="25%" class="opentop">...</td>
<td width="25%" class="opentop">...</td>
<td width="25%">...</td>

Add Pure HTML Sidebar Floating Quicklinks To Your Ning

The problem with image based navigation is that it will weigh your site down tremendously because everytime the page loads, it has to make a http: request for each and every image.  A solution that i have found is to combine a little Jensocial floati

Insert Social Icons into your Navigation Bar

S'up bitchez?

Here's a little tip to get some social icons inserted into your navigation bar so it looks something like this:

First off you need to find the div ID of the final nav tab in your navigation menu. You can do this using Firefox Firebug