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
» Apresentação dos membros (fale sobre você)
Hoje à(s) 5:07 por Joah

» [Ranks] Ranks para fórum.
Hoje à(s) 2:43 por Heikki

» BOTÃO - CONSTELAÇÃO
Hoje à(s) 2:28 por Valeffort

» [Logo] 3d para meu forum
Hoje à(s) 0:29 por Tiger

» Ranks PMS + Banner
Hoje à(s) 0:24 por Tiger

» Lista de imagens com múltiplas escolhas
Ontem à(s) 23:49 por iScroll

» Melhorar JS Ultimos Assuntos
Ontem à(s) 23:05 por iScroll

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

Nenhum

[ Ver toda a lista ]


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

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 Dom 23 Abr 2017 - 2:39

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 Dom 23 Abr 2017 - 13:51

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/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

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

Mensagem por luan13.09 em Qua 26 Abr 2017 - 2:23

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 Qua 26 Abr 2017 - 3:04

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 Qui 27 Abr 2017 - 0:13

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 Qui 27 Abr 2017 - 0:23

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/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

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

Mensagem por luan13.09 em Qui 27 Abr 2017 - 0:42

@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 Qui 27 Abr 2017 - 0:46

Aparentemente temos um problema:

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

o/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

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

Mensagem por luan13.09 em Qui 27 Abr 2017 - 0:50

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 Qui 27 Abr 2017 - 0:55

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/


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/
  • 0

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

Mensagem por luan13.09 em Qui 27 Abr 2017 - 2:16

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 Qui 27 Abr 2017 - 2:45

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


Luiz~Ajudeiro - Fórum dos Fóruns


Regulamento do FdF | Staff | Diretrizes
Perguntas Frequentes | Dicas e Astúcias
Ferramentas do Administrador
avatar

Luiz~
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 23/04/2016
Mensagens : 2440
Pontos Ativos : 3283

http://1forum1.forumeiros.com/

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