Passar páginas IPB

Qual é minha questão:
Vou ser breve, gostaria de colocar esse estilo de paginação.

Paginação: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Olá, coloque em sua CSS

Código:

.pun .paging b, .pagination b, .pagination span strong {
border-image: initial;
border-radius: 3px;
color: white!important;
font-size: 12px;
font-weight: 400!important;
margin-left: -1px!important;
padding: 5px 5px!important;
text-shadow: 0 1px 0 black;
visibility: visible;
background: #7BA60D;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}

 .paging a , .paging input, .pagination a, .pagination input {
border-image: initial;
border-radius: 3px;
font-size: 12px!important;
margin: 2px;
padding: 5px 5px!important;
text-shadow: 0 1px 0 white;
visibility: visible;
color: #333;
display: inline-block;
display: inline-block;
padding: 1px 4px;
color: #999;
}

Abraços!

Não mudou nada.

Olá, eu utiilizo o código e é funcional que versão é seu fórum..

Abraçs!

PunBB

Olá, ser for PunBB
Veja

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Abrçaos!

Ey.
É PunBB sim.

Quanto ao tutorial já tinha visto mas não quero esse estilo..

Bump

Olá,

Mas só tem esse estilo.

Até.

Qual o link do fórum que viu tal paginação?
Até mais!

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Nesse aí

Olá, 
Fiz um código um tanto quanto improvisado, teste e veja se funcionará:

Código:


.pun .paging b, .pagination b, .pagnation span strong {
padding:5px 0;
line-height:20px
}

.pun .pagination.no_numbers.page{
display:none
}

.pun .paging{
text-align:center
}

.pun .pagination.back{
margin-right:6px
}

.pun .pagination .back li{
margin:0 2px 0 0
}

.pun .pagination.forward{
margin-left:6px
}

.pun .pagination .forward li{
margin:0 0 0 2px
}

.pun .paging a, .paging b, .pagination a {
display:inline-block;
padding:0px 6px;
height:20px;
background:#eaeaea;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
text-transform:uppercase;
color:#5a5a5a;
font-size:11px;
font-weight:bold
}

.pun .pagination a:hover, .paging a:hover {
background:#FBB03E;
color:#fff
}

.pun .pagination .disabled a{
opacity:0.4;
display:none
}

.pun .pagination .paging{
font-size:11px;
font-weight:bold
}

.pun .pagination .paging a,.pagingjump{
display:inline-block;
padding:1px 4px;
color:#999
}

.pun .pagination .paging .pagingjump{
padding:0px
}

.pun .pagination .paging a:hover{
background:#ececec;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px
}

.pun .pagination .paging li{
margin:0 1px
}

.pun .pagination .paging li.active{
background:#FBB03E;
border:1px solid #DD9621;
color:#fff;
font-weight:bold;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
padding:1px 5px
}

.pun .pagination.no_paging span{
color:#acacac;
padding:10px 0;
height:15px;
display:block
}

.pun paging b, .pagination b, .pagination span strong, ul.pagination li, ul.paging a li, .pagination a {
font-size:10px;
display:inline;
margin-left:7px
}

.pun paging b, .pagination b, .pagination span strong, ul.pagination li, ul.paging a li, .pagination a {
background:#fff;
border:1px solid #d3d3d3;
padding:1px 3px
}

.pun paging b, .pagination b, .pagination span strong, ul.pagination li, ul.paging a li, .pagination a {
display:inline;
margin:0px 2px
}


Até mais.

Ficou assim: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

UP

Olá,

Tente este código:

Código:

.pun .paging b, .pagination b, .pagination span strong {
border-image: initial;
border-radius: 3px;
color: white!important;
font-size: 12px;
font-weight: 400!important;
margin-left: -1px!important;
padding: 5px 5px!important;
visibility: visible;
background: #FAAF3F;
color: #fff;
font-weight: bold;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 1px 5px;
}


Não deu certo

Pode fechar, arranjei solução!

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código