Read this first !

Joomla 1.5 styles

Joomla 1.6 / 1.7 / 2.5 Styles

Sub Menus

Build your own template

Video Tutorials

Test Your Website

Project Support

Download

Visitors



43.3%Netherlands Netherlands
5.9%Germany Germany
5.9%United States United States
3.9%Belgium Belgium
3.9%India India
3.8%Spain Spain
3.3%Italy Italy
3.2%Poland Poland
2.6%France France
2.5%United Kingdom United Kingdom
2.3%Greece Greece
1.6%Russian Federation Russian Federation
1.2%Japan Japan
1.1%Australia Australia
1.1%Canada Canada

Today: 139
Yesterday: 332
This Week: 1925
Last Week: 2391
This Month: 6082
Last Month: 9098
Total: 25250


Pagination Single Article

  • Print

Structure with classes and id's

 

ul.pagenav
	li.pagenav-prev a
	li.pagenav-next a

 

Print screen without additional CSS

 

Paginatie Enkele Pagina

 

CSS

 

/* ------------------------- 
   Pagination Single Article
---------------------------- */

ul.pagenav {
	list-style: none;
	padding: 0;
	margin: 15px 0 15px 0;
}

ul.pagenav li {
	list-style: none;
	padding: 0;
	display: inline;
	white-space:nowrap;
	margin: 0 10px 0 0;
}

ul.pagenav li a {
	padding: 3px 10px 4px 10px;
	color: #555;
	font-style: italic;
	background-color: #e5e5e5;
	border: 1px #888 solid;
	text-decoration: none;
}

ul.pagenav li a:hover {
	padding: 3px 10px 4px 10px;
	color: #000;
	font-style: italic;
	background-color: #ccc;
	border: 1px #777 solid;
	text-decoration: none;
}

 

Print screen after applying CSS

 

Paginatie Enkel Artikel

Comments (2)
  • 1901-12-13 20:45:52 |Unregistered| Rob van Oudheusden  - Mistake
    Thank you for your comment. I corrected the mistakes.
    Reply
  • 1901-12-13 20:45:52 |Unregistered| Peter  - mistake
    Hey!
    First of all, I want to thank you for your work and the possibility to use your stuff!
    Although, on this page I detected two little mistakes.
    1. (i'm not sure, if it is a mistkate...)
    You forgot some comments like /*single pagination*/

    2.
    on line 4. are two semicolons.

    Thank you again for your work and keept it up!
    Reply
Post a commment or ask a question!
Your Contact Details:
Comment:
Security
Please input the anti-spam code that you can read in the image.