Como deixa os ícones dessa forma?

[Uatyla]

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

[Intelinerd]

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

[Uatyla]

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

[Intelinerd]

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

[Uatyla]

Não resulto! ficou a mesma coisa!

[[F]lames]

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.

[Uatyla]

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