Edição dos botões Enviar e Pre-Visualizar

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

Resolvido Edição dos botões Enviar e Pre-Visualizar

Mensagem por Denner em 13/07/14, 04:19 pm

  • Descrição:
Olá Senhores,
eu quero trocar esse botões, mas não encontrei o lugar onde tenho que alterar o link das imagens!

Imagem dos botões
http://i.imgur.com/3KF4r6N.png

  • Informações:
Fórum:www.aquaristas.orgVersão:INVISION
Tipo:Erros diversosTags:Edição,botões,Enviar,Pre-Visualizar



Última edição por Denner em 14/07/14, 12:31 pm, editado 1 vez(es)
avatar

Denner
Nível 7

Masculino
Inscrito dia : 23/06/2014
Mensagens : 98
Pontos Ativos : 160

Ver perfil do usuário http://aquaristas.org

Resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Sennior em 13/07/14, 04:23 pm

Saudações,

Estes botões são alterados por códigos Css, ou seja a personalização deles só são possiveis por CSS ou até mesmo penso eu, por JavaScript. Muito feliz
Como deseja a personalização deles?

Abraços.
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: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Denner em 13/07/14, 05:02 pm

eu queria colocar esse botões em css
botão enviar
Código:
.i2Style{
font:bold 25px Arial, Helvetica, sans-serif;
font-style:normal;
color:#000000;
background:#f2f2f2;
border:0px solid #ffffff;
text-shadow:-1px 1px 0px #fff;
box-shadow:2px 3px 7px #000000;
-moz-box-shadow:2px 3px 7px #000000;
-webkit-box-shadow:2px 3px 7px #000000;
border-radius:0px 19px 23px 18px;
-moz-border-radius:0px 19px 23px 18px;
-webkit-border-radius:0px 19px 23px 18px;
width:78px;
padding:12px 43px;
cursor:pointer;
margin:0 auto;
}
.i2Style:active{
cursor:pointer;
position:relative;
top:2px;
}

botão prever

Código:
.i2Style{
font:bold 25px Arial, Helvetica, sans-serif;
font-style:normal;
color:#000000;
background:#f2f2f2;
border:0px solid #ffffff;
text-shadow:-1px 1px 0px #fff;
box-shadow:2px 3px 7px #000000;
-moz-box-shadow:2px 3px 7px #000000;
-webkit-box-shadow:2px 3px 7px #000000;
border-radius:0px 19px 23px 18px;
-moz-border-radius:0px 19px 23px 18px;
-webkit-border-radius:0px 19px 23px 18px;
width:165px;
padding:12px 43px;
cursor:pointer;
margin:0 auto;
}
.i2Style:active{
cursor:pointer;
position:relative;
top:2px;
}
avatar

Denner
Nível 7

Masculino
Inscrito dia : 23/06/2014
Mensagens : 98
Pontos Ativos : 160

Ver perfil do usuário http://aquaristas.org

Resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Sennior em 14/07/14, 02:46 am

Saudações! Muito feliz

Aceda à tua "Folha de estilo CSS":
Painel de Controle  Seta  Visualização  Seta  Imagens e cores  Seta  Cores  Seta  Folha de estilo CSS

Código:
Código:
input.button2:active {cursor: pointer;position: relative;top: 2px;}input.button2 {font: bold 12px Arial, Helvetica, sans-serif;font-style: normal;color: #000000;background: #f2f2f2;border: 0px solid #ffffff;text-shadow: -1px 1px 0px #fff;box-shadow: 2px 3px 7px #000000;-moz-box-shadow: 2px 3px 7px #000000;-webkit-box-shadow: 2px 3px 7px #000000;border-radius: 0px 19px 23px 18px;-moz-border-radius: 0px 19px 23px 18px;
-webkit-border-radius: 0px 17px 23px 18px;padding: 0px 3px;cursor: pointer;margin: 0 auto;}
Melhores cumprimentos,
Sennior. 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: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Denner em 14/07/14, 08:23 am

Sennior não funcionou.
avatar

Denner
Nível 7

Masculino
Inscrito dia : 23/06/2014
Mensagens : 98
Pontos Ativos : 160

Ver perfil do usuário http://aquaristas.org

Resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Cream em 14/07/14, 12:22 pm

Olá,

Tente este:
Código:
input.button:nth-child(8) {
    font:bold 25px Arial, Helvetica, sans-serif;
    font-style:normal;
    color:#000000;
    background:#f2f2f2;
    border:0px solid #ffffff;
    text-shadow:-1px 1px 0px #fff;
    box-shadow:2px 3px 7px #000000;
    -moz-box-shadow:2px 3px 7px #000000;
    -webkit-box-shadow:2px 3px 7px #000000;
    border-radius:0px 19px 23px 18px;
    -moz-border-radius:0px 19px 23px 18px;
    -webkit-border-radius:0px 19px 23px 18px;
    width:78px;
    padding:12px 43px;
    cursor:pointer;
    margin:0 auto;
}
input.button:nth-child(8):active{
    cursor:pointer;
    position:relative;
    top:2px;
}
input.button:nth-child(7){
    font:bold 25px Arial, Helvetica, sans-serif;
    font-style:normal;
    color:#000000;
    background:#f2f2f2;
    border:0px solid #ffffff;
    text-shadow:-1px 1px 0px #fff;
    box-shadow:2px 3px 7px #000000;
    -moz-box-shadow:2px 3px 7px #000000;
    -webkit-box-shadow:2px 3px 7px #000000;
    border-radius:0px 19px 23px 18px;
    -moz-border-radius:0px 19px 23px 18px;
    -webkit-border-radius:0px 19px 23px 18px;
    width:165px;
    padding:12px 43px;
    cursor:pointer;
    margin:0 auto;
}
input.button:nth-child(7):active{
    cursor:pointer;
    position:relative;
    top:2px;
}

Até mais!
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Denner em 14/07/14, 12:30 pm

Esse sim Funcionou,
Obrigado Cream!!
avatar

Denner
Nível 7

Masculino
Inscrito dia : 23/06/2014
Mensagens : 98
Pontos Ativos : 160

Ver perfil do usuário http://aquaristas.org

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