Digg Style Pagination
A pagination style which is modelled on Digg.com

License Info: See authors website
How to Use: Use stylesheet attached. For the pagination PHP code see the authors website.
Submitted: 1 Year, 2 Months, 1 Day, 1 Hour, 38 Minutes ago
Submitter: avatar  aycarumba
Style Rating:

7.0/10 (4 votes cast)


Style Author: Victor De la Rocha
Author's URL: http://www.mis-algoritmos.com/

Demo URL: http://www.mis-algoritmos.com/...

Resource Files
No resource files have been uploaded for this style

Code Snippets 
/*CSS Digg style pagination*/
div.pagination 
{
		padding: 3px;
		margin: 3px;
		text-align:center;
}
	
div.pagination a 
{
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #AAAADD;
		text-decoration: none; /* no underline */
		color: #000099;
}

div.pagination a:hover, div.digg a:active 
{
		border: 1px solid #000099;
		color: #000;
}

div.pagination span.current 
{
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #000099;
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
}

div.pagination span.disabled 
{
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
		color: #DDD;
}

<div class="pagination">
   <span class="disabled">◄</span>
   <span class="current">1</span>
   <a href="#?page=2">2</a>
   <a href="#?page=3">3</a>
   <a href="#?page=4">4</a>
   <a href="#?page=5">5</a>
   <a href="#?page=6">6</a>
   <a href="#?page=7">7</a>
   ...
   <a href="#?page=199">199</a>
   <a href="#?page=200">200</a>
   <a href="#?page=2">►</a>
</div>


Comments (2)
avatar
buy cymbalta » 4 Months, 19 Hours, 44 Minutes ago #

Thanks for code, it's really help me

avatar
Dean Pullen » 2 Months, 3 Days, 3 Hours, 56 Minutes ago #

Please provide other styles except digg and flickr

Add A Comment


Some bbcode allowed - [code][/code], [b][/b]

Name:
 (required)
Email:
 (required - will not be published)
Website:
Comment:
Security Code: Enter the characters in the green box

Visual CAPTCHA