Coloca login igual ao fdf

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

Resolvido Coloca login igual ao fdf

Mensagem por owner em 06/08/12, 02:50 pm

Qual é minha questão:
Gostaria de deixa o botão ''Login'' ''Pré Visualizar'' e '' Enviar Questão'' igual ao FdF.

Com a mesma fonte, e quando o mouse ta por cima muda a cor.

Links e imagens do meu problema:
Http://i34.servimg.com/u/f34/17/14/15/45/imagem10.jpg

http://i34.servimg.com/u/f34/17/14/15/45/imagem11.jpg

Endereço do meu fórum:
http://skcheats.forumais.com

Versão do meu fórum:
PHPBB3


Última edição por owner em 06/08/12, 06:50 pm, editado 1 vez(es)
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Coloca login igual ao fdf

Mensagem por MateusV. em 06/08/12, 02:54 pm

Olá!

Aceda ao seu: Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Aba 'Folha de estilo CSS'

Cole o código e salve:
Código:
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid #999;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover {
background-position: 0px 100%;
border: 1px solid #86B125;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
border: 1px solid #DDD;
border-radius: 2px;
margin: 0px;
padding: 3px 7px;
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) #F4F5F4;
border: 1px solid #DDD;
border-radius: 3px;
padding: 3px 5px;
}
a.button2, body:last-child a.button1, button.button2, input.button1, input.button2 {
padding: 1px 0px;
}
a.button1, a.button2, button.button2, input.button1, input.button2 {
background-position: 50% 0%;
background-repeat: repeat-x;
overflow: visible;
padding: 2px 3px;
}
a.button2, button.button2, input.button2 {
border: 1px solid #BCBCBC;
}

Abraços. Piscada

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Coloca login igual ao fdf

Mensagem por owner em 06/08/12, 03:08 pm

Não deu certo.

Ficou muito diferente.
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Coloca login igual ao fdf

Mensagem por MateusV. em 06/08/12, 03:11 pm

Olá!

Os botões do seu fórum já eram editados por CSS?

De qualquer modo, peço que substitua o código por este:
input[type="submit"], button {
background: #DDD;
color: gray;
border: 1px solid #DDD;
padding: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
transition-duration: .8s;
moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;
}
input[type="submit"]:hover, button:hover {
background: gray;
color: white;
border: 1px solid gray;
}

Abraços. Piscada
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Coloca login igual ao fdf

Mensagem por owner em 06/08/12, 06:21 pm

@EDITADO.


Última edição por owner em 06/08/12, 06:52 pm, editado 1 vez(es)
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

Resolvido Re: Coloca login igual ao fdf

Mensagem por Pika_mestre em 06/08/12, 06:32 pm

Boa Noite amigo! Bom, sobre os botões de "Enviar Questão" e "Pré-Visualizar" não são "só" botões, eles fazem parte de um formulário, tenho eles no meu fórum, dê uma olhada nestes tópicos:

avatar

Pika_mestre
Usuário avançado

Masculino
Inscrito dia : 28/06/2011
Mensagens : 362
Pontos Ativos : 580

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

Resolvido Re: Coloca login igual ao fdf

Mensagem por owner em 06/08/12, 06:51 pm

@Batman

Mexi um pouco no código e cheguei a um resultado legal aqui. Obrigado.
avatar

owner
Nível 9

Inscrito dia : 01/01/2012
Mensagens : 164
Pontos Ativos : 256

Ver perfil do usuário

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