Alinhar texto dentro dos botões

3 participantes

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

Tópico resolvido Alinhar texto dentro dos botões

Mensagem por AlfaBeta. 15.07.13 10:17

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) https://i.servimg.com/u/f34/18/40/06/56/imagem16.jpg
2) https://i.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 16.07.13 2:29, editado 1 vez(es)
AlfaBeta.

AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto dentro dos botões

Mensagem por MateusA 15.07.13 14:40

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto dentro dos botões

Mensagem por Hizu 15.07.13 18:09

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://2img.net/i/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
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto dentro dos botões

Mensagem por AlfaBeta. 16.07.13 0:04

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

AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto dentro dos botões

Mensagem por Hizu 16.07.13 1:45

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
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto dentro dos botões

Mensagem por AlfaBeta. 16.07.13 2:05

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

AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto dentro dos botões

Mensagem por Hizu 16.07.13 2:10

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
avatar

Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Alinhar texto dentro dos botões

Mensagem por AlfaBeta. 16.07.13 2:22

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


Abraço.
AlfaBeta.

AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos