Quem está conectado

2 participantes

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

Tópico resolvido Quem está conectado

Mensagem por Claudio Arthur 16.05.17 17:20

Detalhes da questão


Endereço do fórum: http://exclamation.forumeiros.com
Versão do fórum: ModernBB

Descrição


Quando modifico a imagem de quem esta conectado, ela não aparece.
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Quem está conectado

Mensagem por Luiz 16.05.17 17:28

Olá,
Creio que tal opção não esteja ativa na versão ModernBB.

Contudo, podemos usar CSS:
Código:
#main-content > div.block {
  background-image: url(https://placeholdit.imgix.net/~text?txtsize=33&txt=200%C3%97200&w=200&h=200);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: 100% 0%;
}

Aceda à:
Painel de Controle Seta Visualização Seta Cores Seta Folha de Estilo CSS.

Feito isso, cole o código acima.
A URL da imagem pode ser modificada na linha 2 do código acima:
Código:
background-image: url(https://placeholdit.imgix.net/~text?txtsize=33&txt=200%C3%97200&w=200&h=200);

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quem está conectado

Mensagem por Claudio Arthur 16.05.17 17:59

Não resultou.
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Quem está conectado

Mensagem por Luiz 16.05.17 18:02

O senhor cometeu um erro ao colocar a extensão da imagem. Colocaste .gifv ao invés de .gif.
Enfim, troque o código por:
Código:
#main-content > div.block {
  background-image: url(http://i.imgur.com/yz7AGFM.gif);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 100px;
}

.block .h3 {
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quem está conectado

Mensagem por Claudio Arthur 16.05.17 18:17

coloquei este link por que foi o gerado no imgur.

deu este erro :


Erro

Erro detectado
Nós contamos um número diferente de "{" e de "}". Isto significa que o seu CSS pode não ser válido e não será exibido corretamente no seu fórum.

Lhe aconselhamos que releia o seu código.
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Quem está conectado

Mensagem por Luiz 16.05.17 18:22

Pode nos passar o conteúdo de sua CSS? o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quem está conectado

Mensagem por Claudio Arthur 16.05.17 18:32

Código:
#page-header .navbar {
position: absolute;
width: 100%;
padding: 0px;
top: -20px;
left: 0px;
background: none;
}
dd.dterm {
text-align: center;
font-size: 12pt !important;
}
.linklist {
display: none;
}
.post i,
.post em {
  font-size: 1em;
}
i,
em {
  font-size: 1em;
##main-content > div.block {
  background-image: url(http://i.imgur.com/yz7AGFM.gif);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 100px;
}
 
.block .h3 {
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Quem está conectado

Mensagem por Luiz 16.05.17 18:34

Troque por:
Código:
#page-header .navbar {
position: absolute;
width: 100%;
padding: 0px;
top: -20px;
left: 0px;
background: none;
}

dd.dterm {
text-align: center;
font-size: 12pt !important;
}

.linklist {
display: none;
}

.post i,
.post em {
  font-size: 1em;
}

i,
em {
  font-size: 1em;
}

#main-content > div.block {
  background-image: url(http://i.imgur.com/yz7AGFM.gif);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 100px;
}
 
.block .h3 {
  width: -webkit-calc(100% - 80px);
  width: calc(100% - 80px);
}


o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quem está conectado

Mensagem por Claudio Arthur 16.05.17 18:40

Não resultou , a imagem foi parar em outro lugar.
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Quem está conectado

Mensagem por Luiz 16.05.17 19:46

Desative a opção "Melhorar seu CSS".

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quem está conectado

Mensagem por Claudio Arthur 16.05.17 19:57

Não mudou nada, continua a imagem fora do lugar mesmo eu colocando a opção como " não " na melhora do CSS.
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Quem está conectado

Mensagem por Luiz 16.05.17 20:02

Para mim está normal:
Código:
http://prntscr.com/f8lgog
A linha preta maior pode ser removida marcando a opção "melhorar seu CSS", creio que o senhor marcou uma opção errada, pois era para a linha estar arrumada. o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Quem está conectado

Mensagem por Claudio Arthur 16.05.17 22:46

fiz apenas o que você disse para fazer, mas a ideia não era ficar a imagem ali e sim como era no phpbb2 ou phpbb3 formando um quadrado do outro lado próximo do numero de usuários, como aparece se colocar a imagem normalmente.
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Quem está conectado

Mensagem por Claudio Arthur 17.05.17 20:14

Pode fechar acho que não conseguir chegar a uma solução sobre este assunto.
Claudio Arthur

Claudio Arthur
Nível 5

Masculino
Membro desde : 25/02/2016
Mensagens : 37
Pontos : 55

http://blazecosmo.forumeiros.com/

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Quem está conectado

Mensagem por Luiz 17.05.17 20: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.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 23/04/2016
Mensagens : 6644
Pontos : 7447

https://luizfelipe.dev

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