Código arredondar bordas igual do fórum Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Código arredondar bordas igual do fórum

+2
SworldMaster
Setsumaru
6 participantes

Ir para baixo

Tópico resolvido Código arredondar bordas igual do fórum

Mensagem por Setsumaru 25.01.12 20:15

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
Setsumaru
Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por SworldMaster 25.01.12 20:18

SworldMaster
SworldMaster
****

Membro desde : 01/11/2010
Mensagens : 294
Pontos : 406

http://assasinsdark.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por MateusV. 25.01.12 20:22

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;}
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 25.01.12 20:23

Não mudou nada MateusV.
Setsumaru
Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por MateusV. 25.01.12 20:26

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;}
MateusV.
MateusV.
Membro Entusiasta

Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284

http://mateusv.site11.com/gerador2.html

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 25.01.12 22:37

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

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por bean 25.01.12 23:29

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
bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por bean 25.01.12 23:37

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 https://ajuda.forumeiros.com/t15748-tutorial-arredondar-bordas-do-forum
bean
bean
Membro

Membro desde : 17/01/2012
Mensagens : 774
Pontos : 1008

http://restinpeacerpg.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Sennior 25.01.12 23:50

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?
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad 26.01.12 0:27

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.
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 26.01.12 1:15

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

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad 26.01.12 2:24

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.
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 26.01.12 22:39

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

Código arredondar bordas igual do fórum Fewgwega

É 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?
Setsumaru
Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad 26.01.12 22:55

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
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 26.01.12 23:01

Olá Touks,

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

Código arredondar bordas igual do fórum Gefw

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 ?
Setsumaru
Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad 26.01.12 23:23

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
Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 26.01.12 23:39

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.
Setsumaru
Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por killer999 27.01.12 15:56

Porque apagaram os meus posts deste tópico?

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

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

http://www.narutoportugalrpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Convidad 27.01.12 15:56

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.


Anonymous
Convidad
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 27.01.12 16:00

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.
Setsumaru
Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por killer999 27.01.12 16:01

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
killer999
killer999
****

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

http://www.narutoportugalrpg.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Código arredondar bordas igual do fórum

Mensagem por Setsumaru 27.01.12 16:25

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 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 Seco
Setsumaru
Setsumaru
***

Membro desde : 22/12/2011
Mensagens : 154
Pontos : 181

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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