Quero coloca esse botoes mais não sei

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

Resolvido Quero coloca esse botoes mais não sei

Mensagem por Venancio Mattos em 10/12/12, 08:28 pm

Qual é minha questão:
Ola Amigos Quero Coloca esse Botoes que vi em Um fórum Ache Muito Legal



Obrigado

Endereço do meu fórum:
http://replicagames.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por Consolado em 10/12/12, 09:21 pm

Olá!

Os códigos que permitem editar esses botões poderia ser utilizado com as seguintes classes:
Código:
#quick_reply .button2,
#format-buttons .button2 {
/* propriedades CSS */
}
Onde está "propriedades CSS" deveria estar o código para personalizar o botão! Para além de existir uma imagem de fundo, os botões estão a utilizar um espaçamento interno. No meu entender o código final ficaria próximo disto:
Código:
#quick_reply .button2,
#format-buttons .button2 {
background: url("http://imagem.png") repeat-x;
padding: 3px;
}
Se sentir dificuldades... nós ajudamos! Piscada

Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por Venancio Mattos em 10/12/12, 09:27 pm

Não Deu Resultado Ate amanha
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por MateusV. em 11/12/12, 12:19 pm

Olá,

Adicione em seu CSS:
Código:
button.button2, button.button1,input.button2,input.button1 {
    padding: 5px;
    background: white;
    border-radius: 5px;
    border: 3px solid #BBB;
    cursor: pointer; /* Old browsers */background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */background: linear-gradient(to bottom, #ffffff 0%,#ededed 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */;
}
button.button2:hover, button.button1:hover, input.button2:hover, input.button1:hover {
    border: 3px solid gray;
}

Abraços.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por Venancio Mattos em 11/12/12, 12:41 pm

Bom Não Foi o 100% que eu Estava Esperando Mais Tudo Bom Obrigado
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por Venancio Mattos em 12/12/12, 05:38 pm

Up!!!!!!!!!!!!
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por Luciano98 em 13/12/12, 09:04 am

Olá!

Utilize esse código CSS:
Código:
button.button2, button.button1,input.button2,input.button1 { padding: 5px; border-radius: 5px; border: 2px solid #BBB; cursor: pointer; background:white url(http://i.imgur.com/rrhEb.png) bottom left repeat-x; background-size:auto 10px; } button.button2:hover, button.button1:hover, input.button2:hover, input.button1:hover { border: 2px solid gray; }
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por Consolado em 13/12/12, 10:18 am

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{background: #FFFFFF url("http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png") repeat-x left bottom; padding: 3px 5px;border-radius: 3px; border: 1px solid #ABABAB; -webkit-box-shadow: grey 0px 0px 3px!important}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Quero coloca esse botoes mais não sei

Mensagem por Venancio Mattos em 13/12/12, 04:25 pm

Muito Obrigado Today
avatar

Venancio Mattos
Usuário avançado

Masculino
Inscrito dia : 10/12/2012
Mensagens : 301
Pontos Ativos : 388

Ver perfil do usuário http://replicagames.net.ms

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