x
SuperUp, do que estás a espera?
Entra ou Regista-te no fórum para visualizar todo conteúdo.
Top Membros do Mês
Últimos assuntos
Algum administrador?
por poison Seg 26 Jun - 20:30

Cria a tua Musica
por MIRISHIA Sex 11 Set - 13:41

[Suporte][HTML] Teste titulo
por JUFASA Qua 9 Set - 16:42

[Naruto] Jogo para Telemóvel
por MIRISHIA Seg 31 Ago - 19:02

[Dicas] Tutorial HTML
por IsmaelS. Qua 26 Ago - 23:01

[Anime] Ansatsu Kyoushitsu
por MIRISHIA Seg 24 Ago - 17:53

[Manga] Naruto Gaiden
por MIRISHIA Seg 24 Ago - 17:31

Boruto- Novo Filme de Naruto
por Je4n Seg 24 Ago - 4:05

[Tutorial] Rank PhotoShop
por StaaL Seg 3 Nov - 23:07

[Noticia] Designer
por StaaL Seg 3 Nov - 22:13

Pedido - Banner's
por JUFASA Dom 20 Jul - 22:27

Pedido - Logotipo
por IsmaelS. Dom 20 Jul - 18:03

Um jogo bom para PS2?
por JQuery Qui 17 Jul - 21:15

[CSS] CSS Transforms
por JQuery Qui 17 Jul - 21:13

[Youtube] TheKingMoreira
por JQuery Qui 17 Jul - 20:59

[Tutorial] Assault
por JQuery Qui 17 Jul - 20:53

Copyright © 2015 - UPFórum

Top Membros do Mês
Últimos assuntos
Algum administrador?
por poison Seg 26 Jun - 20:30

Cria a tua Musica
por MIRISHIA Sex 11 Set - 13:41

[Suporte][HTML] Teste titulo
por JUFASA Qua 9 Set - 16:42

[Naruto] Jogo para Telemóvel
por MIRISHIA Seg 31 Ago - 19:02

[Dicas] Tutorial HTML
por IsmaelS. Qua 26 Ago - 23:01

[Anime] Ansatsu Kyoushitsu
por MIRISHIA Seg 24 Ago - 17:53

[Manga] Naruto Gaiden
por MIRISHIA Seg 24 Ago - 17:31

Boruto- Novo Filme de Naruto
por Je4n Seg 24 Ago - 4:05

[Tutorial] Rank PhotoShop
por StaaL Seg 3 Nov - 23:07

[Noticia] Designer
por StaaL Seg 3 Nov - 22:13

Pedido - Banner's
por JUFASA Dom 20 Jul - 22:27

Pedido - Logotipo
por IsmaelS. Dom 20 Jul - 18:03

Um jogo bom para PS2?
por JQuery Qui 17 Jul - 21:15

[CSS] CSS Transforms
por JQuery Qui 17 Jul - 21:13

[Youtube] TheKingMoreira
por JQuery Qui 17 Jul - 20:59

[Tutorial] Assault
por JQuery Qui 17 Jul - 20:53


Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

[Suporte] Botão em .CSS (Enviar, Pré-Visualizar, Caixa de Moderação)


avatar

#1
Desconectado
em Sab 12 Jul - 18:43

Minha questão:
Olá,

Queria colocar este efeito de botão, nos "Enviar, Pré-Visualizar, Caixa de Moderação":
www.loiane.com/2012/12/sencha-touch-2-trabalhando-com-diferentes-estilos-de-botoes/

O botão que quero é aquele da imagem que diz "action" se possível!



Endereço do meu fórum:

http://master-publicitario.forumeiros.com/forum

Versão:

PunBB

Ver perfil do usuário
avatar

#2
Desconectado
em Seg 14 Jul - 16:26

UP - Ajuda aqui amigos a precisar mesmo!

Ver perfil do usuário
avatar

#3
Desconectado
em Seg 14 Jul - 17:18

Olá eu não encontrei o css desse botão então eu tentei criar um o maximo parecido:

Código:
.pun .frm .frm-buttons input {
background: #006cb9;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
border: 1px solid #1d4b6c;
padding: 8px;
color: #FFF;
-webkit-box-shadow: inset 0px 0px 5px 0px #0387e5;
-moz-box-shadow: inset 0px 0px 5px 0px #0387e5;
box-shadow: inset 0px 0px 5px 0px #0387e5;
font-weight: bold!important;
}

att Jufasa'

Ver perfil do usuário
avatar

#4
Desconectado
em Seg 14 Jul - 17:26

Olá,

Espero não estar a incomodar não me agradou muito pensei que ficaria bem, poderia me dar aquele que está em cima do chatbox da Bestskins que diz "Como se sente":
http://bestskins.forumeiros.com/forum

E queria do mesmo tamanho como está!

Ver perfil do usuário
avatar

#5
Desconectado
em Seg 14 Jul - 17:29

Olá o código do botão seria este:

Código:
input[type="button"], input[type="reset"], input[type="submit"] {
-moz-border-radius: 3px;
-moz-box-shadow: inset 0 1px 0 0 #0376a3, 0 2px 3px rgba(0,0,0,0.2);
-webkit-border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #0376a3, 0 2px 3px rgba(0,0,0,0.2);
background: #02678f url(http://imgur.com/srUpLQz.png) repeat-x;
border: 1px solid #005780;
border-radius: 3px;
box-shadow: inset 0 1px 0 0 #0376a3, 0 2px 3px rgba(0,0,0,0.2);
color: #fff;
cursor: pointer;
font-family: Cuprum;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: bold;
outline: none;
padding: 4px 10px!important;
}input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] {
color: #EBEBEB;
}input:active[type="button"], input:active[type="reset"], input:active[type="submit"] {
position: relative;
top: 1px;
}

att Jufasa'

Ver perfil do usuário
avatar

#6
Desconectado
em Seg 14 Jul - 17:32

Olá,

Perfeito amigo, resolvido e obrigado +1 reputação!

Ver perfil do usuário
avatar

#7
Desconectado
em Seg 14 Jul - 17:34

Tópico movido para 'Arquivo: Questões Resolvidas'

Ver perfil do usuário

#8
Desconectado
Conteúdo patrocinado

Mensagem [Página 1 de 1]


Post relacionados