Modificar codigo do perfil

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

Resolvido Modificar codigo do perfil

Mensagem por Jean_Xd em 19/02/16, 09:16 pm

Detalhes da questão


Endereço do fórum: www.bra-perfectstart.forumeiros.com
Versão do fórum: PunBB

Descrição


Olá amigos.

Queria me informar se teria como modificar o código:

Cósigo:
.postprofile {
background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #F6F6F6;
border: 1px solid #DDD;
border-radius: 3px;
padding: 60px 3px 3px;
position: relative;
text-align: center;
}
.postprofile {
border-color: #fff;
border-left-style: solid;
border-left-width: 1px;
color: #666;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
div.post.online .postprofile:before {
content: url('http://i18.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
content: url('http://i18.servimg.com/u/f18/16/89/96/68/offlin19.png');
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 2;
}
div.post.online .postprofile:after {
border-color: #84C754;
}
div.post .postprofile:after {
background: #2E3133;
border-bottom: 4px solid #868686;
content: ".";
font-size: 0;
height: 16px;
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 1;
}

O perfil ficou mais afastado da lacuna e também ficou com uma cor diferente do quadro geral do forum, teria como alterar essas coisas ?

Obrigado
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Modificar codigo do perfil

Mensagem por .Danni. em 19/02/16, 09:20 pm

Boa noite,

Quanto à cor:
Código:
.postprofile {
background: url(http://i18.servimg.com/u/f18/18/45/41/65/row10.png) repeat-x 0 0 #FFF;
border: 1px solid #DDD;
border-radius: 3px;
padding: 60px 3px 3px;
position: relative;
text-align: center;
}
.postprofile {
border-color: #fff;
border-left-style: solid;
border-left-width: 1px;
color: #666;
display: inline;
float: right;
margin: 5px 0 0;
min-height: 80px;
position: relative;
width: 22%;
word-wrap: break-word;
}
div.post.online .postprofile:before {
content: url('http://i18.servimg.com/u/f18/16/89/96/68/online15.png');
}
div.post .postprofile:before {
content: url('http://i18.servimg.com/u/f18/16/89/96/68/offlin19.png');
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 2;
}
div.post.online .postprofile:after {
border-color: #84C754;
}
div.post .postprofile:after {
background: #2E3133;
border-bottom: 4px solid #868686;
content: ".";
font-size: 0;
height: 16px;
left: 0;
position: absolute;
right: 0;
top: 25px;
z-index: 1;
}

Quanto ao afastamento, pode ser mais claro?

Att,
avatar

.Danni.
Membro do Fórum

Feminino
Inscrito dia : 13/01/2010
Mensagens : 1860
Pontos Ativos : 2592

Ver perfil do usuário http://castelobruxo.tk https://www.facebook.com/dannielagoes

Resolvido Re: Modificar codigo do perfil

Mensagem por Jean_Xd em 19/02/16, 09:26 pm

Olá,

Perceba que o perfil ta muito para o lado direito, muito para dentro da area da escrita do topico, queria que ele fica-se mais para esquerda novamente.
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Modificar codigo do perfil

Mensagem por Fraise em 20/02/16, 12:22 pm

Olá @Jean_Xd!

Acrescente mais este código em sua folha de estilos:
Código:
.postprofile {
position: absolute !important;
margin: 5px -15px 0 !important;
}

Abraços.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Modificar codigo do perfil

Mensagem por Jean_Xd em 20/02/16, 04:14 pm

Olá,

Amigo deu um bug da poxa kk, ele ficou enorme e tudo para o lado direito, e não queria assim, queria ele mais para o lado esquerdo apenas, e não aumentar mais o tamanho dele.

abraços
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Modificar codigo do perfil

Mensagem por Fraise em 20/02/16, 07:49 pm

Certo! Tente desta forma:
Código:
.postprofile {
position: absolute !important;
margin-left: -12px !important;
}

Abraços.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Modificar codigo do perfil

Mensagem por Jean_Xd em 20/02/16, 09:58 pm

Olá,

Amigo continuou com o mesmo problema.

Abraços.
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Modificar codigo do perfil

Mensagem por Jpjupa em 21/02/16, 08:44 am

Bom, o código do Fraise até faz sentido, deveria ter funcionado, eu modifiquei os valores e cheguei nesse:
Código:
.postprofile {margin-left: 15px !important; position: absolute !important}

Se não funcionar, fale pra nós o que está de errado e nos envie sua folha de CSS.

Atenciosamente,
Jpjupa.
avatar

Jpjupa
Membro do Fórum

Masculino
Inscrito dia : 15/11/2010
Mensagens : 1369
Pontos Ativos : 1977

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

Resolvido Re: Modificar codigo do perfil

Mensagem por Jean_Xd em 21/02/16, 10:13 am

Olá, amigo ainda não chegou o que eu queria

Queria que o o perfil e area de texto que é ao lado do perfil fosse na mesma proporção aqui da forumeiros, da mesma forma aqui da forumeiros. tudo organizadinho.
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Modificar codigo do perfil

Mensagem por Fraise em 21/02/16, 10:37 pm

Olá novamente!

Adicione em sua CSS:
Código:
.postprofile {
    border: 1px solid #ddd;
    position: relative !important;
    left: -10px;
}

Abraços.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Modificar codigo do perfil

Mensagem por Jean_Xd em 21/02/16, 11:17 pm

Olá,

Amigo deu certo a parte, mais a parte dessa linha circulando todo o perfil e as informações seria possivel incluir no meu ?

abraço
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Modificar codigo do perfil

Mensagem por Fraise em 21/02/16, 11:18 pm

Troque o código que lhe forneci anteriormente, por este:
Código:
.postprofile {
    border: 1px solid #ddd !important;
    position: relative !important;
    left: -10px;
}

Abraços.
Fraise
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Resolvido Re: Modificar codigo do perfil

Mensagem por Jean_Xd em 22/02/16, 08:59 pm

Olá,

Pode fechar.

Obrigado amigo.
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Modificar codigo do perfil

Mensagem por Fraise em 23/02/16, 06:10 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5031
Pontos Ativos : 6711

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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