Hi ,
As you know , when you edit and save something , you will get a Green Success Bar on top of your page . For example , i edited my network's CSS and click save , it will show this bar .
There are two color for this bar in Ning which can be use in any part of the network .
1) Yellow notification bar 
<div class="notification"> My notification message </div>
Example

2)Green success bar 
<div class="success"> Success ! </div>
Example

3)Red warning bar
<div class="errordesc">Your warning message here</div>
Example

Just paste this codes in text boxes or pages . This will not work in comments.
Nice day ,
Elson.

Views: 450

Replies to This Discussion

Basic CSS Styling Lesson:

Let's say you wanted to add special content to a special box, that has a thick dark blue border with a light blue background, to several paragraphs across your site - - here's what you could do to save time:

  • Add the following line of code to your Advanced CSS - - we are creating a class called mybluebox.
  • .mybluebox { background-color:#99D0E7; border: 5px solid #003366; padding:10px; }
  • I will add the class to my Advanced CSS right now, and not take the chance of the CSS working in a comment. So, I can show you the live example below.
  • Add your newly created class to a paragraph or DIV, or just about any HTML tag. You could add to a text box, a new page, a Group Text Box, etc...:

<div class="mybluebox">This is my first basic CSS style. It's a class. I named it mybluebox. I must add a period before the name in my CSS. I must use class="mybluebox" when I apply this style to a paragraph, a DIV, or other HTML tags.</div>


Example Below:
This is my first basic CSS style. It's a class. I named it mybluebox. I must add a period before the name in my CSS. I must use class="mybluebox" when I apply this style to a paragraph, a DIV, or other HTML tags.
well explained. :D
Great Tip !!!!

There's also a blue one.

Very cool! And simple to use.

 

<div class="dy-ning-msg"><p>Your Text Here.</p></div>

 

---------------------------

One caveat: It sometimes requires a page re-load (in Chrome) for the div to display.

On our network (a Design Studio theme mod) it comes up with its icon.

Maybe I'm missing something.

But it's not a big deal as we'll be using these boxes for warnings and support comments, so the icons fit.

RSS

Members

© 2017   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips