Quem está conectado

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.

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 Visualização Cores 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/

por Claudio Arthur 16.05.17 17:59

Não resultou.

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/

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.

por Luiz 16.05.17 18:22

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

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); }

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/

por Claudio Arthur 16.05.17 18:40

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

por Luiz 16.05.17 19:46

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

o/

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.

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/

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.

por Claudio Arthur 17.05.17 20:14

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

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.

Hitskin.com

Quem está conectado