Como deixa os ícones dessa forma?

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

Resolvido Como deixa os ícones dessa forma?

Mensagem por Uatyla em 10/11/13, 12:46 pm

Qual é minha questão:
Olá senhores!

Eu quero deixar os ícones do meu fórum dessa forma como fazer tal coisa?


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

Versão do fórum:
PHPBB3


Última edição por uatyla em 10/11/13, 04:35 pm, editado 1 vez(es)
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como deixa os ícones dessa forma?

Mensagem por Intelinerd em 10/11/13, 12:53 pm

Seu desejo seria no caso deixar os seus ícones com as bordas arredondadas ?
avatar

Intelinerd
Nível 2

Masculino
Inscrito dia : 09/11/2013
Mensagens : 5
Pontos Ativos : 5

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

Resolvido Re: Como deixa os ícones dessa forma?

Mensagem por Uatyla em 10/11/13, 01:12 pm

+/- isso! porque os ícones aumentam também....
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

Resolvido Re: Como deixa os ícones dessa forma?

Mensagem por Intelinerd em 10/11/13, 01:31 pm

Bem, tente o seguinte código, coloque-o em seu CSS:

Código:
status {
margin-left: -55px!important;
}
#main-content table tr td img {
border-radius: 10px;
}
avatar

Intelinerd
Nível 2

Masculino
Inscrito dia : 09/11/2013
Mensagens : 5
Pontos Ativos : 5

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

Resolvido Re: Como deixa os ícones dessa forma?

Mensagem por Uatyla em 10/11/13, 01:36 pm

Não resulto! ficou a mesma coisa!
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista
  • 0

Resolvido Re: Como deixa os ícones dessa forma?

Mensagem por [F]lames em 10/11/13, 04:00 pm

Olá,

Adicione á teu CSS:
Código:
input.button1, input.button2 {font-weight: 500;font-size: 10px;padding: 4px 7px;border: 1px solid #969696;border-radius: 2px;color: #111;background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,rgba(0, 0, 0, 0.02)), color-stop(80%,rgba(0, 0, 0, 0.08)));}
input.button1:hover, input.button2:hover {border: 1px solid #747474;background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,rgba(0, 0, 0, 0.025)), color-stop(80%,rgba(0, 0, 0, 0.12)));color: #000;}
Passar bem. Muito feliz
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

Resolvido Re: Como deixa os ícones dessa forma?

Mensagem por Uatyla em 10/11/13, 04:34 pm

Não ficou exatamente como eu queria mais já está ótimo rssr!
Pode fechar.
avatar

Uatyla
Usuário experiente

Masculino
Inscrito dia : 15/05/2012
Mensagens : 2425
Pontos Ativos : 3433

Ver perfil do usuário http://www.vidadeaquarista.com https://www.facebook.com/MinhaVidadeAquarista?ref=hl https://twitter.com/VidadeAquarista

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