Número de páginas em outro estilo

Qual é minha questão:
Olá,

Desejava de colocar o número de páginas dos tópicos como nesta print:



Vi este tal efeito neste fórum: http://suportecommunity.forumeiros.com/t14-nova-funcao

Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
PUNBB

Olá,

Ismael quanto tempo né -q
Adicione á teu CSS:

Código:

.paging {
color: transparent;
font-family: Trebuchet MS;
font-size: 0!important;
visibility: hidden;
width: 50%;
}
.paging, .posting {
margin: 7px 0 0;
}
.paging > a:nth-child(2) {
border-left: 1px solid #666;
}
.paging a:hover, .paging b {
background-color: #000!important;
border-radius: 4px 4px 4px 4px;
color: #FFF;
margin: -1px;
padding: 7px;
visibility: visible;
}
.paging a, .paging b, .paging input {
border-color: #666;
border-style: solid;
border-width: 1px 0;
font-size: 14px!important;
padding: 3px 6px;
text-decoration: none;
visibility: visible;
}
.paging > a:last-child {
border-right: 1px solid #666;
}
.sprite-arrow_prosilver_right {
background: url(http://i12.servimg.com/u/f12/17/70/81/78/13558611.png) no-repeat scroll 100% center transparent;
height: 10px;
width: 10px;
}
.sprite-arrow_prosilver_left {
background: url(http://i12.servimg.com/u/f12/17/70/81/78/13558610.png) no-repeat scroll -1px center transparent;
height: 10px;
width: 10px;
}

Passar bem.

Olá,

Realmente muito tempo, mas será possível adicionar esse código na Edição de Templates?

Boa tarde!

Sim! No template view_topic_body na primeira linha, adicione este código:

Código:

<style>.paging {
color: transparent;
font-family: Trebuchet MS;
font-size: 0!important;
visibility: hidden;
width: 50%;
}
.paging, .posting {
margin: 7px 0 0;
}
.paging > a:nth-child(2) {
border-left: 1px solid #666;
}
.paging a:hover, .paging b {
background-color: #000!important;
border-radius: 4px 4px 4px 4px;
color: #FFF;
margin: -1px;
padding: 7px;
visibility: visible;
}
.paging a, .paging b, .paging input {
border-color: #666;
border-style: solid;
border-width: 1px 0;
font-size: 14px!important;
padding: 3px 6px;
text-decoration: none;
visibility: visible;
}
.paging > a:last-child {
border-right: 1px solid #666;
}
.sprite-arrow_prosilver_right {
background: url(http://i12.servimg.com/u/f12/17/70/81/78/13558611.png) no-repeat scroll 100% center transparent;
height: 10px;
width: 10px;
}
.sprite-arrow_prosilver_left {
background: url(http://i12.servimg.com/u/f12/17/70/81/78/13558610.png) no-repeat scroll -1px center transparent;
height: 10px;
width: 10px;
}</style>

Salve e publique em seguida.

Atenciosamente,
Shek

Resolvido!