Código arredondar bordas igual do fórum

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

Resolvido Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 25/01/12, 06:15 pm

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
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por SworldMaster em 25/01/12, 06:18 pm

avatar

SworldMaster
Nível 10

Masculino
Inscrito dia : 01/11/2010
Mensagens : 294
Pontos Ativos : 406

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por MateusV. em 25/01/12, 06:22 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 25/01/12, 06:23 pm

Não mudou nada MateusV.
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por MateusV. em 25/01/12, 06:26 pm

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

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 25/01/12, 08:37 pm

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

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por bean em 25/01/12, 09:29 pm

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

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

Ver perfil do usuário http://restinpeacerpg.forumeiros.com/
  • 0

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por bean em 25/01/12, 09:37 pm

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!

Seta http://ajuda.forumeiros.com/t15748-tutorial-arredondar-bordas-do-forum
avatar

bean
Usuário destaque

Masculino
Inscrito dia : 17/01/2012
Mensagens : 774
Pontos Ativos : 1003

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Sennior em 25/01/12, 09:50 pm

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?
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad em 25/01/12, 10:27 pm

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.

Convidad
Convidado


Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 25/01/12, 11:15 pm

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

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad em 26/01/12, 12:24 am

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.

Convidad
Convidado


Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 26/01/12, 08:39 pm

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.

Piscada

Me ajudem alguem?
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad em 26/01/12, 08:55 pm

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. Piscada

Convidad
Convidado


Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 26/01/12, 09:01 pm

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 ?
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad em 26/01/12, 09:23 pm

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. Piscada

Convidad
Convidado


Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 26/01/12, 09:39 pm

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.
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por killer999 em 27/01/12, 01:56 pm

Porque apagaram os meus posts deste tópico?

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

killer999
Nível 9

Masculino
Inscrito dia : 25/03/2008
Mensagens : 230
Pontos Ativos : 249

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad em 27/01/12, 01:56 pm

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.



Convidad
Convidado


Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 27/01/12, 02:00 pm

Supero escreveu: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.
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por killer999 em 27/01/12, 02:01 pm

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 http://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
avatar

killer999
Nível 9

Masculino
Inscrito dia : 25/03/2008
Mensagens : 230
Pontos Ativos : 249

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

Resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru em 27/01/12, 02:25 pm

@killer999 escreveu: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 http://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 Seco
avatar

Setsumaru
Nível 9

Masculino
Inscrito dia : 22/12/2011
Mensagens : 154
Pontos Ativos : 181

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

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