personalizar numeros de páginas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido personalizar numeros de páginas

Mensagem por victormenezes em 28/10/12, 12:02 am

Qual é minha questão:
Gostaria de saber se tem como personalizar isso desse jeito

Links e imagens do meu problema:
Fórum; tem que ir lá em baixo
http://spdesign.ativoforum.com/f22-pedidos-de-codigos

Imagem:
http://i46.tinypic.com/2zs0l8x.png

Endereço do meu fórum:
http://forum.flamecheats.com.br/

Versão do meu fórum:
PHPBB3
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 28/10/12, 01:13 pm

up
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por [F]lames em 28/10/12, 05:57 pm

Olá,

Caso seja da Paginação, adicione isto em seu CSS :

Código:
.pagination span a, .paged-foot .paging a:hover, .paged-foot .paging b, .paging a, .paging b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.pagination span a:hover, .pagination span b, td p.pag a:hover, td p.pag b {
-moz-box-shadow: 0 1px #E7E7E7!important;
-webkit-box-shadow: 0 1px #E7E7E7!important;
background: -moz-linear-gradient(#B4F6FF,#58B0E7);
background-color: #58B0E7;
background-image: -webkit-linear-gradient(#B4F6FF,#58B0E7);
border: solid 1px #3390CA!important;
box-shadow: 0 1px #E7E7E7!important;
color: white!important;
text-shadow: 0 1px #388DBE!important;
}
.pagination span a, .pagination span a:hover, .pagination span b, span a, span b, td p.pag a, td p.pag b {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 12px!important;
margin-right: 3px!important;
padding: 6px 9px!important;
}
.pagination {
float: left;
font-size: 1.1em;
font-weight: 700;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 28/10/12, 06:35 pm

ficou +ou-


não ficou igual só quando passa o mouse veja clicka
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 28/10/12, 10:58 pm

up
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 29/10/12, 10:56 pm

uppppppppp
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 30/10/12, 06:31 pm

up
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por [F]lames em 30/10/12, 07:13 pm

Olá,

Deixe o código que dei acima, e adicione este também :
.pagination {
background-color: #FBFBFB;
border: 1px solid #CCC;
padding: .6em 1.3em .3em;
}
Cordialmente ...
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 30/10/12, 07:37 pm

Hello,

o código passado não resultou
veja aqui va até la embaixo http://forum.flamecheats.com.br/f57-tutoriais-fc
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 31/10/12, 07:01 pm

up
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 01/11/12, 09:11 pm

down
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por Ace em 01/11/12, 09:38 pm

Olá,

Se seu fórum não for PUNBB o efeito não resultará apropriadamente. Por isso não resultaste.

Até Mais.
avatar

Ace
Principal contribuidor
Principal contribuidor

Inscrito dia : 06/07/2011
Mensagens : 8880
Pontos Ativos : 11604

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 01/11/12, 09:44 pm

mas não tem pra phpbb3
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por seender em 03/11/12, 04:35 am

Olá!

Aqui o código para punbb:
Código:
.paged-foot .paging a,.paging a,td p.pag a{
  -moz-box-shadow:0 1px #EFEFEF!important;
  -webkit-box-shadow:0 1px #EFEFEF!important;
  background:-moz-linear-gradient(#F3F3F3,#E6E6E6);
  background-color:#E6E6E6;
  background-image:-webkit-linear-gradient(#F3F3F3,#E6E6E6);
  border:solid 1px #B6B6B6!important;
  border-color:#CCC #CCC #AAA!important;
  box-shadow:0 1px #EFEFEF!important;
  color:#333!important;
  text-shadow:0 1px #F6F6F6!important
      padding-left:14px !important;
      padding-right:14px !important;
  padding-top:3px !important;
    padding-bottom:3px !important;
 
}
.paging a:hover,.paging b,td p.pag a:hover,td p.pag b{
  -moz-box-shadow:0 1px #E7E7E7!important;
  -webkit-box-shadow:0 1px #E7E7E7!important;
  background:-moz-linear-gradient(#B4F6FF,#58B0E7);
  background-color:#58B0E7;
  background-image:-webkit-linear-gradient(#B4F6FF,#58B0E7);
  border:solid 1px #3390CA!important;
  box-shadow:0 1px #E7E7E7!important;
  color:#fff!important;
  text-shadow:0 1px #388DBE!important
      padding-left:14px !important;
      padding-right:14px !important;
  padding-top:3px !important;
    padding-bottom:3px !important;
}
.paged-foot .paging img,.paging img,p.pag img{
  vertical-align:top!important;
      padding-left:14px !important;
      padding-right:14px !important;
  padding-top:3px !important;
    padding-bottom:3px !important;
}

.pun .paging{margin-bottom:10px;}

.pun .paging {color:transparent !important;}
p.paging a img{margin-left:-16px !important;margin-right:-16px !important;margin-top:-4px !important;}

para a versão PHPBB3 utilize este:
Código:
.pagination span a{
  -moz-box-shadow:0 1px #EFEFEF!important;
  -webkit-box-shadow:0 1px #EFEFEF!important;
  background:-moz-linear-gradient(#F3F3F3,#E6E6E6);
  background-color:#E6E6E6;
  background-image:-webkit-linear-gradient(#F3F3F3,#E6E6E6);
  border:solid 1px #B6B6B6!important;
  border-color:#CCC #CCC #AAA!important;
  box-shadow:0 1px #EFEFEF!important;
  color:#333!important;
  text-shadow:0 1px #F6F6F6!important
      padding-left:12px !important;
      padding-right:12px !important;
  padding-top:3px !important;
    padding-bottom:3px !important;

 
}

.pagination span a:hover, .pagination span strong {
  -moz-box-shadow:0 1px #E7E7E7!important;
  -webkit-box-shadow:0 1px #E7E7E7!important;
  background:-moz-linear-gradient(#B4F6FF,#58B0E7);
  background-color:#58B0E7;
  background-image:-webkit-linear-gradient(#B4F6FF,#58B0E7);
  border:solid 1px #3390CA!important;
  box-shadow:0 1px #E7E7E7!important;
  color:#fff!important;
  text-shadow:0 1px #388DBE!important
      padding-left:12px !important;
      padding-right:12px !important;
  padding-top:3px !important;
    padding-bottom:3px !important;
}
div.pagination a{margin-bottom:-20px !important;}

Lembre-se de adicionar esta imagem: http://hitskin.com/themes/18/50/81/i_right_arrow.png
Em:
Painel...-> Visualização -> Imagens e cores -> Gestão das imagens -> Modo Avançado / Mini Ícones
Localize o texto "Ver o tópico seguinte :", à frente terá um campo aonde irá inserir o endereço da imagem, por fim, salve as configurações.

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 03/11/12, 07:35 pm

nada
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Resolvido Re: personalizar numeros de páginas

Mensagem por Luciano98 em 06/11/12, 10:23 pm

Olá!

Utilize esse código CSS:
Código:
.paging  a{-webkit-border-image: none;
-webkit-box-shadow: #EFEFEF 0px 1px 0px 0px;
background-attachment: scroll;
background-color: #E6E6E6;
background-image: -webkit-linear-gradient(top, #F3F3F3, #E6E6E6);
border-bottom-color: #AAA;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #CCC;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #CCC;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #CCC;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: #EFEFEF 0px 1px 0px 0px;
color: #333!important;
cursor: auto;
display: inline;
float: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: auto;
line-height: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 3px;
margin-top: 0px;
min-width: 0px;
padding-bottom: 6px;
padding-left: 9px;
padding-right: 9px;
padding-top: 6px;
text-decoration: none;
text-shadow: #F6F6F6 0px 1px 0px;
width: auto;}

.paging  a:hover,.paging  b{-webkit-border-image: none;
-webkit-box-shadow: #E7E7E7 0px 1px 0px 0px;
background-attachment: scroll;
background-color: #58B0E7;
background-image: -webkit-linear-gradient(top, #B4F6FF, #58B0E7);
border-bottom-color: #3390CA;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #3390CA;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #3390CA;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #3390CA;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
border-top-style: solid;
border-top-width: 1px;
box-shadow: #E7E7E7 0px 1px 0px 0px;
color: white!important;
display: inline;
float: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
height: auto;
line-height: 15px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 3px;
margin-top: 0px;
min-width: 0px;
padding-bottom: 6px;
padding-left: 9px;
padding-right: 9px;
padding-top: 6px;
text-shadow: #388DBE 0px 1px 0px;
width: auto;}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: personalizar numeros de páginas

Mensagem por victormenezes em 07/11/12, 11:30 pm

pode fechar
avatar

victormenezes
Usuário avançado

Masculino
Inscrito dia : 14/09/2012
Mensagens : 439
Pontos Ativos : 669

Ver perfil do usuário http://gloryclan.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum