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

Forum

awhile back i created a variable width mini ning bar that adjusted its width  to the content within (smaller when logged out wider when  logged in) taking that a step further i attached it to the window top  so its always within view, and styled it so it looks awesome (i only wish border radius alowed a negative value for a more graceful flaired curve look)

live version dreadlocks site

how it looks when signed out

and wider when signed in

now for some code add to your custom css

#xn_bar {
  background-color: #666666 !important;
  border-bottom: 1px solid #CCCCCC;
  border-radius: 0 0 23px 23px;
  border-top: 0 solid #CCCCCC;
  bottom: 0;
  box-shadow: 2px 2px 12px #CCCCCC inset;
  display: table;
  height: 22px;
  left: 30%;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
  opacity: 0.56;
  padding-top: 0;
  position: fixed;
  right: 30%;
  top: 0;
  width: auto;
  z-index: 23;}

#xn_bar:hover{opacity:.87}

hopefully most of you know  you can chanfe the colors by changing the hexidecimal values after # (or replace with a color name #ffffff #000000 can be replaced with black or whitre if you dont include the #)

if you have customized the ning bar with added content you may need to allow lil extra space so change the left right values to something like 20%

note the opacity and inset box shadow causes a frosted glass like effect with it being lil more opaque when hovered over

yiu can also adjust the opacity value  to get just the right look you want

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

Join Ning Creators Network

Email me when people reply –

Search the Creators Network

Latest Activity

Ning via Facebook

Back to School Community Reading http://ow.ly/zbQJh

Back to…

Ning via Facebook

Awesome Questions to Ask New Members of your Online Community http://ow.ly/zbQzA

Ning via Facebook

How to Optimize Your Social Media Strategy to Gain More Followers http://ow.ly/zbQio

Ning via Facebook

Creating a Sense of Belonging in Your Online Community http://ow.ly/zbMfs

Ning via Facebook

Activity Feed 3.0 Updates Has Officially Been Released! Check out the official announcement on…

Ning via Facebook

Designing The Perfect Newcomer To Regular Journey Part 2 http://ow.ly/zbM4Q

Ning via Facebook

Designing The Perfect Newcomer To Regular Journey Part 1 http://ow.ly/zbLXh

Ning via Facebook

Are Comments Bad for Science? http://ow.ly/zbLKV

Are Comments…

Ning via Facebook

The Purpose of Community Platforms http://ow.ly/2KgJJf

The…

Ning via Facebook

Prevent Summer Community Blues http://ow.ly/zbLpp

Ideas to…

Ning via Facebook

Before You Spend $500K On A Community Platform... http://ow.ly/2JQDWi

Ning via Facebook

Power and Influence http://ow.ly/2JsEKn

Power and…

Ning via Facebook

8 Overlooked Elements Every Online Community Should Have http://ow.ly/2IUtId

Ning via Facebook

A Simple Online Community Reputation System http://ow.ly/ycrvl

Ning via Facebook

A Basic Online Community Wireframe http://ow.ly/2I1BxS

A…

Ning via Facebook

Essential Elements Of Community Platforms http://ow.ly/2HuOIy

Ning via Facebook

Moderation Strategy http://ow.ly/2Hidmv

Moderation…

Ning via Facebook

20 Things That Should Be Included In Your Online Community Website http://ow.ly/2Hc6E8

Ning via Facebook

How To Subtly Influence Your Online Community http://ow.ly/2H4zfE

Ning via Facebook

4 Types Of Contributions You Want Your Members To Make Into Your Community…

More…