[Tutorial] Pagination estilo IPB (Light e Dark)

Neste tutorial mostra-nos como colocar pagination em estilo IPB.

--> Tutoriais, dicas e astúcias <--
Pagination estilo IPB (Light e Dark)

1º - Reconheça o código:
Versões escuras (Dark):

Código:


/******
Pagination por Premotheus (6Eyes)
******/

.pagination {
    font-size: 0;
}
.pagination a {
    background: #252525 url('http://i.imgur.com/6qXhrdm.png') repeat-x 0 0 !important;
    color: #fff!important;
    padding: 2px 6px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 10px;
    margin-left: 5px;
}

.pagination a:hover {
background: #353535 url('http://i.imgur.com/6qXhrdm.png') repeat-x 0 0 !important;
}

Para versões claras (Light):

Código:


/******
Pagination por Premotheus (6Eyes)
******/

.pagination {
    font-size: 0;
}

.pagination a {
    background: #fff !important;
    color: #333 !important;
    padding: 1px 3px;
    border: 1px solid #d3d3d3;
    font-size: 10px;
    margin-left: 5px;
}

.pagination a:hover {
color: #369!important;
}

2º - Colocação do CCS:
Primeiro iremos aceder ao Painel de controle  Visualização  Imagens e Cores  Cores Folha de estilo CSS:
Coloque um dos códigos acima.


3º - Resultado

---

© Mundo dos Foruns

Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título: Pagination estilo IPB (Light e Dark)