Borda no perfil de postagem

4 participantes

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

Tópico resolvido Borda no perfil de postagem

Mensagem por Bruno_Michael 07.12.17 18:11

Detalhes da questão


Endereço do fórum: http://brunomichael.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Coloquei borda e aumentar a lagura do perfil porém estou com um problema, segue a imagem:  http://prntscr.com/hkfynm 
A borda está passando lá em cima teria como tirar?

Edit: Na verdade eu queria a barra só do lado direito onde vai separar as info do perfil da mensagem da postagem, eu coloquei borda porém está passando em tudo fazendo um quadrado
Código:
.postprofile {
    color: #000;
    display: block;
    float: left;
    font-size: 1.3rem;
    padding: 18px;
    position: relative;
    width: 250px;
    word-wrap: break-word;
    border: 1px solid #3793ff;
    border-radius: 0;
     
}


Última edição por Bruno_Michael em 09.12.17 14:34, editado 1 vez(es)
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Konai 08.12.17 3:32

Saudações querido!

Substitua o seu código por este:
Código:
.postprofile {
color: #000;
display: block;
float: left;
font-size: 1.3rem;
padding: 18px;
position: relative;
width: 250px;
word-wrap: break-word;
border-right: 1px solid #3793ff;
border-radius: 0;
}

Att! Feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Bruno_Michael 08.12.17 16:13

Resultou, http://prntscr.com/hkuu0e
Olha a imagem tem uma linha passando la em cima teria como tirar?
E a mensagem não está reta lá em baixo ela volta a antiga posição.
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Konai 09.12.17 0:54

A linha subindo até a parte onde fica o título o senhor diz?
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Bruno_Michael 09.12.17 1:24

Sim a linha ficou boa porém ela passa lá para cima onde tem o titulo eu quero deixa ela sem atravessar lá, e o corpo da mensagem lá embaixo ele não fica alinhado.
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta
  • 0

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Konai 09.12.17 1:33

Faremos diferente.

Substitua código anterior por este:
Código:
.postprofile {
color: #000;
display: block;
float: left;
font-size: 1.3rem;
padding: 18px;
position: relative;
width: 250px;
word-wrap: break-word;
border-right: none !important;
border-radius: 0;
}

Feito isto, adicione este outro código na tua CSS:
Código:
.postbody {
margin-left: 230px !important;
border-left: 1px solid #3793ff !important;
}

Att! Feliz
Konai

Konai
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/08/2010
Mensagens : 6045
Pontos : 7550

http://narutongo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Bruno_Michael 09.12.17 1:51

Perfeito resultou é desse jeito que eu quero, porém olha aqui está ok http://prntscr.com/hl1tex porém um mensagem com poucas linha fica assim http://prntscr.com/hl1trx tem como pegar em tudo ?
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Ketholy 09.12.17 12:39

Bruno_Michael escreveu:Perfeito resultou é desse jeito que eu quero, porém olha aqui está ok http://prntscr.com/hl1tex porém um mensagem com poucas linha fica assim http://prntscr.com/hl1trx tem como pegar em tudo ?

Bom dia Bruno_Michael,

O efeito repassado pelo nosso colega varia de acordo com o tamanho da mensagem, logo não será possível determinar um tamanho que deseja. Pelo que entendi pelas mensagens anteriores era exatamente esse efeito que o senhor desejava.

Até mais!
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Bruno_Michael 09.12.17 13:41

Entendi, então ao invez desse efeito eu conseguiria fazer uma borda entre o avatar e as informações do perfil tipo o perfil daqui da fórumeiros?

Edit: Conseguir fazer http://prntscr.com/hl6ypx 
Como que da um espaço ali nas informações da borda ?
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por tikky 09.12.17 14:10

Veja assim:

Código:
.row2 {
    background-color: #f8f8f8;
    padding: 0 10px;
}
.postprofile {
    width: 250px;
    background-color: #f0f0f0;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-top: 8em;
    margin-bottom: 10px;
    text-align: left;
}
.postprofile-avatar {
    margin-bottom: 6px;
}
.postprofile-avatar img {
    border: 1px solid #3793ff;
    border-radius: 0;
    height: auto;
    min-height: 300px;
    min-width: 170px;
    position: relative;
    width: 170px;
}
.postprofile-name {
    padding-top: 7px;
}
span.label img {
    height: 16px;
    width: 16px;
    max-width: 16px;
    max-height: 16px;
}

ficará assim Perfil - Borda no perfil de postagem Lh56r2m
se bugar https://i.imgur.com/Lh56r2m.png
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Ketholy 09.12.17 14:13

Bruno_Michael escreveu:Entendi, então ao invez desse efeito eu conseguiria fazer uma borda entre o avatar e as informações do perfil tipo o perfil daqui da fórumeiros?

Edit: Conseguir fazer http://prntscr.com/hl6ypx 
Como que da um espaço ali nas informações da borda ?

Basta editar o código que o senhor fez alterações por esse:

Código:
.postprofile {
    border: 1px solid #3793ff!important;
    border-radius: 0;
    color: #000;
    display: block;
    float: left;
    font-size: 1.3rem;
    margin: 95px 0 0 10px;
    padding: !important;
    position: relative;
    width: 250px;
    word-wrap: break-word;
}

Até mais!
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Bruno_Michael 09.12.17 14:26

Resultou, agora tem como da uma espaço dos icones de perfil,mensagem privada e site. Pois está junto com a linha da borda.
http://prntscr.com/hl77qp
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por tikky 09.12.17 14:28

ponha este

Código:
.postprofile {
    border-radius: 0;
    color: #000;
    display: block;
    float: left;
    font-size: 1.3rem;
    margin: 95px 0 0 10px;
    padding: !important;
    position: relative;
    width: 250px;
    word-wrap: break-word;
}
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7806
Pontos : 9049

Ir para o topo Ir para baixo

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Bruno_Michael 09.12.17 14:33

Obrigado pela ajuda de todos, conseguir arrumar aqui tive que alterar o css postprofile-contact img para alcança o efeito desejado.

Resolvido.
Bruno_Michael

Bruno_Michael
****

Membro desde : 05/09/2013
Mensagens : 202
Pontos : 314

http://hassborn.forumeiros.com/forum

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Borda no perfil de postagem

Mensagem por Ketholy 09.12.17 14:34

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Ketholy

Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

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