Bug nos botões da fdf

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

Resolvido Bug nos botões da fdf

Mensagem por IsmaelS. em 13/08/13, 06:09 am

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

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: Bug nos botões da fdf

Mensagem por MateusA em 13/08/13, 11:01 am

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Bug nos botões da fdf

Mensagem por Sennior em 13/08/13, 05:09 pm

Boas!

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

Até mais.
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: Bug nos botões da fdf

Mensagem por IsmaelS. em 13/08/13, 06:27 pm

@Sheldon escreveu:Boas!

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

Até mais.
Feito !

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: Bug nos botões da fdf

Mensagem por MateusA em 13/08/13, 06:41 pm

Olá!

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

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Bug nos botões da fdf

Mensagem por IsmaelS. em 13/08/13, 06:45 pm

Olá,

Crazy sim resultou, mas tem um problema como eu disse num tópico neste:
http://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"."



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: Bug nos botões da fdf

Mensagem por MateusA em 13/08/13, 06:47 pm

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Bug nos botões da fdf

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

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 ?

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: Bug nos botões da fdf

Mensagem por MateusA em 13/08/13, 07:08 pm

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

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Bug nos botões da fdf

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

Perfeito 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


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum