Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Borda dos avatares
+2
Gabe
Caneta Azul
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Borda dos avatares
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
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)
Re: Borda dos avatares
Olá!
Sim, há como.
Acesse sua folha de estilos CSS e adicione o código abaixo:
Abraço.
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.
Re: Borda dos avatares
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;
}
Re: Borda dos avatares
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...
Abraço.
Re: Borda dos avatares
Boa Noite Senhor,
Abra a Folha CSS e Tente esse codigo:
Resulta Senhor?
Atenciosamente,
Bruno.
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.
Re: Borda dos avatares
Nenhum dos códigos resultou. Os avatares permaneceram com as bordas quadradas.
Re: Borda dos avatares
Olá!
Tente este:
Abraço.
Tente este:
span.postdetails.poster-profile img{
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
Abraço.
Re: Borda dos avatares
Ola,
tente esse :
Ate mais !
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 !
Re: Borda dos avatares
Olá!
Tem este código, mas certamente irá arredondar outras imagens:
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;
}
Re: Borda dos avatares
Funcionou, só que arredondou TODAS as imagens. Acabou arredondando o menu, e não ficou legal D:
Re: Borda dos avatares
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?
Eis o código:
Abraço.
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?
Eis o código:
td.row1 img, td.row2 img{
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
Abraço.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos