Separar nick do avatar e posição do "Online"

3 participantes

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

Tópico resolvido Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 5:09

Detalhes da questão


Endereço do fórum: http://universotoon.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Olá, boa noite, gostaria de ajuda referente ao nickname do membro que fica muito junto do seu avatar, poderiam me ajudar afastando ele um pouco mais pra baixo? Também o "online" ele está do outro lado do tópico que faz entender que o tópico é quem está online, tem como posicionar no perfil sendo que nesta mesma direção?

Spoiler:


Última edição por Jyclone em 18.08.16 13:06, editado 1 vez(es)
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Neox 18.08.16 5:19

Olá,
Adicione esse código a sua folha de estilo CSS.
Código:
.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{margin-bottom: 40px;}

Atenciosamente,
Podolski
Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 5:27

Opa, ficou perfeito, eu só substitui o 40px por 20px, obrigado! Porém o balão de online continua à direita do tópico, ;/
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Neox 18.08.16 5:31

Olá,
Adicione esse código a sua folha CSS.
Código:
.online{
z-index: 999;
background-image: url(LINK DA IMAGEM);
  background-position: top;
background-position: 100% 90px;
background-repeat: no-repeat;
}

Modifique o:

background-position: 100% 90px;

Até gostar de uma posição.

Resultou?

Atenciosamente,
Podolski
Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 5:42

Sim, agora eu tenho o controle sobre a localização dele, mas ele não está ficando sobreposto no perfil e sim por baixo, tem como resolver isso?

Spoiler:
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Neox 18.08.16 5:44

Troque por este:
Código:
.online{
background-image: url(LINK DA IMAGEM);
  background-position: top;
background-position: 14% 300px;
background-repeat: no-repeat;
}

Atenciosamente,
Podolski
Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 5:50

Ainda continua por baixo, segue minha CSS:

Código:
.postbody ul.profile-icons img:hover, .post-options img:hover, .posting-icons img:hover, .borderwrap div div a img:hover, .options a img:hover, .right a img:hover, .noprint a img:hover {
bottom: -2px;
opacity: 0.7;
padding: 0px;
position: relative;
}

#color_fixe {
background-image: url(http://i.imgur.com/EHGpChd.png);
background-color: #C90106;
display: inline-block;
height: 16px;
line-height: 16px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
color: #E78AAF;
}

div.post .postprofile:after {
    background: #C1056C;
    border-bottom: 4px solid #C90771;
    content: ".";
    font-size: 0;
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 1;
}

.postprofile {
    background: #FFFFFF;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 30px 3px 3px;
    position: relative;
    text-align: center;
}

.postprofile .label, .postprofile .label span {
    font-weight: bold;
}

.post span.postdetails a img:first-child,.postprofile dl dt a
img:first-child,.post div.user-ident div.user-basic-info a
img:first-child,dl.postdetails dl a img:first-child{margin-bottom: 20px;}

.online{
background-image: url(http://2img.net/i/fa/prosilver_pink/icon_user_online_en.png);
  background-position: top;
background-position: 22% 300px;
background-repeat: no-repeat;
}
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Neox 18.08.16 5:54

Olá,
Adicione a sua folha de Estilo CSS:
Código:
.postprofile {
padding-right: 200px;
}.postprofile {
padding-right: 200px;
}

Atenciosamente,
Podolski
Neox

Neox
Membro

Membro desde : 16/08/2016
Mensagens : 698
Pontos : 976

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 6:08

Os perfis bugaram e agora estão embaixo do tópico, ;/

@edit: Deixei ativo no meu fórum, caso queira vez o resultado.
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise 18.08.16 8:03

Bom dia!

Adicione no inicio de sua CSS:
Código:
.postprofile { padding-right: 0 !important; }

Atenciosamente,
Fraise.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 11:11

Wow, resolveu! Mas a imagem do online ainda fica por baixo do perfil Triste

Spoiler:
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise 18.08.16 12:09

Adicione mais este:
Código:
.online { background-position: left 0 !important; }

Atenciosamente,
Fraise.
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 12:14

Ainda continua por baixo do perfil Triste

Spoiler:
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise 18.08.16 12:18

É impossivel sobrepor o perfil. O máximo que podemos fazer é isto:
Código:
.postprofile { margin-top: 40px; }
Seta Adicione na folha de estilos.

Atenciosamente.
Fraise
Fraise

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

Ir para o topo Ir para baixo

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone 18.08.16 13:05

Ok, obrigado por tentar ajudar, desisti desta mudança. Então, alguém pode colocar o tópico como resolvido? Obrigadão aos dois o/
Jyclone

Jyclone
Novo Membro

Membro desde : 11/09/2011
Mensagens : 17
Pontos : 29

http://gcforumeiros.umforum.net/forum

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise 18.08.16 13:15

Separar nick do avatar e posição do "Online" Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

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

Fraise
Ajudeiro
Ajudeiro

Membro desde : 26/06/2015
Mensagens : 6558
Pontos : 8045

https://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF

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