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

The Builder :) replied to Boris Agranovich's discussion Change nofollow links to dofollow links
"Yes put in the Custom Code section.
links outbound will become nofollow.

or:
<meta name="robots" c…"
1 hour ago
ramsiel - Eva Dudková replied to The Ning Team's discussion Notice of Upcoming Price Changes to Ning 2.0 Networks
"AND AGAIN IN THIS MOMENT HERE IS AS MANY TIMES 
500: Unexpected Error
Please try reloading the page…"
1 hour ago
ramsiel - Eva Dudková replied to The Ning Team's discussion Notice of Upcoming Price Changes to Ning 2.0 Networks
"NING - YOU ARE REALLY STUPID WITH YOUR COMMERCIAL PRICES ...59 USD MONTHLY WHEN IN EVERY MOMENTS MY…"
1 hour ago
Suki Winthrop replied to The Ning Team's discussion Acquisition Update
""We can’t yet share the name of this company with you but will make an official announcement tomorr…"
1 hour ago
RJ Blanco replied to The Ning Team's discussion Acquisition Update
"TY...I GOT THEIR SUBCONTRACTORS...announcement tomorrow with more information .DO YOU HAVE INFO WHE…"
1 hour ago
RJ Blanco replied to The Ning Team's discussion Acquisition Update
"announcement tomorrow with more information.
WHAT TIME TODAY DO WE EXPECT THIS????????????"
1 hour ago
Writer Chick {Diane} replied to The Ning Team's discussion Acquisition Update
"That's not the fault of the new owners, though.  It is what it is.  She asked what to tell  her mem…"
2 hours ago
Kos replied to PeruCool's discussion Alternatives to Ning social network
"Looked at it but it didn't offer what my guys need so I moved along."
3 hours ago
Steve Hargadon replied to The Ning Team's discussion Acquisition Update
"That would be easier if there hadn't been some months now of increasing problems with Ning...  I ha…"
3 hours ago
Mary Kate Leming replied to The Ning Team's discussion Acquisition Update
"I am trying to stay patient and positive, but have had to shuffle personnel as I wait for the lates…"
4 hours ago
Janice D Carter replied to PeruCool's discussion Alternatives to Ning social network
"anyone here have experience with mightybell.com ?"
4 hours ago
Janice D Carter replied to The Ning Team's discussion Acquisition Update
"I have to say that as upset as I was last weekend about being left out in the cold, I want to hear…"
4 hours ago
Vincent Granville replied to The Ning Team's discussion Acquisition Update
"Great comment. I am also upbeat."
5 hours ago
Steve C replied to The Ning Team's discussion Acquisition Update
"Billing was fired. Every Mode Media employee was fired. Tech support and IT are all that's left at…"
5 hours ago
Anam replied to The Ning Team's discussion Acquisition Update
"Sorry to hear some people can still not access their sites properly. When my site was down i could…"
5 hours ago
Writer Chick {Diane} replied to The Ning Team's discussion Acquisition Update
"That the company has been sold and is in a state of transition to the new owners, which involves ge…"
5 hours ago
Writer Chick {Diane} replied to The Ning Team's discussion Acquisition Update
"I agree.  I think it's unrealistic to expect that someone can buy a company on Day One, and on Day…"
5 hours ago
Chazz replied to The Ning Team's discussion Acquisition Update
"Here I sit on yet another Ning Platform based site, and the page is refusing to fully load, I have…"
5 hours ago
RJ Blanco replied to The Ning Team's discussion Acquisition Update
"I CAN'T SEEM TO GET TO BILLING. AT LEAST NOT THE WAY IT WAS...INDIA ANSWERS...WTH"
6 hours ago
Writer Chick {Diane} replied to The Ning Team's discussion Acquisition Update
" I think "traded off again" is not an accurate statement.  We had read elsewhere that the deal wasn…"
7 hours ago
More…