Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Slides bugado
Hoje à(s) 06:24 pm por iScroll

» Como remover as mensagens de informação do chatbox
Hoje à(s) 06:23 pm por Xigncode3

» Top Usuário
Hoje à(s) 06:23 pm por iScroll

» Nova MP ModerNBB
Hoje à(s) 06:12 pm por iScroll

» Javascript de Transformação de FieldID
Hoje à(s) 06:10 pm por Luiz

» Marcar cor da categoria por ícone
Hoje à(s) 06:09 pm por Luiz

» Página HMTL inicial (login)
Hoje à(s) 05:51 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
iScroll
 
Matt Shultz
 
Harleen
 
Ketholy123
 
T1ag0
 
zHugh
 
PlayWillian
 
ranzatti
 
Lecxa
 

Quem está conectado
273 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 265 Visitantes :: 1 Motor de busca

Connor R., Heikki, iScroll, Ketholy123, Luiz, Steve_., uvmyyvpew, Xigncode3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 : 5023
Pontos Ativos : 6703

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 : 5023
Pontos Ativos : 6703

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 : 5023
Pontos Ativos : 6703

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 : 5023
Pontos Ativos : 6703

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 : 5023
Pontos Ativos : 6703

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