Ning 3.0 Tip: Add " Add A Discussion" button next to " View All" button.

[Bernard Lama]

Hi NCs, 

I hope many of you have noticed that there is no "Add a Discussion " link  next to " View All" link  on forum module  ( Main Page Ning 3.0). So I though it would be nice if I share this tip with you folks. 

So here you go:

Simply copy and paste the following code into Custom Code. 

Note: If you are looking for a person to customize your site, I'm available for hire. You may want to check my profile or you can directly contact me via my email id [e-mail]

Try Private help full support

The Code " Updated 13/4/13 "

<!-- CUSTOM ADD A DISCUSSION AND VIEW ALL BUTTON  by Bernard Lama-->

<script type="text/javascript">
x$('.span11.column .discussionListPage').after('<div class="add_discussion"><a href="/forum/discussion/new">Add a Discussion</a></div>');
</script>

<style>
.add_discussion{
margin-bottom: -30px;
}
.span11.column .pull-right a,.add_discussion a, .add_discussion_page a{
color: #fff!important;
text-decoration: none;
font-weight: bold;
line-height: 1.4545em;
text-shadow: 0 -1px #00629c;
text-align: center;
background-color: #0079c1;
background: -moz-linear-gradient(center bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#0079c1),color-stop(20%,#0079c1),color-stop(100%,#00a1ff));
background: -webkit-linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
background: -ms-linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
background: -o-linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
background: linear-gradient(bottom,#0079c1 0,#0079c1 20%,#00a1ff 100%);
-moz-box-shadow: 0 1px #4dbeff inset;
-webkit-box-shadow: 0 1px #4dbeff inset;
box-shadow: 0 1px #4dbeff inset;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-color: #0079c1 #00588b #004b77;
border-style: solid;
border-width: 1px;
height: 1.4545em;
padding: 7px 15px 8px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
}
</style>
<!-- CUSTOM ADD A DISCUSSION AND VIEW ALL BUTTON by Bernard Lama-->

 

 Preview:

[Troy D. Bertrand]

I guess that's something they will add with time...Waitingt for 3.0 to be a little more complete before I begin testing again.

[Bernard Lama]

Thank you Ricardo

[Bernard Lama]

Thank you Ricardo

[Jelena]

Wow this is fantastic Bernard. Thank you for sharing great tip.

[Bernard Lama]

Thanks Jalena,

[Suzie Nielsen]

Hi Bernard,

Sorry but this code is not working for me! Did I do something wrong? Copied it and pasted it just as normal... here is my sandbox..

http://s-t-a-r-t.ning.com/forum

Thanks,

Suzie

[Bernard Lama]

Hi Sujan,

It looks like you are trying to add this tip on the forum page. This tip works on forum module on the main page only. BTW, thanks for trying it.

Best

Bernard

[Suzie Nielsen]

Sorry Bernard,

I am lost! I added the code to the custom CSS box-in my design studio on my 3.0...where do I add the code? Sorry Bernard but I am not techie at all!

(The link was to show you that it did not work! sorry!)

 

[Bernard Lama]

Go to social site manager> Custom Code. 

You are supposed to paste the code here.

[Suzie Nielsen]

  You are Awesome! OM! I see it now! Yahoo! Thanks Bernard- I was going through the design studio! wrong place!LOL!

Thanks again,

Suzie

[Suzie Nielsen]

I guess I will try later- even adding the code to the correct CC box-still does not work for me... I am certain it is something I am doing wrong!LOL! I will continue to play with this because I really want those buttons!

Thanks for your time,

Suzie