Alinhar texto dentro dos botões
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Alinhar texto dentro dos botões
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
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)
Re: Alinhar texto dentro dos botões
Olá!
Aceda á "Folha de Estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"
Valide e veja o resultado.
Atenciosamente,
Crazy.
Aceda á "Folha de Estilos CSS":
Painel de Controle Visualização Imagens e Cores Cores 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.
Atenciosamente,
Crazy.
Re: Alinhar texto dentro dos botões
Saudações!
Aceda à sua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores Folha de estilo CSS
Adicione este código no inicio ou no final da tua CSS:
Feito isto, salve!
Atenciosamente,
Hizu.
Aceda à sua "Folha de estilo CSS":
Painel de Controle Visualização Imagens e Cores 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;
}
Feito isto, salve!
Atenciosamente,
Hizu.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: Alinhar texto dentro dos botões
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?
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?
Re: Alinhar texto dentro dos botões
Saudações!
Substitua o código fornecido anteriormente por este:
Atenciosamente,
Hizu.
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.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: Alinhar texto dentro dos botões
Ok. Resolveu.
Embora gostaria de usar essa parte do codigo anterior, principalmente a parte 'padding', onde ficou melhor usando (2px 8px)
Seria possivel acrescentar essa parte, sem que afete de novo a caixa de busca?
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?
Re: Alinhar texto dentro dos botões
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:
Atenciosamente,
Hizu.
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.
Hizu- ****
- Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360
Re: Alinhar texto dentro dos botões
Não, não afetou a caixa. Otimo.
Abraço.
Abraço.
Tópicos semelhantes
» Alinhar texto com imagem
» Problemas ao alinhar texto
» Alinhar perfil
» Como mudar alinhar o texto das categorias
» Alinhar ícone
» Problemas ao alinhar texto
» Alinhar perfil
» Como mudar alinhar o texto das categorias
» Alinhar ícone
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos