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

Forum

NC for Hire

Hi NCs,

This tip explains how to design a youtube like pagination for video page, photo page etc. or more in general to split a long list of contents in more pages. I hope it's a perfect pagination style. 

Instruction: Just copy and paste the code into Advanced CSS box.

The Code

.pagination li{
text-shadow: 0 1px 0 #fff;
background-color: #e0e0e0;
-moz-box-shadow: inset 0 0 1px #fff;
-ms-box-shadow: inset 0 0 1px #fff;
-webkit-box-shadow: inset 0 0 1px #fff;
box-shadow: inset 0 0 1px #fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
background-image: -moz-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: -ms-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: -o-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#fafafa),color-stop(100%,#dcdcdc));
background-image: -webkit-linear-gradient(top,#fafafa 0,#dcdcdc 100%);
background-image: linear-gradient(to bottom,#fafafa 0,#dcdcdc 100%);
}
.pagination li a {
border-color: #ccc #ccc #aaa!important;
color: #333333;
}
.pagination li span {
border: solid 1px;
padding: 5px 10px;
color: #333333;
border-color: #888 #aaa #ccc;
-moz-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
-ms-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
-webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
box-shadow: inset 0 1px 5px rgba(0,0,0,0.25),0 1px 0 #fff;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffc8c8c8,EndColorStr=#ffe6e6e6);
background-image: -moz-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
background-image: -ms-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
background-image: -o-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#c8c8c8),color-stop(100%,#e6e6e6));
background-image: -webkit-linear-gradient(top,#c8c8c8 0,#e6e6e6 100%);
background-image: linear-gradient(to bottom,#c8c8c8 0,#e6e6e6 100%);
}

Want to give a different look to your ning site?  Mail me at bernardmax2@gmail.com 

Live Example: Here

Example:

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

Join Ning Creators Network

Email me when people reply –

Replies

This reply was deleted.

Search the Creators Network

Latest Activity

keila replied to SAMUEL QUELES's discussion Chat Spot: não consigo visualizar outro membro. in Criadores Brasileiros - Brazilian Creators
"olá samuel, bem, eu já testei o Spot, porém realmente é ruim fazer nossos usuários obrigatoriamente…"
2 hours ago
Olga Susana Benavidez is now a member of Ning Creators Network
2 hours ago
keila is now a member of Criadores Brasileiros - Brazilian Creators
2 hours ago
The Builder :) replied to Crystal's discussion Bugs, Broken Links, and other Glitches on Creators 3.0
"Hi Kos.
Very thanks for your support. Now the site is ready al 100% funtional.
And the link for sup…"
3 hours ago
Kos replied to Crystal's discussion Bugs, Broken Links, and other Glitches on Creators 3.0
"Ning is still not monitoring the forums and I see no one else reporting problems.  My reply is ther…"
3 hours ago
The Builder :) replied to Crystal's discussion Bugs, Broken Links, and other Glitches on Creators 3.0
"problems again. Error 522 Connection timed out. This page is an example
and now to do ? Anyone else…"
5 hours ago
Kos replied to Monica Diaz's discussion Migrating to Ning 3.0 Status [Update #4]
"Yes if it was in the forum post, it transfers over.  They were working on bugs and they solved many…"
10 hours ago
Garfield Archivist replied to Garfield Archivist's discussion Network Creators Private Survey Results
"You haven't upset me. I find it amusing. And I am hoping most of all others reading this  find amus…"
11 hours ago
SweetPotato replied to Garfield Archivist's discussion Network Creators Private Survey Results
"I think you're taking yourself a little too seriously. I'm really not that bothered so if I've upse…"
11 hours ago
Garfield Archivist replied to Garfield Archivist's discussion Network Creators Private Survey Results
"This is just to comical not to comment on. One Ning for hire (me) does something and has another Ni…"
12 hours ago
SweetPotato replied to Garfield Archivist's discussion Network Creators Private Survey Results
"Someone pm it to me please :-)"
14 hours ago
Garfield Archivist replied to Garfield Archivist's discussion Network Creators Private Survey Results
"The survey results have been sent! A big Thank you to all who participated both on the survey and i…"
18 hours ago
Valerie replied to Monica Diaz's discussion Migrating to Ning 3.0 Status [Update #4]
"I'm late to the party and am still in Ning 2.0 so I have a few questions. Will videos that have bee…"
yesterday
Edie2k2 replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Beautiful!"
yesterday
Garfield Archivist replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
""
yesterday
Garfield Archivist replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Almost there. This post was posted at 2:12 but yes we are close to bringing out the cake. :-)"
yesterday
György Juhász replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"Hey, today is the first birthday of this post.Yeeeah! :-)"
yesterday
soporte is now a member of Ning Powered Events
Tuesday
Garfield Archivist replied to Garfield Archivist's discussion Network Creators Private Survey Results
""
Tuesday
Anam replied to Ning's discussion Introducing Activity Feed Improvements, Including Member Status Updates
"There have been some changes in recent days. Number 1, admins and Network Creators are now getting…"
Tuesday
More…