Modelo PageNav

Modelo 1

/* PageNav

--------------------------- */

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #cccccc; /* edite a cor da borda se quiser*/

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #cccccc; /* edite a cor da borda */

background-color:#cccccc; /* edite a cor de fundo se quiser*/

}

.showpagePoint {

color:#333; /* edite a cor da fonte */

text-decoration:none;

border: 1px solid #cccccc; /* edite a cor da borda se quiser*/

background: #cccccc; /* edite a cor de fundo se quiser*/

margin:0 3px;

padding:3px;}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;}

.showpage a {

text-decoration:none;

border: 1px solid #cccccc; /* edite a cor da borda se quiser*/

padding:3px;}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333; /* edite a cor da fonte */

}

Modelo 2

/* PageNav

--------------------------- */

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px; }

.showpageArea a {

color: #fff;

}

.showpageNum a {

padding: 3px 4px;

margin:0 4px;

text-decoration: none;

border-top:2px solid #000;

border-left:1px solid #000;

border-right:1px solid #000;

border-bottom:1px solid #000;

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -25px repeat-x; }

.showpageNum a:hover {

border-top:2px solid #999;

border-left:1px solid #999;

border-right:1px solid #999;

border-bottom:1px solid #999;

background: #999 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 -50px repeat-x;

}

.showpagePoint {

color:#fff;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

border-top:2px solid #000;

border-left:1px solid #000;

border-right:1px solid #000;

border-bottom:1px solid #000;

background: #000 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp4.jpg) 0 0 repeat-x;

text-decoration: none;

}

.showpageOf{ margin:0 8px 0 0;

}

Modelo 3

/* PageNav

--------------------------- */

.showpageArea {

font-family:verdana,arial,helvetica;

color: #000;

font-size:11px;

margin:10px; }

.showpageArea a {

color: #000;

text-shadow:0 1px 2px #fff;

font-weight: 700;

}

.showpageNum a {

padding: 3px 8px;

margin:0 4px;

text-decoration: none;

border:1px solid #999;

-webkit-border-radius:3px;-moz-border-radius:3px;

background: #ddd url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -50px repeat-x;

}

.showpageNum a:hover {

border:1px solid #888;

background: #ccc url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 -25px repeat-x;

}

.showpageOf{

margin:0 8px 0 0;

}

.showpagePoint {

color:#fff;

text-shadow:0 1px 2px #333;

padding: 3px 8px;

margin: 2px;

font-weight: 700;

-webkit-border-radius:3px;-moz-border-radius:3px;

border:1px solid #999;

background: #666 url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/wp1.jpg) 0 0 repeat-x;

text-decoration: none;

}