Aumentar a fonte e transformar o pagination em botões

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

Resolvido Aumentar a fonte e transformar o pagination em botões

Mensagem por Legolass em 21/05/13, 09:13 pm

Qual é minha questão:
Olá. Sabe aqueles números que ficam no final da página para pular para outra? Acho que se chama pagination. Acontece que no meu forum ele fica muito pequeno e quase imperceptível. Então eu gostaria de aumentar um pouco a fonte e transformar ele em botões com efeito hover.

Veja o exemplo abaixo:



Endereço do meu fórum:
http://www.fanfictionunited.com.br

Versão do fórum:
PHPBB2


Última edição por Cris Varella em 26/05/13, 11:28 am, editado 1 vez(es)
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Aumentar a fonte e transformar o pagination em botões

Mensagem por Sking em 21/05/13, 09:27 pm

Olá,
Poderia mostra o fórum que viu isso

Até mais

Sking
Membro do Fórum

Masculino
Inscrito dia : 10/10/2011
Mensagens : 1750
Pontos Ativos : 2484

Ver perfil do usuário https://www.facebook.com/davis.natsu

Resolvido Re: Aumentar a fonte e transformar o pagination em botões

Mensagem por Legolass em 21/05/13, 09:38 pm

Pois é, eu não vi, eu queria saber se alguém saberia fazer isso. Creio que não seja difícil, pois se vc olhar os botões "Compartilhe" e "Mais!" nessa mesma imagem acima, eles eram como o pagination, apenas texto, e me ajudaram aqui (se não me engano foi o Flames) a transformá-los em botões.
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Aumentar a fonte e transformar o pagination em botões

Mensagem por MateusA em 22/05/13, 08:22 am

Olá!

Aceda em:<br />
Painel de Controle Seta Visualização Seta Imagens & Cores Seta Cores Seta Folha de Estilo CSS

O codigo e esse:<br />
Código:
    .pagination a[href^="javascript:Pagination();"]:hover {
    -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;
    }
    .pagination a[href^="javascript:Pagination();"] {
    -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;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px!important;
    margin-right: 3px!important;
    padding: 6px 9px!important;
    -webkit-transition: none !important;
    }
    .pagination a[href="javascript:showhide(document.getElementById('plus_menu'))"] {
    position: relative;
    top: -10px !important;
    }
    .pagination {
    position: relative;
    top: 10px;
    }
    .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;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px!important;
    margin-right: 3px!important;
    padding: 6px 9px!important;
    margin-top: 10px !important;
    }
    .pagination span span.page-sep {
    display: none;
    }
    .pagination span a {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px!important;
    margin-right: 3px!important;
    padding: 6px 9px!important;
    -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: #000!important;
    text-shadow: 0 1px #F6F6F6!important;
    -webkit-transition: none !important;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-weight: bold;
    margin-top: 10px !important;
    }
    .pagination span a:hover {
    -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;
    }
    .pagination span .pag-img {
    -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;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px!important;
    margin-right: 3px!important;
    padding: 9px 5px 3px 6px!important;
    position: relative;
    top: 3px;
    }
    .sprite-arrow_prosilver_right {
    background: url(http://hitskin.com/themes/18/50/81/i_right_arrow.png) no-repeat top left;
    height: 16px;
    width: 17px;
    }
Valide.


Até mais.

avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Aumentar a fonte e transformar o pagination em botões

Mensagem por Legolass em 22/05/13, 10:21 am

Crazy, funcionou no pagination em cima, mas o de baixo não alterou.

Veja:



Outra coisa, tem como diminuir um pouco a caixa do botão? Porque se olhar ela ultrapassou um pouco na altura, eu tentei diminuir a font mas só diminuiu os números.
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Aumentar a fonte e transformar o pagination em botões

Mensagem por Legolass em 24/05/13, 08:59 pm

UP
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

Resolvido Re: Aumentar a fonte e transformar o pagination em botões

Mensagem por Legolass em 26/05/13, 11:28 am

Consegui resolver, podem fechar. Obrigado, Crazy.
avatar

Legolass
Usuário destaque

Masculino
Inscrito dia : 10/04/2013
Mensagens : 651
Pontos Ativos : 912

Ver perfil do usuário http://www.fanfictionunited.com.br

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