Borda dos avatares

+2
Gabe
Caneta Azul
6 participantes

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

Tópico resolvido Borda dos avatares

Mensagem por Caneta Azul 21.06.12 0:38

Qual é minha questão:
Eu gostaria de saber se tem como todos os avatares dos membros ficarem com as bordas arredondadas.

Como neste fórum : https://2img.net/h/oi48.tinypic.com/s5d25i.png

Percebe-se que as bordas da imagem está arredondada. Teria como fazer isso em todos os avatares?

Links e imagens do meu problema:
Não é necessário.

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

Versão do meu fórum:
PHPBB2


Última edição por Caneta Azul em 22.06.12 16:08, editado 1 vez(es)
Caneta Azul

Caneta Azul
**

Membro desde : 23/03/2012
Mensagens : 96
Pontos : 150

http://rpgheroisdolimpo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda dos avatares

Mensagem por Gabe 21.06.12 0:50

Olá!

Sim, há como.

Acesse sua folha de estilos CSS e adicione o código abaixo:

.poster-profile img{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Abraço.
Gabe

Gabe
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por killer999 21.06.12 2:12

Utiliza este, adicionei mais um, que penso que o Gabe se esqueceu.

Gabe escreveu:

.poster-profile img{border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

killer999

killer999
****

Membro desde : 25/03/2008
Mensagens : 230
Pontos : 249

http://www.narutoportugalrpg.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda dos avatares

Mensagem por Gabe 21.06.12 2:50

killer999 escreveu:Utiliza este, adicionei mais um, que penso que o Gabe se esqueceu.

Gabe escreveu:

.poster-profile img{border-radius:15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}


Sim, o que eu esqueci foi para o navegador Opera... Piscada

Abraço.
Gabe

Gabe
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por [S.W.A.T]Bruno_. 21.06.12 3:02

Boa Noite Senhor,
Abra a Folha CSS e Tente esse codigo:
Código:
.postprofile {
-moz-border-radius: 6px;
-moz-box-shadow: 2px 2px 2px #a8a180;
-webkit-border-radius: 6px;
-webkit-box-shadow: 2px 2px 2px #a8a180;
background: transparent url(LINKDAIMAGEMDEFUNDO);
background-color: #F2F2F2;
border: 1px solid gray;
border-radius: 6px;
box-shadow: 2px 2px 2px #a8a180;
height: 590px;
max-height: 1000px;
max-width: 260px;
overflow: auto;
overflow-x: hidden;
padding-right: 10px;
padding-top: 10px;
scrollbar-3dlight-color: #fff;
scrollbar-arrow-color: #f47b21;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #FFF;
scrollbar-highlight-color: #c6c6c6;
scrollbar-shadow-color: #f47b21;
scrollbar-track-color: #fff;
width: 200px;
}
.postprofile, ul.profile-icons {
position: center!important;
text-align: center!important;
}
.postprofile {
border-color: #F7F7F7;
border-right-style: solid;
border-right-width: 1px;
color: black;
display: inline;
float: left;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
}

Resulta Senhor?

Atenciosamente,
Bruno.
[S.W.A.T]Bruno_.

[S.W.A.T]Bruno_.
****

Membro desde : 15/02/2012
Mensagens : 208
Pontos : 314

http://deltanwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por Caneta Azul 21.06.12 18:08

Nenhum dos códigos resultou. Os avatares permaneceram com as bordas quadradas.
Caneta Azul

Caneta Azul
**

Membro desde : 23/03/2012
Mensagens : 96
Pontos : 150

http://rpgheroisdolimpo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por [S.W.A.T]Bruno_. 21.06.12 18:17

Boa Tarde Senhor,
Poderia falar qual é a versão do seu fórum?
[S.W.A.T]Bruno_.

[S.W.A.T]Bruno_.
****

Membro desde : 15/02/2012
Mensagens : 208
Pontos : 314

http://deltanwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por Caneta Azul 21.06.12 18:34

PHPBB2
Caneta Azul

Caneta Azul
**

Membro desde : 23/03/2012
Mensagens : 96
Pontos : 150

http://rpgheroisdolimpo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda dos avatares

Mensagem por Gabe 21.06.12 18:58

Olá!

Tente este:

span.postdetails.poster-profile img{
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Abraço.
Gabe

Gabe
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por Caneta Azul 21.06.12 19:10

Não resultou.
Caneta Azul

Caneta Azul
**

Membro desde : 23/03/2012
Mensagens : 96
Pontos : 150

http://rpgheroisdolimpo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por UsuarioX 21.06.12 20:59

Ola,

tente esse :
Código:

 .post span.postdetails a img:first-child {
moz-border-radius: 0px !important;
-webkit-border-radius: 0px !important;
border-radius:  0px !important;

Ate mais ! Esportes
UsuarioX

UsuarioX
Membro

Membro desde : 03/01/2012
Mensagens : 713
Pontos : 916

http://www.zonetoony.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por Caneta Azul 21.06.12 21:42

Não resultou.
Caneta Azul

Caneta Azul
**

Membro desde : 23/03/2012
Mensagens : 96
Pontos : 150

http://rpgheroisdolimpo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda dos avatares

Mensagem por Hancki 21.06.12 22:53

Olá!

Tem este código, mas certamente irá arredondar outras imagens:
Código:
#predictad_table th img, td  img {
-moz-border-radius: 15px !important;
-webkit-border-radius: 15px !important;
}
Hancki
Hancki

Hancki
Membro Entusiasta
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8190
Pontos : 12245

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por Caneta Azul 21.06.12 23:57

Funcionou, só que arredondou TODAS as imagens. Acabou arredondando o menu, e não ficou legal D:
Caneta Azul

Caneta Azul
**

Membro desde : 23/03/2012
Mensagens : 96
Pontos : 150

http://rpgheroisdolimpo.forumeiros.com/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda dos avatares

Mensagem por Gabe 22.06.12 0:54

Olá!

Não entendo, o primeiro código deveria ter funcionado. Funcionou em meu fórum de testes pelo menos, hehe...

Vamos para mais uma tentativa, caso não funcione, peço que passe sua folha CSS, ok? Feliz

Eis o código:

td.row1 img, td.row2 img{
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

Abraço.
Gabe

Gabe
Membro Entusiasta
Membro Entusiasta

Membro desde : 10/01/2010
Mensagens : 5769
Pontos : 7547

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda dos avatares

Mensagem por Caneta Azul 22.06.12 16:08

Engraçado, agora funcionou. Vlw ^^ Pode fechar.
Caneta Azul

Caneta Azul
**

Membro desde : 23/03/2012
Mensagens : 96
Pontos : 150

http://rpgheroisdolimpo.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos