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

FORUM

NC for Hire

Hi all NCs,

This time, I'm gonna show you a small tip but could be effective. 

There is a continue link  at the bottom of every forum. That continue link is so boring and doesn't look good. That's why I wanted to customize it.

You may want to subscribe to my Pvt. Help Subscription or contact me for  Ning Re-desing at bernardmax2@gmail.com

Instruction for implementation:

Step 1: go to language editor and search Continue and change it to READ MORE and save it.

Step 2: Go to My Network>Settings>Appearance>Advanced>copy and paste this code into it and hit publish button.

The Code

.module_forum a:hover{
text-decoration: underline!important;
}

.xj_expandable,.xj_expandable.continue-link {
background-color: #D14836;
background-image: -webkit-linear-gradient(top,#DD4B39,#D14836);
background-image: -moz-linear-gradient(top,#DD4B39,#D14836);
background-image: -ms-linear-gradient(top,#DD4B39,#D14836);
background-image: -o-linear-gradient(top,#DD4B39,#D14836);
background-image: linear-gradient(top,#DD4B39,#D14836);
color: #fff!important;
width: 65px;
padding: 5px;
margin-top: 5px;
font-size: 10px;
font-weight: bold!important;
border-radius: 3px;
}

 

Live Preview: Click here


Example:

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

Join Ning Creators Social Network

Email me when people reply –

Replies

  • Beautiful
    Thank you, creator

  • Great!
  • cool beans

  • NC for Hire

    Thanks for the compliment guys...

  • I like it, but I am having trouble with it in the blog section.  We keep our Blog Module in the middle column, not the left column like you show in your Live example site.  

    The problem I have is #1. What if I don't want it to affect the Blog Module.

    And,

    #2 If I do use it for the Blog module, the bottom pixels are cut off of the botton because NING pads and spaces the (Margin) of the "Detailed View" of the Blogs, differently than they do the Forums. And that means, the CSS formatting is not going to give you a consistant result in both modules, which, as the code stands, doesn't allow for this to be corrected... see photo attached:

    1064505869.png?width=600
    As you can see in the Forum Module below, the READ MORE button looks fine. I added a shadow effect, changed the color and also added a TEXT Alignment Center.  But otherwise, I have not changed much.

    Above the Forum Module, is our BLOG module, and you can see the Button appears smaller, and cut off on the bottom.

    Question #3 is there a CSS or Java Script to change the spacing and padding for each post between the blogs, so the Continue (READ MORE) button will consistant with the one in the forum module?


    Here is the Code I am using:

    /* ADD/CHANGE FORUM "CONTINUE" BUTTON" */

    .xg_module module_forum a:hover{
    text-decoration: underline!important; }
    .xj_expandable,.xj_expandable.continue-link {
    background-color: #663366;
    background-image: -webkit-linear-gradient(top,#581b58,#663366);
    background-image: -moz-linear-gradient(top,#581b58,#663366);
    background-image: -ms-linear-gradient(top,#581b58,#663366);
    background-image: -o-linear-gradient(top,#581b58,#663366);
    background-image: linear-gradient(top,#581b58,#663366);
    text-align: center;
    color: #FFF!important;
    width: 65px;
    padding: 5px;
    margin: 10px;
    font-size: 10px;
    font-weight: bold!important;
    border-radius: 3px 3px 3px 3px;
    .shadow
    -moz-box-shadow: 0 0 10px #410041;
    -webkit-box-shadow: 0 0 10px #410041;
    box-shadow: 0 0 10px #410041;}

     



    • 1064544802.jpeg?width=500

      So when I got to my language editor section it gives me this?? :/ Doesnt show me anyting on changing "continue"

      • NC for Hire

        You can find this word easily. Contact Ning.

      • You have to click "English (U.S.) Edit" first

    • NC for Hire

      Remove this code .xj_expandable,  if you don't want it to affect the Blog Module. 

      • Thank you - that did it!!!

This reply was deleted.

Announcements

 

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

⚡JFarrow⌁ replied to Fabricio Giugni's discussion
integrate Builderall with Ning
"I don't see how that would be possible.."
6 hours ago
⚡JFarrow⌁ replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
"wow... ok..glad it worked for you.."
6 hours ago
Grace Shaki, Martin, Git Along and 16 more joined Ning Creators Social Network
13 hours ago
Kos replied to Suzie Nielsen's discussion
How to hold a Contest? Thumbs up- on 2.0
"It's been a year.  Has anyone come up with a thumbs up/down script?????"
yesterday
Fabricio Giugni posted a discussion
Hi there,  Can we integrate the Builderall with Ning? The only thing I want from Ning is the abilit…
Saturday
Fabricio Giugni replied to Fabricio Giugni's discussion
How can I add video from Youtube on landing page?
"Hi,
    Thanks, it did work. But I will create this page in some other place. I spend a Thousand do…"
Saturday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
TRICK: Host Your External CSS and JS Files using Dropbox
"I no longer use Dropbox for this...   I use Github....  ask me how if it is too complicated for you…"
Friday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
Create a More Exciting "Featured" Email With Language Editor

still one of the most powerful tools and one of the first things I change when I start a new comm…"
Thursday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Give Your Ning a Really Fake Voice
"These days I use Speakpage and it provides a great on the fly service, but it is limited to a singl…"
Thursday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How to Create Search Feeds in Bing with a Simple Hack
"thank you brother"
Thursday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
How-to Control Number of Member Profiles on Member Page Using CSS
"Wow... just look how active Creators used to be!"
Thursday
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion
You May Not Know This About Facebook
"this tip worked well for me today again"
Thursday
More…

Meanwhile, you can check our social media channels