Borda no avatar

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

Resolvido Borda no avatar

Mensagem por JooHz em 10/01/13, 01:22 pm

Qual é minha questão:
Olá, gostaria de saber se há alguma maneira (css, codigo, ou seila) de como adicionar uma borda ao avatar do usuario, de preferencia retangular e não quadrada, pois fica meio estranha ela quadrada de acordo com o layout do meu forum. :B

Endereço do meu fórum:
http://blastergames.forumfacil.net

Versão do fórum:
PUNBB


Última edição por JooHz em 12/01/13, 06:23 pm, editado 1 vez(es)
avatar

JooHz
Nível 5

Masculino
Inscrito dia : 08/01/2013
Mensagens : 56
Pontos Ativos : 91

Ver perfil do usuário http://blastergames.forumfacil.net/

Resolvido Re: Borda no avatar

Mensagem por jr-pas em 10/01/13, 01:52 pm

Eu acho que ñ tem como ñ amigo.
avatar

jr-pas
Nível 4

Masculino
Inscrito dia : 09/01/2013
Mensagens : 33
Pontos Ativos : 43

Ver perfil do usuário http://planeta-aves.forumeiros.com/

Resolvido Re: Borda no avatar

Mensagem por Venancio Mattos em 10/01/13, 02:13 pm

Ola Amigos

Utilize esse code em

Painel de Controle Seta visualização Seta Cores Seta Folhas de Estilo Css

Código:
.postprofile dt img, dl.left-box dt img {
border:3px solid #000000;
}
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: Borda no avatar

Mensagem por JooHz em 10/01/13, 03:57 pm

Não funcionou ;/
avatar

JooHz
Nível 5

Masculino
Inscrito dia : 08/01/2013
Mensagens : 56
Pontos Ativos : 91

Ver perfil do usuário http://blastergames.forumfacil.net/

Resolvido Re: Borda no avatar

Mensagem por Consolado em 11/01/13, 11:46 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:

.pun .post a[href*="/u"] img[src][alt]{border:3px solid}
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: Borda no avatar

Mensagem por HenRyqUéè em 11/01/13, 04:40 pm

Olá JooHz!

Vá em:

Visualização Imagens e Cores Cores Folha de Estilo CSS

Após isso adicione este código no TOPO da folha:

Código:
.user-basic-info a img {
    border-radius: 10px;
    border: 3px solid;
}

Valide!

Cordialmente,
avatar

HenRyqUéè
Nível 9

Masculino
Inscrito dia : 11/01/2013
Mensagens : 178
Pontos Ativos : 251

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

Resolvido Re: Borda no avatar

Mensagem por Venancio Mattos em 12/01/13, 01:36 pm

Senho Tem Como Dexa um Print Ou Um Fórum Onde Vil a Borda 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: Borda no avatar

Mensagem por JooHz em 12/01/13, 06:20 pm

@HenRyqUéè escreveu:Olá JooHz!

Vá em:

Visualização Imagens e Cores Cores Folha de Estilo CSS

Após isso adicione este código no TOPO da folha:

Código:
.user-basic-info a img {
    border-radius: 10px;
    border: 3px solid;
}

Valide!

Cordialmente,

Funcionou!
OBS: O do Today também funcionou mas ficou quadrado.

Pode fechar!
avatar

JooHz
Nível 5

Masculino
Inscrito dia : 08/01/2013
Mensagens : 56
Pontos Ativos : 91

Ver perfil do usuário http://blastergames.forumfacil.net/

Resolvido Re: Borda no avatar

Mensagem por Uatyla em 12/01/13, 06:25 pm

Amigo tente esse

Código:
/*** borada perfil ***/

.postprofile {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #B0E2FF;
background-position: top;
border: 2px solid #5493B4;
margin-top: 0!important;
text-align:
}
.postprofile {
border: 1px solid #5493B4;
position: relative;
top: 25px;
left: 11px;
padding: 5px;
background: #EBEBEB;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.panel {
background-color: #f8f8f8;
border-radius: 5px;
border: 1px solid #dadada;
box-shadow: 0px 0px 6px #f1f1f1;
color: #2E2E2E;
margin-bottom: 4px;
padding: 0 10px;
padding-top: 0px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
/*** Borda perfil Fim ***/
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