Efeito de botões do fdf

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

Resolvido Efeito de botões do fdf

Mensagem por IsmaelS. em 12/08/13, 07:36 pm

Qual é minha questão:
Olá,

Gostava de saber se era possível ter o efeito de botões de "Enviar e Pré-Visualizar".



Endereço do meu fórum:
http://www.suportedesign.net

Versão do fórum:
PUNBB

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Efeito de botões do fdf

Mensagem por Sennior em 12/08/13, 07:39 pm

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
input[type="submit"] {
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 1px;
padding: 7px 8px;
}
input[type="submit"] {
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(221, 221, 221);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 5px 7px !important;
text-align: center;
text-decoration: none;
}
input[type="submit"]:hover {
background-color: rgb(153, 153, 153);
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(153, 153, 153);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(255, 255, 255);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 3px 7px;
}
<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. em 12/08/13, 07:50 pm

Resolvido, mas tem 1 coisa estranha quando meto o mouse em cima dos botões o cursor muda para o cursor de escrever, é díficel de explicar, mas Sheldon você já sabe o link você vai e pode ver como está, passe o mouse em cima dos botões "Pré-Visualizar e Enviar".

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Efeito de botões do fdf

Mensagem por Sennior em 12/08/13, 08:07 pm

Boas!

Altere o código pelo abaixo:

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-w
cursor: default !important;
}
input[type="submit"] {
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 1px;
padding: 7px 8px;
}
input[type="submit"] {
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(221, 221, 221);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 5px 7px !important;
text-align: center;
text-decoration: none;
}
input[type="submit"]:hover {
background-color: rgb(153, 153, 153);
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(153, 153, 153);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(255, 255, 255);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 3px 7px;
}
<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida[/code]
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. em 12/08/13, 08:51 pm

Quando coloco esse código diz isto:

"Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código."

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Efeito de botões do fdf

Mensagem por Sennior em 12/08/13, 08:53 pm

Altere por este:

Código:
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-w{
cursor: default !important;
}
input[type="submit"] {
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 1px;
padding: 7px 8px;
}
input[type="submit"] {
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(221, 221, 221);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 5px 7px !important;
text-align: center;
text-decoration: none;
}
input[type="submit"]:hover {
background-color: rgb(153, 153, 153);
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(153, 153, 153);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(255, 255, 255);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 3px 7px;
}
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. em 12/08/13, 08:55 pm

Continua igual

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Efeito de botões do fdf

Mensagem por Sennior em 12/08/13, 09:00 pm

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:

input[type="submit"] {
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 1px;
padding: 7px 8px;
}
input[type="submit"] {
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(221, 221, 221);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 5px 7px !important;
text-align: center;
text-decoration: none;
}
input[type="submit"]:hover {
background-color: rgb(153, 153, 153);
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(153, 153, 153);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(255, 255, 255);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 3px 7px;
}
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
cursor: default !important;
}
<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. em 12/08/13, 09:12 pm

Perfeito, mas agora que reparei, os botões aqui no FdF quando passo o mouse faz um cinzento escuro de fundo, e os meus não, dá para colocar ?

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

Ver perfil do usuário http://suporte-design.forumeiros.com/

Resolvido Re: Efeito de botões do fdf

Mensagem por Sennior em 12/08/13, 09:14 pm

Altere o código agora pelo abaixo:

Aceda a:
Painel de controleVisualização  Imagens e CoresCoresAba Folha CSS.
Código:

input[type="submit"] {
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 1px;
padding: 7px 8px;
}
input[type="submit"] {
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(221, 221, 221);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(102, 102, 102);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 5px 7px !important;
text-align: center;
text-decoration: none;
}
input[type="submit"]:hover {
background-color: rgb(153, 153, 153) !important;
background-image: url(http://ajuda.forumeiros.com/19-ltr.css);
border: 1px solid rgb(153, 153, 153);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
border-radius: 2px;
color: rgb(255, 255, 255);
display: inline;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 17px;
margin: 0px;
padding: 3px 7px;
}
user agent stylesheetinput[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
cursor: default !important;
}
<li> Coloque o código no inicio de teu CSS. Piscada

Valide e veja o resultado.

Abraços,
Sheldon! De bem com a vida
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. em 12/08/13, 09:33 pm

Resolvido.

IsmaelS.
Usuário experiente

Masculino
Inscrito dia : 24/11/2012
Mensagens : 2956
Pontos Ativos : 4096

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