Alinhar texto dentro dos botões

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

Resolvido Alinhar texto dentro dos botões

Mensagem por AlfaBeta. em 15/07/13, 06:17 am

Qual é minha questão:
Ola, pessoal.

Segue uma outra duvida.
Como fazer pra alinhar certos botoes...onde o texto está desnivelado?
Por exemplo...
1) botão "Pré-visualizar", na hora que voce está criando um Topico ou,
2) botão "Reiniciar", lá embaixo, quando está vendo o seu perfil.

Segue imagens pra demonstrar: 
1) http://i34.servimg.com/u/f34/18/40/06/56/imagem16.jpg
2) http://i34.servimg.com/u/f34/18/40/06/56/imagem17.jpg

Agradeço.

Endereço do meu fórum:
http://carrosegames.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por AlfaBeta. em 15/07/13, 10:29 pm, editado 1 vez(es)
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

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

Resolvido Re: Alinhar texto dentro dos botões

Mensagem por MateusA em 15/07/13, 10:40 am

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
.submit-buttons .button2 {
position: relative !important;
margin-top: -15px !important;
}

Valide e veja o resultado.
Tive uma idéia!
Atenciosamente,
Crazy.
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: Alinhar texto dentro dos botões

Mensagem por Hizu em 15/07/13, 02:09 pm

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Folha de estilo CSS


Adicione este código no inicio ou no final da tua CSS:
Código:
fieldset.submit-buttons input, .button2 {
position: relative !important;
margin-top: -15px !important;
padding-bottom: 2px !important;
padding-top: 2px !important;
vertical-align: middle;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-color: #FAFAFA;
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);
background-position: top;
background-repeat: repeat-x;
color: #000;
font-family: trebuchet MS,trebuchet MS;
overflow: visible;
padding: 2px 3px;
width: auto!important;
}
a.button1, input.button1 {
border: 1px solid #666;
font-weight: 700;
}

Flecha ajudeiros Feito isto, salve!

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Alinhar texto dentro dos botões

Mensagem por AlfaBeta. em 15/07/13, 08:04 pm

Opa. Agradeço, pessoal.
Quanto aos codigos... o seu, Crazy, mexe apenas na caixa...e não o texto interno.

Ja o seu, Hizu, mexe no texto..como gostaria... embora ocorre um problema. O codigo acaba 'atrapalhando' de algum jeito na caixa de busca da pag. principal. Seria possivel fazer algo a respeito?
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

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

Resolvido Re: Alinhar texto dentro dos botões

Mensagem por Hizu em 15/07/13, 09:45 pm

Saudações!

Substitua o código fornecido anteriormente por este:
Código:
fieldset.submit-buttons input {
margin-top: -15px !important;
padding-bottom: 2px;
padding-top: 2px;
vertical-align: middle;
}

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Alinhar texto dentro dos botões

Mensagem por AlfaBeta. em 15/07/13, 10:05 pm

Ok. Resolveu.
Embora gostaria de usar essa parte do codigo anterior, principalmente a parte 'padding', onde ficou melhor usando (2px 8px)

Código:
font-family: trebuchet MS,trebuchet MS;
overflow: visible;
padding: 2px 3px;

Seria possivel acrescentar essa parte, sem que afete de novo a caixa de busca?
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

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

Resolvido Re: Alinhar texto dentro dos botões

Mensagem por Hizu em 15/07/13, 10:10 pm

Olá novamente!

Creio que não afetará a caixa de busca, já que o botão da caixa de busca tem outra classe, ao qual não está no código.

O código ficará assim, basta substituir pelo o código anterior:
Código:
fieldset.submit-buttons input {
margin-top: -15px !important;
padding-bottom: 2px;
padding-top: 2px;
padding: 2px 3px;
font-family: trebuchet MS,trebuchet MS;
overflow: visible;
vertical-align: middle;
}

Atenciosamente,
Hizu. Piscada

Hizu
Nível 9

Masculino
Inscrito dia : 08/07/2013
Mensagens : 249
Pontos Ativos : 360

Ver perfil do usuário

Resolvido Re: Alinhar texto dentro dos botões

Mensagem por AlfaBeta. em 15/07/13, 10:22 pm

Não, não afetou a caixa. Otimo.


Abraço.
avatar

AlfaBeta.
Nível 9

Masculino
Inscrito dia : 12/07/2013
Mensagens : 208
Pontos Ativos : 342

Ver perfil do usuário http://carrosegames.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