personalizar numeros de páginas

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:
https://2img.net/h/oi46.tinypic.com/2zs0l8x.png

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

Versão do meu fórum:
PHPBB3

up

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 ...

ficou +ou-


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

up

uppppppppp

up

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 ...

Hello,

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

up

down

Olá,

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

Até Mais.

mas não tem pra phpbb3

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

nada

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.

pode fechar