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.
Acesso rápido

Fóruns de suporte oficiais


Meriteiro

Agosto de 2016



"Este membro destacou-se pela sua dedicação e pelo seu esforço.
Ao longo do último mês, demonstrou as suas capacidades gerais no FDF e, por isso, merece o nosso agradecimento."
Login

Esqueci minha senha

Últimos assuntos
» II Coluna de Entrevistas à Equipe
Hoje à(s) 18:20 por Holkis

» Personalizar categorias do fórum
Hoje à(s) 17:06 por Cream

» Tópico duplicado
Hoje à(s) 16:59 por Cream

» Aparência do fórum
Hoje à(s) 15:32 por while

» Remover botão do menu
Hoje à(s) 15:00 por while

» Visualização dos "Usuários online"
Hoje à(s) 14:46 por while

» Setar rank automático
Hoje à(s) 4:19 por Cream

Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Últimas sugestões
Parceiros Forumeiros
Os membros mais ativos da semana
Cream
 
while
 
Holkis
 
Shek
 
-xGabriel..
 
Nean
 
iScroll
 
Mr.Probz
 
Sennior
 
JrMAFiA
 

Quem está conectado
94 usuários online :: 7 usuários cadastrados, 1 Invisível e 86 Visitantes :: 2 Motores de busca

Alexandre Actis, Apollo, Holkis, Orochi Uryu, Shek, while, YouTube3

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

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 Qui 18 Ago 2016 - 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 Qui 18 Ago 2016 - 13:06, editado 1 vez(es)

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Podolski em Qui 18 Ago 2016 - 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


Artmeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Artmeiros Respeite as Regras da seção de "Criações gráficas".
Artmeiros Salve sempre as imagens em seu computador para não perdê-las em um backup do servidor.
Artmeiros Acessar as Ferramentas do Administrador.
Artmeiros Mensagens Privadas apenas para assuntos importantes!


Podolski
Artmeiro
Artmeiro

Masculino
Inscrito dia : 16/08/2016
Mensagens : 214
Pontos Ativos : 322

http://ajuda.forumeiros.com

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

Mensagem por Jyclone em Qui 18 Ago 2016 - 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
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Podolski em Qui 18 Ago 2016 - 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


Artmeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Artmeiros Respeite as Regras da seção de "Criações gráficas".
Artmeiros Salve sempre as imagens em seu computador para não perdê-las em um backup do servidor.
Artmeiros Acessar as Ferramentas do Administrador.
Artmeiros Mensagens Privadas apenas para assuntos importantes!


Podolski
Artmeiro
Artmeiro

Masculino
Inscrito dia : 16/08/2016
Mensagens : 214
Pontos Ativos : 322

http://ajuda.forumeiros.com

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

Mensagem por Jyclone em Qui 18 Ago 2016 - 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
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Podolski em Qui 18 Ago 2016 - 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


Artmeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Artmeiros Respeite as Regras da seção de "Criações gráficas".
Artmeiros Salve sempre as imagens em seu computador para não perdê-las em um backup do servidor.
Artmeiros Acessar as Ferramentas do Administrador.
Artmeiros Mensagens Privadas apenas para assuntos importantes!


Podolski
Artmeiro
Artmeiro

Masculino
Inscrito dia : 16/08/2016
Mensagens : 214
Pontos Ativos : 322

http://ajuda.forumeiros.com

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

Mensagem por Jyclone em Qui 18 Ago 2016 - 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://illiweb.com/fa/prosilver_pink/icon_user_online_en.png);
  background-position: top;
background-position: 22% 300px;
background-repeat: no-repeat;
}

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Podolski em Qui 18 Ago 2016 - 5:54

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

Atenciosamente,
Podolski


Artmeiros Respeite as Regras do fórum e conheça a nossa equipe staff e diretrizes do FdF!
Artmeiros Respeite as Regras da seção de "Criações gráficas".
Artmeiros Salve sempre as imagens em seu computador para não perdê-las em um backup do servidor.
Artmeiros Acessar as Ferramentas do Administrador.
Artmeiros Mensagens Privadas apenas para assuntos importantes!


Podolski
Artmeiro
Artmeiro

Masculino
Inscrito dia : 16/08/2016
Mensagens : 214
Pontos Ativos : 322

http://ajuda.forumeiros.com

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

Mensagem por Jyclone em Qui 18 Ago 2016 - 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
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Fraise em Qui 18 Ago 2016 - 8:03

Bom dia!

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

Atenciosamente,
Fraise.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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

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

Mensagem por Jyclone em Qui 18 Ago 2016 - 11:11

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

Spoiler:

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Fraise em Qui 18 Ago 2016 - 12:09

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

Atenciosamente,
Fraise.


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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

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

Mensagem por Jyclone em Qui 18 Ago 2016 - 12:14

Ainda continua por baixo do perfil Triste

Spoiler:

Jyclone
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Fraise em Qui 18 Ago 2016 - 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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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

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

Mensagem por Jyclone em Qui 18 Ago 2016 - 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
Nível 3

Masculino
Inscrito dia : 11/09/2011
Mensagens : 15
Pontos Ativos : 1872

http://gcforumeiros.umforum.net/forum

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

Mensagem por Fraise em Qui 18 Ago 2016 - 13:15

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

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


Bem-vindo ao fórum de suporte Forumeiros!
> Tenha conhecimento do regulamento do setor de suporte.
> Conheça a staff e suas diretrizes.
> Antes de perguntar, use a busca.
> Confira a lista de tutoriais.
> MP apenas para assuntos importantes!


Fraise
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/06/2015
Mensagens : 4954
Pontos Ativos : 7064

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5