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

Luke Jones replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"Wow this discussion has got out of control aha,Personally, I think Ning need to answer us, I would…"
42 minutes ago
Rupert Weis replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"You can hear from Ning if you write tickets. Their news is that Ning3 is great and has all it needs…"
3 hours ago
Rupert Weis replied to Ning's discussion Update to Product Roadmap and Communication Changes
"I believe that an update on the roadmap which was posted in may last year and since then nothing mo…"
3 hours ago
Gary Cobb replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"I don't think we are arguing Strumelia. We were just trying to get across different points. Mine be…"
5 hours ago
Jelena replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"+1000 :) a person who have commonsense."
15 hours ago
Strumelia replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"SP, I hope you are not calling me a blowhard.  (lolol...no prob)
Hey, I'm always sad when we ning c…"
20 hours ago
Gary Cobb replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"Thanks SP, I think I am too !"
20 hours ago
SweetPotato replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"Ask Gary. He seems grounded in reality :-)"
21 hours ago
SweetPotato replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"Gary, why are trying to convince me that I need to be either pro or anti Ning?

Don't read too muc…"
21 hours ago
Vickie replied to Vickie's discussion Mobile Site For Private Networks
"Forgot to add that Ning is nearly impossible to use for iPad and iPhones.  I get complaints all the…"
23 hours ago
Traddie replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"Hi SP. Re Glassdoor is that a positive in your view. I see job ads but not sure if its an indicatio…"
yesterday
Gary Cobb replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"Glassdoor - very illuminating and perhaps even more convincing that the majority of commentators on…"
yesterday
SweetPotato replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"My point remains: make it private (if anything). This forum still provides an excellent insight int…"
yesterday
Gary Cobb replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"My point still remains though SP - With a forum directly linked to a business, that's 90% full of n…"
yesterday
Jelena replied to Ning's discussion Update to Product Roadmap and Communication Changes
"+1"
yesterday
Donna Mac replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Wish you luck with that....."
yesterday
Tim Atkinson replied to Jim Kinson's discussion When are we going to see a new Product Road Map?
"I'm sorry I missed those!"
yesterday
C.Brickhouse replied to Ning's discussion Update to Product Roadmap and Communication Changes
"+1"
yesterday
Jelena replied to Luke Jones's discussion Features we want to see on all ning networks
"Where are the TOOLS? Description


Built from the ground up for social, Ning’s scalable hosted plat…"
yesterday
Gina Garcia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Is there a way you could let us know the timetable for adding the events calendar for 3.0. I have p…"
yesterday
More…