JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Make Status Update Share Button Look Like Facebook Share Button

This may be the easiest tip I've ever written, but could give a nice punch. This CSS will style your Status Update "Share Button" to look more like the Facebook Share Button. I believe it was Einstein who said, "People love formulas..." In other words, we like what we're used to seeing.

I actually think my red button looked better, LOL. But, this will probably make members feel a little more at home - - it's almost subliminal.

Add this code to your Advanced CSS, and your "Share Button" should look more like the Facebook Share Button:

/* Status Update Button - Facebook Colors */
#status-button-wrapper .xj_submit {
background-color:#5B74A8;border-color:#29447E #29447E #1A356E;padding:5px;font-size:13px;font-weight:bold;font-family:tahoma,verdana!important;
background: url("http://storage.ning.com/topology/rest/1.0/file/get/981290846?profile=original") scroll 0 0 repeat-x;
}
#status-button-wrapper .xj_submit:hover {
background: none repeat scroll 0 0 #4F6AA3;
border-bottom-color: #29447E; }

If any of the settings do not take, add the !important; as I did for the font-family. This should override your current settings.

This button is slightly different, but close enough. ;-)

Enjoy,

Jen

0 members favorited this

Attachments:

fb_buttonbg.png, 1 KB

Replies to This Discussion

Permalink Reply by Haitians United for Haiti on July 6, 2011 at 9:27pm

Jen,

please share a screen shot! When I click on the attachment, I am not seeing anything.

Thank you!

Permalink Reply by JenSocial on July 6, 2011 at 9:52pm

The attachment is the tiny slither of an image that is used as part of the button background - - in case you ever need it. Just look for SHARE button on home page of JenSocial, next to "Status Update". I'll also add a screen shot soon.

Best,

Jen

Permalink Reply by Haitians United for Haiti on July 6, 2011 at 10:36pm

Great, thank you:)

Permalink Reply by Neuerotica on July 20, 2011 at 3:51pm