FORUM

Simplify Your Coding Life with Codepen for HTML, CSS and JS

I just thought it would be nice and useful to share this new tool i've been using with my fellow Ning Creators. Its called Codepen and it allows you to visually see the result of your markup in HTML, CSS and JS while you work

you can even embed you

Tip: Alternate Background Color on Blog and Forum/Discussion List

Hi all,

Here's an easy tip to take advantage again of CSS3 capabilities. With the nth-child(n) pseudo selector, you can customize your forum index or topic list by giving it an alternating background color effect.

Add this code to your Design Studi

TRICK: Host Your External CSS and JS Files using Dropbox

If you are sick of the LOOOOOONG URL's that the ning API generates for file uploads and you'd like something more managable, read on.  If your advanced section of your CSS is full and you want to shorten your import CSS@ urls, read on.  Just look how

Tip: Centering Module Header Text - The Right Way

Hi all,

I have read some answers about centering module text, but this is using margin styling that just pushes the element by some percentage left or right which is not a true centered look. What if your header text happens to be 'Supercalifragilis

Problems displaying photo thumbnails - a solution

Just managed to solve a problem I had with the photo thumbnail display on my network. It's a really simple solution so no need to kick me, cos I already have.

The Problem: 

Photo thumbnails were showing as a row of 4 then a row of 1, then a row of

3 special CSS TIP !! JUST copy&paste into custom code!!

Hi, there :D

I got question about CSS, so I made the CSS-TIP "allanista" !!

This TIP include 3 Special Effects!!

1. Special Design Studio!!
   DesignStudio will be transparent-mode When move the cursor away.
   you can see more cleary !!
2. Speci

Simple yet Elegant Side Menu

This simple yet elegant side menu was inspired when I browse the new youtube theme yesterday. You can view it in action here.  Hope you enjoy it when using in your network.

Simply copy the code below and paste it in your network's module.

TIPS: Move Quick Share Links to the Bottom of Status Feed

If you want the quick share links move to the bottom status feed:

Add these in Advanced CSS:

/* status feed module */

.xg_status_wrapper{position: relative;}

/* quick-add links bar */

.xg_status_wrapper .quickadd-options-links{position: absol

TIPS: Add ADs only in main page, profile pages or any other pages

Sometimes you may want ADs or special contents display in the main page, profile pages or any other pages only. It's easy to display contents only in main page. Because you could add a text box that only show in main page. But how to control contents

TIPS: Remove unnecessary words in main page, keep it clean and more readable

There are already too many information and words in the main page. So keep it clean is the best way.

Before:

After:

See what's different? Feels like play the game that point out the  differences of two images. :)

The answer is:

We all know what

TIPS: Put thinking bubbles in the latest activity of your main page

It's very interesting to change the status background in the latest activity. Especially in the main page. I changed it to thinking bubbles. :)

You can see the real result here.

To do this, you need a small image and CSS3 supported browser.

HOW TO Highlight a certain Video

If you want to call attention to a certain video, you could Feature it. Another way would be to put a colored background behind it. For example, the code below will add a yellow background to the video whose name incudes the words "Magic Town", as se

Print stylesheet - the definitive guide

Some websites do offer a link to a print-friendly version of the page, but this of course needs to be set up and maintained. It also requires that users notice this link on the screen, and then use it ahead of the regular way they print pages (e.g. b

Customize Your Pagination Style with CSS

If you're like me, getting the details of your ning network just right is an ongoing process.  For example, I think that the default pagination styles attached to ning themes are BOR-ING.  So I'm going to quickly show you how to add a little style to