Efeito de botões do fdf

2 participantes

Ir para baixo

Tópico resolvido Efeito de botões do fdf

Mensagem por IsmaelS. 12.08.13 23:36

Qual é minha questão:
Olá,

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

Efeito de botões do fdf 1_bmp39

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

Versão do fórum:
PUNBB
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por Sennior 12.08.13 23:39

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleEfeito de botões do fdf 2479035592Visualização  Efeito de botões do fdf 2479035592Imagens e CoresEfeito de botões do fdf 2479035592CoresEfeito de botões do fdf 2479035592Aba 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. 12.08.13 23:50

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".
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por Sennior 13.08.13 0:07

Boas!

Altere o código pelo abaixo:

Aceda a:
Painel de controleEfeito de botões do fdf 2479035592Visualização  Efeito de botões do fdf 2479035592Imagens e CoresEfeito de botões do fdf 2479035592CoresEfeito de botões do fdf 2479035592Aba 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]
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. 13.08.13 0:51

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."
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por Sennior 13.08.13 0:53

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;
}
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. 13.08.13 0:55

Continua igual
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por Sennior 13.08.13 1:00

Saudações cordial membro! Muito feliz

Aceda a:
Painel de controleEfeito de botões do fdf 2479035592Visualização  Efeito de botões do fdf 2479035592Imagens e CoresEfeito de botões do fdf 2479035592CoresEfeito de botões do fdf 2479035592Aba 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. 13.08.13 1:12

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 ?
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por Sennior 13.08.13 1:14

Altere o código agora pelo abaixo:

Aceda a:
Painel de controleEfeito de botões do fdf 2479035592Visualização  Efeito de botões do fdf 2479035592Imagens e CoresEfeito de botões do fdf 2479035592CoresEfeito de botões do fdf 2479035592Aba 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
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito de botões do fdf

Mensagem por IsmaelS. 13.08.13 1:33

Resolvido.
avatar
IsmaelS.
Hiper Membro

Membro desde : 24/11/2012
Mensagens : 2994
Pontos : 4142

http://suporte-design.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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