Direct your visitors and show them most important content

Live Preview

CUSTOM CSS
#acebar {
display: block;
width: 100%;
text-align: center;
position: fixed;
height: 30px;
top: 0; left: 0;
z-index: 99999;
padding: 5px 0;
border-bottom: 1px solid rgba(255,255,255,0.5);
color: #534306;
font: normal 18px/25px Geogrotesque-Medium, Helvetica, Arial, sans-serif;
text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
background: #fff298; /* Old browsers */
background: -moz-linear-gradient(top, #fff298 0%, #e8d56f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff298), color-stop(100%,#e8d56f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fff298 0%,#e8d56f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fff298 0%,#e8d56f 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fff298 0%,#e8d56f 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#fff298′, endColorstr=’#e8d56f’,GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fff298 0%,#e8d56f 100%); /* W3C */
}
#acebar .inner { position: relative; width: 960px; margin: 0 auto; }
#acebar .inner p { padding: -10px 0; }

/* Ace Bar Announcement */
#acebar.ace .button {
background: #A66396; /* Old browsers */
background: -moz-linear-gradient(top, #A66396 0%, #653C5C 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A66396), color-stop(100%,#653C5C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #A66396 0%,#653C5C 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #A66396 0%,#653C5C 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #A66396 0%,#653C5C 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#A66396′, endColorstr=’#653C5C’,GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #A66396 0%,#653C5C 100%); /* W3C */
padding:3px 8px;
color: #fff;
text-shadow:0 1px 0 #4F2F49;
border:1px solid #4F2F49;
margin-left:.5em;
-webkit-box-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.2);
box-shadow:
inset 0 0 0 1px rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.2);
}

CUSTOM CODE or Text Box
You may paste this code in your custom code if you want to appear on all pages or paste in the text box on homepage to appear only on the homepage..

<div id=”acebar” class=”ace”>
<div class=”inner”>
<p>Direct your visitors and show them most important content<a href=”http://www.allforning.tk/ning-ace-bar/” class=”button”>Get It Now</a></p>
</div>

Because this will appear over the current Ning bar, we need to push down the bar using this code:
.xj_before_content {padding-top: 35px;
}

That also goes in the Custom CSS

In Progress:
Visitor to be able to close it

_______________________________________________

Free Ning Layouts and Codes at www.allforning.tk

Tags: ace, bar, emmanuel, ning

Views: 652

Reply to This

Replies to This Discussion

wowwww great Emmanuel Ace

i tried this but see nothing happening i tried on www.phillyhangout.com

removing it tho cause dont seem to work

This network has it on

http://www.eastafricanhit.com/

Emmanual that looks great. I am unclear as to which content it is showing. Is from the forum or from somewhere else? Can it be from the groups?

Ma'am?

You can link to any page of your network, just change the url to the page you want it to appear

Yes I am a girl, LOL!

Thanks for the 411. I've been having problem with getting my groups seen. I hope that this will help

Good Luck☺

its irrevelnt to ask but i need it.

kindlly tell me about that featured silder.want to apply it

Here you will need to host it somewhere

http://www.zshare.net/download/9946049308b6f502/

Click the orange button with green down arrow, to download it

Thx

server not found. any alternate. i have my own server.. just let me know th script for it.waiting

I PMed you

You are simply incredible, Emmanuel. I want to adopt you! Your mother must be so proud of you. I will be following your work closely. Keep doing what you are doing, and opportunities will come your way. Thank you for sharing your brilliant mind and talents. 

-Sylvia 

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity


NC for Hire
Garfield Creator replied to soaringeagle's discussion 'simple tweak that ning can do to drasticly increase joins/growth'
"Good one!"
1 hour ago
Dutchlabel replied to Dutchlabel's discussion 'Align images horizontally'
"Kinda at least.. The code is ok, now Ning just ***** it up.. And I was trying to place this code in…"
1 hour ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"i agree it should be there"
1 hour ago
Jeffrey Haskins replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Perhaps, but I think the read more link at bottom is most obvious, and gives a flow to the reading…"
2 hours ago
Dutchlabel replied to Dutchlabel's discussion 'Align images horizontally'
"Got it :) if anybody is interested: #socialimg { display: table; width: 90%; margin: 20px…"
2 hours ago
soaringeagle replied to Dutchlabel's discussion 'Edit footer name after Created by'
"all u should need to do is change the name in the profile u used to create yiour network on your…"
3 hours ago
Anam replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"Plus in all fairness I think I remained cheerful and was not unpleasant given that NO discussion,…"
4 hours ago
Dutchlabel replied to Dutchlabel's discussion 'Edit footer name after Created by'
"I changed them both, so also in Ning Network like I showed with the second screenshot, but nothing…"
4 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service