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

NC for Hire

This is a simple tip and trick for adding a classy, eye catching Under Construction Banner to any Groups you are working on that are not quite ready for prime-time.  This tip uses no images or javascript...just simple HTML and CSS

Example:  Makulu Journey Channel

First the Tip:

Add the following CSS to your Custom CSS (or if you are bringing in an external style sheet for a group, add it there)

#construction {
    position: absolute;
    width: 100%;
    text-align: center;
    z-index: 1000;
    font-size: 2.7em;
    color: black;
    font-weight: bold;
    -webkit-transform: rotate(315deg) scale(1) skew(1deg) translate(-200px, 0);
    -moz-transform: rotate(315deg) scale(1) skew(1deg) translate(-200px, 0);
    -o-transform: rotate(315deg) scale(1) skew(1deg) translate(-200px, 0);
    -ms-transform: rotate(315deg) scale(1) skew(1deg) translate(-200px, 0);
    transform: rotate(315deg) scale(1) skew(1deg) translate(-200px, 0);
    background-image: repeating-linear-gradient(55deg, rgb(255, 255, 255), rgb(255, 255, 255) 50px, rgb(248, 174, 94) 50px, rgb(252, 144, 3) 110px);
    -webkit-box-shadow:  5px 5px 10px 0 rgba(0, 0, 0, .2);
    box-shadow:  5px 5px 10px 0 rgba(0, 0, 0, .2);
}

#construction p {
    margin: 0;
  /* color: #F2F2F2; */
    border-top: 1px solid #eee;

}

Now the Trick:

Add the Following HTML inside the box where you place the description of the group, so it disappears after a site member has seen it.  In other words, add  =editPages  after the Group URL and add it to the description box in HTML view.

<div id="construction">
 <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Under Construction</p>
</div>

Note:  You can obviously change the wording to something other than Under Construction

           - You can also add this HTML to a text box inside the group if you'd like for it to continue to display.

          - Don't forget to remove it when your group is ready.

I was going to add this to my How Did You Do That Group on Creators, but those posts just don't seem to be indexed yet and have not made it into the stream.  For Example:  Tip: Magic Inline Facebook Style Dropdowns with CSS Only

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

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

Pam Givens replied to Pam Givens's discussion
Landing Page
"What I meant to say, if I could spell:
I've attempted to create a landing page and have't had much…"
yesterday
Pam Givens posted a discussion
I've attempted to crate a landing page and have't had much success.  I'd rather have one on my…
yesterday
Luxury Residences updated their profile
Dec 6
Asumi Carol updated their profile
Dec 2
Shada Hotel updated their profile
Nov 29
Howard Sands replied to Mark Thorpe's discussion
NING is broken?
"I am not a techie, I don't understand the first thing about it, but have a HUGE problem with Ning…"
Nov 27
Howard Sands replied to Donna MacShoe's discussion
Ning Support phone number for my 20 yr old site
"I hope this helps
Ning  https://www.ning.com/contact-us/
1-855-233-6436 (USA/Canada Toll Free)…"
Nov 27
Donna MacShoe posted a discussion
I am completely locked out of my NING site that I have had for 20 years.  ladiesofthehat.org.  When…
Nov 27
Joven left a comment on Ning Networks en español
"Zzz..."
Nov 26
Ron updated their profile
Nov 25
Ron updated their profile photo
Nov 24
Mark Thorpe posted a discussion
I've run networks based on this platform in the past and never have I seen it in such dissarray as…
Nov 20
More…

Meanwhile, you can check our social media channels