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
Conectar-se

Esqueci minha senha

Últimos assuntos
» Duvidas Referente Sistema Pontos
Hoje à(s) 10:42 am por Kyo Panda

» Fórum e Subforuns não aparecem
Hoje à(s) 10:35 am por Kyo Panda

» Mostrar usuário do post
Hoje à(s) 10:30 am por Kyo Panda

» Perfil na Postagem & Estatistica
Hoje à(s) 10:27 am por GSCode

» Fechar tópico estilo IPB!
Hoje à(s) 09:24 am por Hancki

» Como eu faço para encontrar uma equipe?
Hoje à(s) 06:50 am por S1L3NC3SS

» [Pedido] Banner ®
Hoje à(s) 04:03 am por -xGabriel..

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
292 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 286 Visitantes :: 2 Motores de busca

GSCode, iScroll, Kyko, Kyo Panda, odelgado, ShadowPrince

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como alterar o modo de visualização dos emblemas?

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

Resolvido Como alterar o modo de visualização dos emblemas?

Mensagem por luan13.09 em 22/04/17, 10:39 pm

Detalhes da questão


Endereço do fórum: http://rhcoficial.forumeiros.com
Versão do fórum: phpBB2

Descrição


Olá, eu gostaria de alterar como os emblemas são apresentados no mini perfil que acompanha as postagens. O atual é desta forma:

E eu quero que fique assim:

E tipo, não quero que dê para pôr só 1 emblema, quero que possa ter vários emblemas.
avatar

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 93

http://rhcoficial.forumeiros.com/

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por Luiz em 23/04/17, 09:51 am

Olá,

Na verdade, a versão do seu fórum é phpBB3.
Para fazermos o que o senhor pede, terá que acessar:
Painel de Controle Seta Usuários Seta Perfis, e criar um novo perfil.

Configurando-o da seguinte forma:
Seta http://prntscr.com/eztu5t

Aí, logo vai gerar uma caixa similar à esta, no perfil dos usuários:
Seta http://prntscr.com/eztuhi

Você irá colocar o texto dessa forma:
Código:
[quote]
[img]http://www.habbid.com.br/arquivos/2017/04/1319703658.gif[/img]
[img]http://www.habbid.com.br/arquivos/2017/04/465048567.gif[/img]
[img]http://www.habbid.com.br/arquivos/2017/04/1319703658.gif[/img]
[img]http://www.habbid.com.br/arquivos/2017/04/465048567.gif[/img]
[img]http://www.habbid.com.br/arquivos/2017/04/1319703658.gif[/img]
[img]http://www.habbid.com.br/arquivos/2017/04/465048567.gif[/img]
[img]http://www.habbid.com.br/arquivos/2017/04/1319703658.gif[/img]
[img]http://www.habbid.com.br/arquivos/2017/04/465048567.gif[/img]
[/quote]

Lembre-se que as imagens podem ser colocadas infinitamente.
Mas lembre-se de colocar:
Código:
[quote] e o [/quote]
Ao início e ao final, como demonstrei acima.

---

E após isso, adicionar em sua CSS:
Código:
.fields blockquote {
  background-color: transparent!important;
  border: solid 0px transparent!important;
}

dd.field blockquote {
  border: solid 0px transparent!important;
  color: #555!important;
  background-color: transparent!important;
  margin: -15px;
  overflow: hidden;
}

dd.field blockquote > div {
  margin: 10px;
}

dd.field blockquote > div br {
  display: none!important;
  height: 0px;
  position: absolute;
  top: -99999px;
  left: -9999px;
}

dd.field blockquote > div img {
  border: solid 1px #efefef;
  background: #d8d8d8;
  border-radius: 3px;
  margin: 5px;
  padding: 4px;
  box-shadow: inset 0px 3px #cacaca;
}

Sei que sua CSS tá lotada. Piscada
Tenho uma versão minificada:
Código:
.fields blockquote {background-color: transparent!important;border: solid 0px transparent!important;}
dd.field blockquote {border: solid 0px transparent!important;color: #555!important;background-color: transparent!important;margin: -15px;overflow: hidden;}dd.field blockquote > div {margin: 10px;}
dd.field blockquote > div br {display: none!important;height: 0px;position: absolute;top: -99999px;left: -9999px;}dd.field blockquote > div img {border: solid 1px #efefef;background: #d8d8d8;border-radius: 3px;margin: 5px;padding: 4px;box-shadow: inset 0px 3px #cacaca;}

o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por luan13.09 em 25/04/17, 10:23 pm

Olá Luiz, o CSS gerou isso:


Se possível, gostaria que o nome "Emblemas" não aparecesse e que o bloco de apresentação dos emblemas ficasse centralizado e menor podendo suportar 9 emblemas (3x3) por cada página.

Atenciosamente,
Luan
avatar

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 93

http://rhcoficial.forumeiros.com/
  • 0

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por MateusV. em 25/04/17, 11:04 pm

Use este código CSS:
Código:
.postprofile > dl > dd > img[alt=""][title=""] {
    border: 1px solid #bdbdbd;
    border-top: 2px solid #afafaf;
    border-radius: 3px;
    /* display: inline-block; */
    margin: 3px!important;
    background-color: #e2e2e2;
    float: left;
    padding: 1px!important;
}
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9294

http://mateusv.site11.com/gerador2.html

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por luan13.09 em 26/04/17, 08:13 pm

Desculpa, mas continua igual...
avatar

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 93

http://rhcoficial.forumeiros.com/
  • 0

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por Luiz em 26/04/17, 08:23 pm

Ora pois, isso por que o senhor não fez o que lhe pedi para fazer nesta mensagem:
-> http://ajuda.forumeiros.com/t108801-como-alterar-o-modo-de-visualizacao-dos-emblemas#762582

Mais especificamente, nessa parte:
Luiz~ escreveu:E após isso, adicionar em sua CSS:
Código:
.fields blockquote {
  background-color: transparent!important;
  border: solid 0px transparent!important;
}

dd.field blockquote {
  border: solid 0px transparent!important;
  color: #555!important;
  background-color: transparent!important;
  margin: -15px;
  overflow: hidden;
}

dd.field blockquote > div {
  margin: 10px;
}

dd.field blockquote > div br {
  display: none!important;
  height: 0px;
  position: absolute;
  top: -99999px;
  left: -9999px;
}

dd.field blockquote > div img {
  border: solid 1px #efefef;
  background: #d8d8d8;
  border-radius: 3px;
  margin: 5px;
  padding: 4px;
  box-shadow: inset 0px 3px #cacaca;
}

Sei que sua CSS tá lotada. Piscada
Tenho uma versão minificada:
Código:
.fields blockquote {background-color: transparent!important;border: solid 0px transparent!important;}
dd.field blockquote {border: solid 0px transparent!important;color: #555!important;background-color: transparent!important;margin: -15px;overflow: hidden;}dd.field blockquote > div {margin: 10px;}
dd.field blockquote > div br {display: none!important;height: 0px;position: absolute;top: -99999px;left: -9999px;}dd.field blockquote > div img {border: solid 1px #efefef;background: #d8d8d8;border-radius: 3px;margin: 5px;padding: 4px;box-shadow: inset 0px 3px #cacaca;}
Lembre-se de adicionar o CSS ao final de sua folha!

Para funcionar, desconsidere os códigos que o @MateusV. lhe passou.

o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por luan13.09 em 26/04/17, 08:42 pm

@luan13.09 escreveu:Olá Luiz, o CSS gerou isso:


Se possível, gostaria que o nome "Emblemas" não aparecesse e que o bloco de apresentação dos emblemas ficasse centralizado e menor podendo suportar 9 emblemas (3x3) por cada página.

Atenciosamente,
Luan

Continua desta forma. Desconsiderei o código que o outro rapaz enviou, Luiz e segui todas as suas instruções, mesmo assim continua desta forma.
avatar

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 93

http://rhcoficial.forumeiros.com/

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por Luiz em 26/04/17, 08:46 pm

Aparentemente temos um problema:

Seu CSS está gerando caracteres inválidos, veja aqui.
Poderia nos enviar sua Folha de Estilos?

o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por luan13.09 em 26/04/17, 08:50 pm

Enviarei via MP. Só um instante...
avatar

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 93

http://rhcoficial.forumeiros.com/

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por Luiz em 26/04/17, 08:55 pm

Pensando bem, há um jeito mais fácil:

Crie um novo JS, com investimento nos tópicos com o código:
Código:
(function ($) {
  'use strict';

  var lzEmblemasConfig = [
    '.postprofile blockquote {',
    '  background-color: transparent!important;',
    '  border: solid 0px transparent!important;',
    '  margin-top: -20px!important;',
    '  border: solid 0px transparent!important;',
    '  color: #555!important;',
    '  background-color: transparent!important;',
    '  margin: -15px;',
    '  overflow: visible;',
    '}',
    '',
    '.postprofile blockquote > div {',
    '  margin: 10px;',
    '  display: block;',
    '  width: 100%!important;',
    '  margin-left: 18px!important;',
    '}',
    '',
    '.postprofile blockquote > div br {',
    '  display: none!important;',
    '  height: 0px;',
    '  position: absolute;',
    '  top: -99999px;',
    '  left: -9999px;',
    '}',
    '',
    '.postprofile blockquote > div img {',
    '  border: solid 1px #efefef;',
    '  background: #d8d8d8;',
    '  border-radius: 3px;',
    '  margin: 5px;',
    '  padding: 4px;',
    '  box-shadow: inset 0px 3px #cacaca;',
    '  float: left;',
    '}',
    '',
    '#profile11606 > dl > dd:nth-child(4) > span:nth-child(1) {',
    '  display: none!important;',
    '}',
  ].join('\n');

  $(function () {
    $('<style>', {
      type: 'text/css',
      text: lzEmblemasConfig
    }).appendTo('head');
  });
}(jQuery));

Ele irá poupar um pouco de espaço na sua CSS.

o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/
  • 0

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por luan13.09 em 26/04/17, 10:16 pm

Obrigado
avatar

luan13.09
Nível 5

Masculino
Inscrito dia : 03/04/2015
Mensagens : 42
Pontos Ativos : 93

http://rhcoficial.forumeiros.com/

Resolvido Re: Como alterar o modo de visualização dos emblemas?

Mensagem por Luiz em 26/04/17, 10:45 pm

De nada. Eu amo você

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

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3766
Pontos Ativos : 4449

https://github.com/lffg/

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