Bug nos botões da fdf

Qual é minha questão:
Olá,

Eu coloquei este código que me deram para colocar os botões como dos FdF:

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

Os botões que queria que eram o "Enviar e Pré-Visualizar" estavam perfeitos, mas reparei num bug nos outros botões, antes de passar o mouse por cima dos botões está normal como:



Quando passo o mouse por cima do botão ele passa para a esquerda e fica em preto e não dá para clicar como:



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

Versão do fórum:
PUNBB

Olá!

Troque por este:

Código:

.frm-buttons input[value="Enviar"], .frm-buttons input[value="Pré-visualizar"] {
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;
}
.frm-buttons input[value="Enviar"]:hover, .frm-buttons input[value="Pré-visualizar"]: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;
}

Até mais.

Boas!

O erro não é no código. Poderia por gentileza re-abrir teu fórum à ultima vez?

Até mais.

Sheldon escreveu:Boas!

O erro não é no código. Poderia por gentileza re-abrir teu fórum à ultima vez?

Até mais.

Feito !

Olá!

Claro que o erro e no código, peço que utilize o código que eu forneci.

Até mais.

Olá,

Crazy sim resultou, mas tem um problema como eu disse num tópico neste:
https://ajuda.forumeiros.com/t83383-efeito-de-botoes-do-fdf

Que foi isto:

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

Olá!

Troque por este:

Código:

        .frm-buttons input[value="Enviar"], .frm-buttons input[value="Pré-visualizar"] {
        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;
        }
        .frm-buttons input[value="Enviar"]:hover, .frm-buttons input[value="Pré-visualizar"]: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;
cursor: default !important;
        }

Até mais.

Já resultou, agora queria saber que reparei o efeito só está a funcionar para os botões Enviar e Pré-visualizar, será possível colocar para todos os botões do fórum ?

Olá!

Sim, mantenha aquele código, e, adicione mais este:

Código:

input {
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: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;
cursor: default !important;
}

Até mais.

Perfeito resolvido.