Your Username More Visible in the Ningbar

[Add a Tip for Other Network Creators (Ning 2.0)]

very simple with this css code

just change background-color

#xn_bar #xn_bar_menu_tabs a#xn_username {
padding: 0px 8px;
color: #fafafa!important;
background-color:#3a84ab!important; border-radius: 0px 0px 10px 10px;-moz-box-shadow: 1px 1px 5px 0px #656565;
-webkit-box-shadow: 1px 1px 5px 0px #656565;
-o-box-shadow: 1px 1px 5px 0px #656565;
box-shadow: 1px 1px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);}

[George H. Compton IV]

Cool idea keep them coming

You'll want these other border radius codes as well

   -moz-border-radius: 0px 0px 10px 10px;  -webkit-border-radius: 0px 0px 10px 10px;  -khtml-border-radius: 0px 0px 10px 10px;

you have a great evening Eric

[Armani Rouse]

Hey george, I wanted to add this code to the messages link in the bar, I tried "messages" and "inbox" but neither worked, any suggestions?

[Alessandro]

Thanks, just added to my network.

[Armani Rouse]

I actually didnt need to change the color, for some reason it auto'd to the background color of my network which looks pretty descent lol but im going to play around with teh color on this! Any way to add this to the other links in the bar? Im using Elson new message setup so I wanted to highlight the "message" link.

[George H. Compton IV]

here you go Armani just change the color to what you want

#xn_bar #xn_bar_menu_tabs A#qv.xg_sprite.xg_sprite-inbox {
padding: 0px 8px;
color: #fafafa!important;
background-color:#3a84ab!important;
 border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  -khtml-border-radius: 0px 0px 10px 10px;
-moz-box-shadow: 1px 1px 5px 0px #656565;
-webkit-box-shadow: 1px 1px 5px 0px #656565;
-o-box-shadow: 1px 1px 5px 0px #656565;
box-shadow: 1px 1px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);}

[Adeel Cheema]

Try this code eric...

<script type="text/javascript">
if (ning.CurrentProfile != null) x$('#xn_bar_menu').find('a#xn_username').after('<img style="margin:0px;padding:0px;" src="' + ning.CurrentProfile.photoUrl + '" width="26" height="26" /> ');
</script>

[Kwaku OwusuAfriyie]

Adel, I tried this codes but did not see the profile picture appearing on the bar.

[Adeel Cheema]

where did you actually used it?? 

You have to paste this code anywhere in analytic box(Custom code box).

[George H. Compton IV]

I'm sorry I didn't catch this till just now but it looks like Adeel got it covered :-)

you have a great day Eric

[Lupe Tyrell]

Thank you!

[Jordon McGee (Jords)]

Love this!