Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

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

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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

Tópico resolvido Edição dos botões Enviar e Pre-Visualizar

Mensagem por Denner 13.07.14 20:19

  • 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
https://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 16:31, editado 1 vez(es)
Denner

Denner
**

Membro desde : 23/06/2014
Mensagens : 98
Pontos : 160

http://aquaristas.org

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Sennior 13.07.14 20:23

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

Mensagem por Denner 13.07.14 21:02

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

Denner
**

Membro desde : 23/06/2014
Mensagens : 98
Pontos : 160

http://aquaristas.org

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Sennior 14.07.14 6:46

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

Mensagem por Denner 14.07.14 12:23

Sennior não funcionou.
Denner

Denner
**

Membro desde : 23/06/2014
Mensagens : 98
Pontos : 160

http://aquaristas.org

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Cream 14.07.14 16:22

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!
Cream

Cream
Membro Entusiasta

Membro desde : 15/12/2010
Mensagens : 8540
Pontos : 11644

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Edição dos botões Enviar e Pre-Visualizar

Mensagem por Denner 14.07.14 16:30

Esse sim Funcionou,
Obrigado Cream!!
Denner

Denner
**

Membro desde : 23/06/2014
Mensagens : 98
Pontos : 160

http://aquaristas.org

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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