+3Diogo Ferreira
[K]oke
ferok
7 participantes
ferok • Seg 27 Jan 2014 - 20:00
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
[K]oke • Seg 27 Jan 2014 - 20:12
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!
ferok • Seg 27 Jan 2014 - 20:25
[K]oke • Seg 27 Jan 2014 - 20:39
Olá, eu utiilizo o código e é funcional que versão é seu fórum..
Abraçs!
Diogo Ferreira • Seg 27 Jan 2014 - 20:50
[K]oke • Seg 27 Jan 2014 - 20:54
Olá, ser for PunBB
Veja
Abrçaos!
ferok • Ter 28 Jan 2014 - 10:01
Ey.
É PunBB sim.
Quanto ao tutorial já tinha visto mas não quero esse estilo..
ferok • Qua 29 Jan 2014 - 11:14
DeeW. • Qua 29 Jan 2014 - 12:04
Olá,
Mas só tem esse estilo.
Até.
Daemon • Qua 29 Jan 2014 - 12:07
Qual o link do fórum que viu tal paginação?
Até mais!
ferok • Qua 29 Jan 2014 - 12:13
Target • Qua 29 Jan 2014 - 13:30
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.
ferok • Qua 29 Jan 2014 - 13:55
ferok • Qui 30 Jan 2014 - 16:00
Ground • Qui 30 Jan 2014 - 16:06
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;
}
ferok • Qui 30 Jan 2014 - 16:21
ferok • Sex 31 Jan 2014 - 18:21
Pode fechar, arranjei solução!
Daemon • Sex 31 Jan 2014 - 18:42
[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código
Conteúdo patrocinado •
Permissões neste sub-fórum
Não podes responder a tópicos