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
- Attachments:
-
-
fb_buttonbg.png, 1 KB
-
Replies to This Discussion
-
Permalink Reply by Haitians United for Haiti on -
Jen,
please share a screen shot! When I click on the attachment, I am not seeing anything.Thank you!
-
-
Permalink Reply by JenSocial on
-
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
-
Great, thank you:)
-
-
Permalink Reply by Neuerotica on
-
Briiiiiiiiiliant!!!!!!!!!!!!!!!!! Thanks!!!!!!!!!!!!!
-
-
Permalink Reply by Neuerotica on
-
Too bad for them. Haha!
-
Welcome to
JenSocial: Social Web Directory and Ning Tips
Latest VIP Ning Tips!
Hover Links for Preview
» shhhh, Huge Ning Designer Secret - - Insert Simple HTML at Top of List Pages: Blogs, Events, Forums, Groups, Photos, and Videos.
» Make Home Page Photo Module Stand Out
» Professional Splash Page Template (Landing Page) - Pro Accounts
» Beautiful Coda Content Slider for Ning Networks
» Move Group Pages Module To Top
Blog Posts
Hi Everyone!
Posted by JenSocial on May 7, 2018 at 8:35pm 8 Comments 1 Favorite
Message from Ning CEO - January 4, 2017
Posted by JenSocial on January 6, 2017 at 4:00pm 10 Comments 1 Favorite
New Ning 3.0 Feature! Add Slideshow to Photo Module
Posted by JenSocial on October 22, 2016 at 1:05am 0 Comments 0 Favorites
Good Riddance Mode Media! Exciting News About Ning + Cyndx LLC
Posted by JenSocial on September 17, 2016 at 12:00am 26 Comments 1 Favorite
Ning RAISING RATES for Ning 2.0 sites
Posted by JenSocial on August 31, 2016 at 3:30pm 13 Comments 0 Favorites
Latest Ning Tip
Ning 3.0 Tip - Add Buttons/Links Below Status Update (Quick Links to Add Photos, Posts, Discussions)
Discussion Forum
Mp3 player for Ning 3.0 - created by me
Started by Themes - Rosas Negras Mar 20, 2021. 0 Replies 0 Favorites
Add Member Account Box Links/Notifications to NingBar and Hide Account Box - - Saving Space Above Fold (Collaborative Efforts: Jen and Elson)
Started by JenSocial. Last reply by Kos Dec 6, 2016. 64 Replies 4 Favorites
Add Footer like Creators.ning.com (Great example of a JenSocial VIP Tip!)
Started by JenSocial. Last reply by JenSocial Jul 26, 2016. 41 Replies 1 Favorite
Trending on JenSocial
© 2024 Created by JenSocial.
Powered by
