Vediamo oggi come ottenere una barra di navigazione per News o Post in stile Flickr per il nostro sito; prima di analizzare il codice dobbiamo però ricordare che questo tipo di navigazione dovrà sempre evidenziare la pagina dove siamo, dare la possibilità di scorrere le pagine cliccando i numeri e eliminare il collegamento alla voce “precedenti” nel caso fossimo alla prima pagina. Il codice chiaramente potrà essere automatizzato ad esempio da PHP per retrivare il contenuto da un DB;
ul{border:0; margin:0; padding:0;}#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;}
#pagination-flickr a{
border:solid 1px #ddd;
margin-right:2px;}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #fff;}
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;}
#pagination-flickr a:hover{
border:solid 1px #666;}
