Efeito de botões do fdf

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

Saudações cordial membro!

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.

Valide e veja o resultado.

Abraços,
Sheldon!

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

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.

Valide e veja o resultado.

Abraços,
Sheldon! [/code]

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

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;
}

Continua igual

Saudações cordial membro!

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.

Valide e veja o resultado.

Abraços,
Sheldon!

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 ?

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.

Valide e veja o resultado.

Abraços,
Sheldon!

Resolvido.