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
» Como remover as mensagens de informação do chatbox
Hoje à(s) 06:19 pm por Ketholy123

» 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

» Remover Botões
Hoje à(s) 05:13 pm por Luiz

» Concurso do Dia das Bruxas: Vossas participações
Hoje à(s) 04:05 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
 
Lecxa
 
ranzatti
 

Quem está conectado
252 usuários online :: 10 usuários cadastrados, Nenhum Invisível e 242 Visitantes :: 2 Motores de busca

AlexG, Connor R., DustyRhodes, 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

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

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

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

Mensagem por Jyclone em 18/08/16, 01:09 am

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, 09:06 am, editado 1 vez(es)
avatar

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Hastad em 18/08/16, 01:19 am

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
avatar

Hastad
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 445
Pontos Ativos : 646

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

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone em 18/08/16, 01:27 am

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

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Hastad em 18/08/16, 01:31 am

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
avatar

Hastad
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 445
Pontos Ativos : 646

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

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone em 18/08/16, 01:42 am

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:
avatar

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Hastad em 18/08/16, 01:44 am

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
avatar

Hastad
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 445
Pontos Ativos : 646

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

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone em 18/08/16, 01:50 am

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://illiweb.com/fa/prosilver_pink/icon_user_online_en.png);
  background-position: top;
background-position: 22% 300px;
background-repeat: no-repeat;
}
avatar

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Hastad em 18/08/16, 01:54 am

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

Atenciosamente,
Podolski
avatar

Hastad
Usuário avançado

Masculino
Inscrito dia : 16/08/2016
Mensagens : 445
Pontos Ativos : 646

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

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone em 18/08/16, 02:08 am

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

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

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise em 18/08/16, 04:03 am

Bom dia!

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

Atenciosamente,
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: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone em 18/08/16, 07:11 am

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

Spoiler:
avatar

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise em 18/08/16, 08:09 am

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

Atenciosamente,
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: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone em 18/08/16, 08:14 am

Ainda continua por baixo do perfil Triste

Spoiler:
avatar

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise em 18/08/16, 08:18 am

É 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
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: Separar nick do avatar e posição do "Online"

Mensagem por Jyclone em 18/08/16, 09:05 am

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/
avatar

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 17
Pontos Ativos : 29

Ver perfil do usuário http://gcforumeiros.umforum.net/forum

Resolvido Re: Separar nick do avatar e posição do "Online"

Mensagem por Fraise em 18/08/16, 09:15 am

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