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

Views: 241

Reply to This

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next!

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums.

APIsThe ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

Strumelia replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"+1"
1 minute ago
Strumelia replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"I've been saying this exact thing for months and months John.  It seems like simple…"
2 minutes ago

NC for Hire
SweetPotato replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"I think this might be in response to how pages were migrating over - they needed to be better…"
9 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"tru dat its a minor detail and works fine as is just didnt expect it to be applied universally when…"
20 minutes ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"the :"what were working on" needs to be updated since all but 1 of them were released and…"
23 minutes ago
Strumelia replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"I do know what you mean.  On the other hand, it's easy to simply start my article by…"
23 minutes ago
Thammy Om replied to Lorenzo M. Oliver's discussion '[NING 3.0 EMIGRACIÓN] PROCESO' in the group Ning Networks en español
"Y eso lo hay? Alguna sugerencia?"
25 minutes ago
John Bizley replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Once again this is all very nice BUT this is what is really peeing me off, we keep getting these…"
27 minutes ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service