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

Here's some little snippets to make active buttons and HTML Editor mode stand out more...was bugging me, so figured I'm not the only one. Add to your CSS.

Enjoy,

FT

/*_________Fire-Tech HTML & Buttons____________*/
a.mceButton.mceButtonEnabled.mce_code.mceButtonActive{border: 0px!important; background-image: none!important; margin: 0 0 -.6em -.2em!important;}
.mceButton.mceButtonEnabled.mce_code.mceButtonActive:before {content:"HTML Mode"; border: .15em groove #000; border-radius:.4em; padding:.18em; background:#ff0000; font-weight:bold!important; color: #ffff00; text-shadow: -.15em .15em .2em #000; margin-left: -.2em!important; margin-bottom: -.6em!important;}
a.mceButtonActive{border: .1em solid #000!important; background: #c0c0c0!important;}

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

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

  • Great how a few little tweaks make all the difference.  Here's another one to combine with yours (while they're at it).  Change the grey background to whatever you wish.

    .defaultSkin table {background: blue;}

    3224230?profile=original

    • Aaaah. I like :)

      We should start a group for NC's with OCD :)

      Here's one for the success message:

      div.notice-successMessage{border:2px groove #fff;border-radius:10px;-moz-box-shadow:0 -1px 6px -1px rgba(0,0,0,1);-webkit-box-shadow:0 -1px 6px -1px rgba(0,0,0,1);box-shadow:0 1px 8px 1px rgba(0,0,0,1);margin-bottom:40px;background-color:#b6dae5}

      3229899?profile=original

      • "OCD"  lmao!  Better invite SoaringEagle.  I remember he totally overhauled his but i haven't looked in quite some time.  Here a little tweak the wording, color and font size in the "read more" area of posts using Language Editor.

        3232285?profile=RESIZE_1024x1024Code used in Language Editor:

        <p><span style="color: #0081C2; font-size: 11px;">Read More, Comment and Share......</span></p>

           3232307?profile=original

        Widen the area given for additional "read more" wording by adjusting with CSS

        .blogListPage-readMore {width: 190px;}

        • Yeah, I have been busy with a new network. Haven't checked his out in a while either. Def use the Read More. Thx.

          Here's one for colored scroll bars in Chrome. FF doesn't support yet though...

          /**** SCROLLBARS ****/
          ::-webkit-scrollbar {width:8px; }
          ::-webkit-scrollbar-track {background:transparent; border-radius:6px; box-shadow:0px 0px 10px 1px silver inset; margin:10px!important; padding:50px!important;}
          ::-webkit-scrollbar-thumb {border-radius:8px; box-shadow:0px 0px 3px 1px blue inset; border: solid 1px #000;}
          ::-webkit-scrollbar-thumb:hover {border-radius:8px; box-shadow:0px 0px 2px 1px blue inset;}

          • Nice one!  I've had brain freeze on Language Editor.  I know there's SO much more we can do with it.  I think I'm juggling too many balls in the air.  Need to focus.  ADD my problem.  Focus Laura focus!  lol

            • lol :)

  • Hi Fire Tech

    I would love to add this to our pages. Where do you place your own network name in the code?

    /*_________Fire-Tech HTML & Buttons____________*/ 

    thank you
    • Does your code only work for 3.0? If so, that is my problem because I am still operating off of 2.0.

      • Actually, it looks like it does work on 2.0. They must have kept the CSS classes the same.

        paste in Design Studio / Advanced CSS

      • Rise what's your URL?  We can take a look and see if something is conflicting.

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Tony A updated their profile
yesterday
Tyler Masonry updated their profile
Saturday
⚡JFarrow⌁ posted a discussion
I am trying to find just one working example of an app or utility that runs with the Ning API. No…
Aug 7
Eva updated their profile
Aug 2
Eva liked Steve C's discussion Ning's staff is in Kyiv. Keep them in your hearts.
Aug 2
Eva liked ⚡JFarrow⌁'s discussion What is going on with Ning? What Do We have to Look Forward To?
Aug 2
Chris Egg updated their profile
Jul 30
Eva liked Ning Support's discussion New feature added into Group Permissions
Jul 29
Arissa Seah updated their profile
Jul 27
APOSTLE TEYSHANA WILEY liked Ning Support's discussion New feature added into Group Permissions
Jul 25
Lady updated their profile photo
Jul 23
bryant tutas posted a discussion
Cant figure out how to add playlists. All my loaded songs are in the same list and I don't see an …
Jul 22
More…

Meanwhile, you can check our social media channels