Código arredondar bordas igual do fórum

[Setsumaru]

Qual é minha questão:
Gostaria de saber como arredondar às bordas do perfil como nesse fórum; http://www.narutoportugalrpg.com/t8720-ninja-do-mes-de-marco-yushiko#100041

A borda do perfil é arredondada . Alguem poderia me indicar esse código em versão PHPBB2? Eu quero exatamente igual.

Medidas que eu tomei para corrigir o problema:
Pesquisei códigos e nada

Imagens do meu problema:


Endereço do meu fórum:
www.shinobi-revolution.forumeiros.net

Versão do meu fórum:
PHPBB2

[SworldMaster]

~ Olá amigo,
se refere a isto?

[TUTORIAL] Arredondar as bordas das categorias do fórum

[TUTORIAL] Arredondar bordas do fórum

[MateusV.]

Olá, tente adicionar esse codigo em seu CSS

Código:

#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {margin-right: 3px;}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {margin-bottom: 3px;}
#profile-advanced-button {padding: 1px;}
#profile-advanced-details {overflow: hidden;}
#profile-advanced-details ol {margin: 0;padding: 0;list-style: none;}
#profile-advanced-details ol li {display: block;margin-bottom: 4px;}
#profile-advanced-details .avatar {float: left;}
.avatar {width: 50px;border: 1px solid #;background-color: #fff;}
.avatar img {width: 50px;}
.friend-block .avatar {margin: 0 auto;cursor:pointer;}
.avatar.mini, .avatar.mini img {width: 38px;height: 38px;}
.friend-block {float: left;width: 70px;margin: 1px;text-align: center;overflow: hidden;}
.friend_list_online_status {line-height: 11px;font-size: .9em;}
.friend_list_online_status img {vertical-align: middle;}
.friends-foes-list {float: left;width: 200px;height: 2em;}
#profile-advanced-details .message-block {margin-left: 57px;}
#profile-advanced-details .message-header {border-top: 1px solid #;background: #;padding: 4px;margin-bottom: 4px;}
#profile-advanced-details .message-date {float: right;}#profile-advanced-details .message-body {margin-bottom: 4px;}
#profile-advanced-details .message-footer {text-align: right;}
#profile-advanced-details .message-footer li {display: inline;margin: 0 0.25em; /* Spacing between generation dot */}
#profile-advanced-details .message-footer li:after {content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */}
#profile-advanced-details .message-footer li a {margin-right: 0.25em; /* Spacing between generation dot */text-decoration: underline;}
#profile-advanced-details .message-footer li.last:after {content: normal;}
#profile-advanced-add {margin-right: 4px;padding: 8px 0;text-align: right;}
#profile-advanced-details .stats-field {margin: 4px 0 10px 4px;padding: 0 10px 6px;}
#profile-advanced-details .stats-field legend {font-weight: bold;}
#profile-advanced-details .stats-field ul {list-style-type:none;text-indent: 10px;padding: 0;}
#profile-advanced-details .stats-field li {margin: 4px 0;}

#login_popup {position: absolute;z-index: 999;display: none;}
#login_popup_buttons {position: absolute;height:19px;bottom: 6px;right: 6px;}
#login_popup_buttons input {margin-left: 6px;}
ul.profile_field_list {padding:0;margin:0}
html ul.profile_field_list li {list-style-type: none;}
ul.profile_field_list > li {list-style-type: none;}
.inputURL {font-size:10px;font-family:"Courier New", "Times New roman";letter-spacing:-1px;}
.middleline {line-height:2em;}
.invisible{display:none;visibility:hidden;}
.visible{display:block;visibility:visible;}

[Setsumaru]

Não mudou nada MateusV.

[MateusV.]

Junto ao codigo acima adicione este

Código:

.ajax-profil_hover{background:transparent}
.ajax-profil_parent{position:relative;zoom:1;}
.ajax-profil_edit{cursor:pointer;position:absolute;top:0;left:-18px}
.ajax-profil_edit img{margin-left:4px}
.ajax-profil_valid{cursor:pointer;margin-left:4px;vertical-align:middle}
#profile-advanced-details dl{padding:8px 10 8px 0;width:98%;margin:10px 0 0;}
#profile-advanced-details dl dt{float:left;display:block;width:10em;}
#profile-advanced-details dl dd{margin-left:10em;padding-left:12px;}
#profile-advanced-details div.separator{clear:both;font-size:1px;line-height:1px;border-bottom:1px solid #dcdcdc;padding-top:10px;}
#profile-advanced-details .ajax-profil_edit{left:-4px;}

[Setsumaru]

O mesmo não surtiu efeito algum. MateusV, poderia tentar concertar lá?

[bean]

Olá, Convidado

Tente este abaixo e´praticamente o mesmo do Mateus tirando os Logos de Kbt ok, Se puder clique no +THANKS ou no + se o post ajudou Ok da essa força ...

Código:

#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-details {margin-right: 3px;}
#profile-advanced-avatar .module, #profile-advanced-points .module, #profile-advanced-reputation .module, #profile-advanced-right .module {margin-bottom: 3px;}
#profile-advanced-button {padding: 1px;}
#profile-advanced-details {overflow: hidden;}
#profile-advanced-details ol {margin: 0;padding: 0;list-style: none;}
#profile-advanced-details ol li {display: block;margin-bottom: 4px;}
#profile-advanced-details .avatar {float: left;}
.avatar {width: 50px;border: 1px solid #;background-color: #fff;}
.avatar img {width: 50px;}
.friend-block .avatar {margin: 0 auto;cursor:pointer;}
.avatar.mini, .avatar.mini img {width: 38px;height: 38px;}
.friend-block {float: left;width: 70px;margin: 1px;text-align: center;overflow: hidden;}
.friend_list_online_status {line-height: 11px;font-size: .9em;}
.friend_list_online_status img {vertical-align: middle;}
.friends-foes-list {float: left;width: 200px;height: 2em;}
#profile-advanced-details .message-block {margin-left: 57px;}
#profile-advanced-details .message-header {border-top: 1px solid #;background: #;padding: 4px;margin-bottom: 4px;}
#profile-advanced-details .message-date {float: right;}#profile-advanced-details .message-body {margin-bottom: 4px;}
#profile-advanced-details .message-footer {text-align: right;}
#profile-advanced-details .message-footer li {display: inline;margin: 0 0.25em; /* Spacing between generation dot */}
#profile-advanced-details .message-footer li:after {content: ' .'; /* Beware of character: can create a whitepage in IE6 if char does not exist in lang. */}
#profile-advanced-details .message-footer li a {margin-right: 0.25em; /* Spacing between generation dot */text-decoration: underline;}
#profile-advanced-details .message-footer li.last:after {content: normal;}
#profile-advanced-add {margin-right: 4px;padding: 8px 0;text-align: right;}
#profile-advanced-details .stats-field {margin: 4px 0 10px 4px;padding: 0 10px 6px;}
#profile-advanced-details .stats-field legend {font-weight: bold;}
#profile-advanced-details .stats-field ul {list-style-type:none;text-indent: 10px;padding: 0;}
#profile-advanced-details .stats-field li {margin: 4px 0;}

#login_popup {position: absolute;z-index: 999;display: none;}
#login_popup_buttons {position: absolute;height:19px;bottom: 6px;right: 6px;}
#login_popup_buttons input {margin-left: 6px;}
ul.profile_field_list {padding:0;margin:0}
html ul.profile_field_list li {list-style-type: none;}
ul.profile_field_list > li {list-style-type: none;}
.inputURL {font-size:10px;font-family:"Courier New", "Times New roman";letter-spacing:-1px;}
.middleline {line-height:2em;}
.invisible{display:none;visibility:hidden;}
.visible{display:block;visibility:visible;}


[bean]

Olá, Convidado

OBS: Se não der ehm nada tudo ok, Siga os codigos abaixo eles devem arredondar as bordas do seu forúm e do perfil tbm ... Eles estão distinguidos pela versão do teu forúm ok ...

PhpBB 2

Código:

.bodyline{
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

PhpBB 3

Código:

#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

PunBB

Código:

.pun {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

Invision

Código:

#ipbwrapper {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}

Para maiores informações favor acessar o link dado abaixo, E se puder clicar no +THANKS ou no + ok de essa força, Obg!

https://ajuda.forumeiros.com/t15748-tutorial-arredondar-bordas-do-forum

[Sennior]

Olá amigo:
Tente esse:

Código:

.bodyline{
-moz-border-radius:11px;
-webkit-border-radius: 11px;
    border: 1px #593327 solid;
   }
.bodylinewidth {
   width:70%}
.forumline{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;}
    background-color: #fffafa;
    border: 1px #593327 solid;
    }

Resulta?

[Convidad]

Boa noite,

Vá até sua folha de estilos CSS e adicione o seguinte:

Código:

#perfil_head {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

Lembrando que este código só funcionará na versão PHPBB2. Para outras versões, outros códigos.

Uma segunda notação que merece destaque é que a propriedade bordas arredondadas (border-radius, CSS3) não funcionar no navegador Internet Explorer.

Caso você deseje adicionar o efeito de bordas arredondadas para todos lugares de seu fórum, troque o seletor #perfil_head por html ou troque por *

Atenciosamente.

[Setsumaru]

Nenhum dos códigos surtiram efeitos. Eu quero arredondadas igual daquele fórum e mais, eu quero que fique da cor .

[Convidad]

Bom dia,

Por favor pessoal, cada qual com seu tópico e suas dúvidas! As mensagens de dúvidas OUTRO assunto foram apagadas.

InTopic:
Remova o anterior e tente o seguinte:

Código:

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 20px;
border: 1px solid COR;
-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

Eu testei o código no seu fórum e funcionou perfeitamente! É claro que não ficará idêntico ao fórum mostrado como exemplo, pois ambos são totalmente diferentes no design.

Se quiser ver mais claramente o efeito em uso, troque o código anterior pelo seguinte:

Código:

.forumline .row1, .forumline .row2, .forumline .row3, .forumline .row3Right {
padding: 20px;
border: 1px solid red; /*troque a palavra red por outra que represente outra cor - é responsável pela cor da borda arredondada*/
-webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: white; /*essa linha dá cor de fundo branca ao perfil do user*/
}

Atenciosamente.

[Setsumaru]

Eu não quero arredondar, nada mais, nada menos do que essa parte da Print;



É essa parte do perfil do usuário na mensagem. Apenas isso que eu quero arredondar. Seus códigos funcionaram, mas, no fórum todo. Eu não quero no fórum todo Supero.



Me ajudem alguem?

[Convidad]

Olá,

Substitua os códigos dados por este:

Código:

.poster-profile {
padding-bottom: 15px;
padding-top: 50px;
text-align: center;
border-style: solid;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-color: #953;
border-top-color: #953;
border-right-color: #953;
border-bottom-color: #953;
border-left-color: #953;
border-width: 2px;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
-webkit-border-radius: ;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}


Salve e visualize.
Até mais.

[Setsumaru]

Olá Touks,

Foi sim só que, ele está errado. Poderia concertar isto?
Olhe na print;



Eu queria puxar mais para cima assim como na print que eu pus na minha outra mensagem, acima da tua .
Tem como colocar mais para cima e por o nome e a barra para dentro do arredondamento ?

[Convidad]

Olá,

Cuidado com este código que lhe dei.

Adicione em sua folha CSS:

Código:

div .name {
  padding-top: 30px;
}
div .name {
display: block;
}

Estou com certas dúvidas se irá funcionar, mais tudo bem. Veja no que resulta.

Abraços.

[Setsumaru]

Não funcionou, ele aumentou o fundo do nick name, aquele fundo que fica embaixo do nick name. Ele aumento aquilo e não entro pra dentro, e nem foi pra cima o negocio.

[killer999]

Porque apagaram os meus posts deste tópico?

O meu fórum está a ser roubado e ainda protegem os ladrões?

[Convidad]

Boa tarde,

Vocês só podem revogar algo caso tenham documentação do que/de que é protegido por direito autoral no seu fórum, só assim podemos fazer algo. Porém, os direitos autorais se aplicam à textos e mídias, e não há uma borda arredondada, ou uma cor de fundo.

Eu acabo de checar os layouts e pude constatar que são realmente idênticos. Porém, nada poderá ser feito se não houver documentação apresentada por vocês do fórum português. No mais, abram um novo tópico para tratamento do seu problema, pois este, é de outro utilizador.

Setsumaru, quer uma dica de um profissional da área? Um projeto original vale muito mais do que uma cópia. Todos irão ver que o seu fórum é uma cópia bem realizada.

Não importa se o seu fórum ficará um pouco mais bonito ou feio, o importante é manter a originalidade do seu projeto. Os membros querem estar em um lugar projetada para ser único, e não em um lugar copiado.

Atenciosamente.

[Setsumaru]

Boa tarde,

Vocês só podem revogar algo caso tenham documentação do que/de que é protegido por direito autoral no seu fórum, só assim podemos fazer algo. Porém, os direitos autorais se aplicam à textos e mídias, e não há uma borda arredondada, ou uma cor de fundo.

Eu acabo de checar os layouts e pude constatar que são realmente idênticos. Porém, nada poderá ser feito se não houver documentação apresentada por vocês do fórum português. No mais, abram um novo tópico para tratamento do seu problema, pois este, é de outro utilizador.

Setsumaru, quer uma dica de um profissional da área? Um projeto original vale muito mais do que uma cópia. Todos irão ver que o seu fórum é uma cópia bem realizada.

Não importa se o seu fórum ficará um pouco mais bonito ou feio, o importante é manter a originalidade do seu projeto. Os membros querem estar em um lugar projetada para ser único, e não em um lugar copiado.

Atenciosamente.

Já tenho todas as imagens para trocar, só quero o style mesmo.

[killer999]

Do utilizador que rouba? Já abri o tópico, agora quero ver se vão lá.

E a migo qualquer tipo de produção produzida, seja ela registada ou não, publicada ou não, está protegida.

Mas eu deixo isso para por no outro topico https://ajuda.forumeiros.com/t52478-violacao-dos-direitos-de-autor-roubo-de-layout#353642

Mas ainda admite que roubou, mas só quero o style agora, roubado tambem

[Setsumaru]

Do utilizador que rouba? Já abri o tópico, agora quero ver se vão lá.

E a migo qualquer tipo de produção produzida, seja ela registada ou não, publicada ou não, está protegida.

Mas eu deixo isso para por no outro topico https://ajuda.forumeiros.com/t52478-violacao-dos-direitos-de-autor-roubo-de-layout#353642

Mas ainda admite que roubou, mas só quero o style agora, roubado tambem

O style não as tuas imagens nem nada. Eu vou mudar tudo isso