Ir para conteúdo

Recommended Posts

Boa tarde galera, vamos lá.
Eu tenho uma plataforma de forum chamada Invision Power Servidor. IPS.

E nela tenho todo acesso ao código fonte.
Porém estou com um baita problema, talvez por que eu não entenda.

No fórum existe um sistema de ranking onde você pode enviar imagens para esse ranking.
Porém a imagem que eu estou enviando tem as dimensões de 184x100 porém depois que faço o upload, a plataforma mostra com dimensões menores  140x76
conforme mostra imagem abaixo:

 

BcZ4IHd.png

Sendo que as imagens dos grupos como mostra ali "Administrator" e "Founder" estão em um tamanho maior.
Eu encontrei no código dele o caminho dessa imagem do ranking:

Se eu remover esse código

 

            {{elseif $comment->author()->rank['title'] && $comment->author()->member_id}}
                <li class='ipsType_break'>{$comment->author()->rank['title']}</li>
            {{endif}}
            {{if $comment->author()->rank['image'] && $comment->author()->member_id}}
                <li>{$comment->author()->rank['image']|raw}</li>
            {{endif}}

O imagem do raking somem, mas eu não sei como fazer para a imagem ficar do tamanho que estou enviando.

Se alguém puder me ajudar, ficaria grato.

obrigado.

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • CP_ADMIN > Customization > Themes > Edit HTML and CSS > Templates
  • Localize o conteúdo no editor dos elementos correspondentes.
  • Na tag <li> onde fica a imagem adicione um classificador qualquer.

 

  • CP_ADMIN > Customization > Themes > Edit HTML and CSS > Css
  • Crie o classificador adicionado anteriormente com as dimensões que você quer para a tag <li> onde fica a imagem

 

Entretanto desconfio que esteja com uma versão "pirata" do IPB, pois se pagou pelo software você terá todo e qualquer suporte do mesmo diretamente pela invision community.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Eu tenho a licença paga do IPS.
O tema que  eu utilizo também é pago mas já se passou o 1 ano de suporte.
Na comunidade da IPS, busquei ajuda sobre, mas ainda naõ tive respostas também.

Ai que está, eu tentei localizar o no css o <li> mas é muita coisa, pensei que pudesse ter um jeito mais fácil.
Esse código que postei não é no css é onde faz a chamada mesmo.

Compartilhar este post


Link para o post
Compartilhar em outros sites
Em 17/08/2020 at 15:56, Omar~ disse:
  • CP_ADMIN > Customization > Themes > Edit HTML and CSS > Templates
  • Localize o conteúdo no editor dos elementos correspondentes.
  • Na tag <li> onde fica a imagem adicione um classificador qualquer.

 

  • CP_ADMIN > Customization > Themes > Edit HTML and CSS > Css
  • Crie o classificador adicionado anteriormente com as dimensões que você quer para a tag <li> onde fica a imagem

 

Entretanto desconfio que esteja com uma versão "pirata" do IPB, pois se pagou pelo software você terá todo e qualquer suporte do mesmo diretamente pela invision community.

 



Alguém saberia me ajudar como fazer isso que nosso colega comentou/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Bom amigo acho que @Omar~ te deu um caminho, na sugestão dele ele mencionou o que me parece um caminho de pastas onde você deve realizar alterações e relatou sobre "classificadores" que me parece poder ser um script que manipula um tipo especifico de conteúdo. Acho deveria olhar e tentar fazer alguma coisa e posta o que não conseguir.

 

Observação:

 - aprenda a usar o inspect element por ele você consegue identificar os elementos do html no caso esse que  está sendo utilizado como container da imagem , vai descobrir que o valor 140 x 76 é proporcional a 184 x 100, isso quer dizer que o elemento da imagem usa 100% em um container com tamanhos fixos ou background utilizando cover, mas aparentemente você está querendo que o layout se adapte a sua imagem e não a imagem ao layout.

 

Questions:

1- A sua imagem não está com margens transparentes?

2- Você tem algum designer com essa imagem no tamanho esperado?

 

Não existe uma forma fácil existe soluções mas todas precisam de algum tipo de esforço, então poste códigos aqui, template pq se você simplesmente quiser uma solução baseada nessa descrição. Pense se você com todo o seu código tem dificuldade em resolver, imagina todos aqui que não possuem nada para analisar.

 

JSbin: https://jsbin.com/gusaqoxelu/edit?html,css,output

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Alessandro Bodão
      Fala galerinha, 
       
      Tenho um container com um título (h1) no cabeçalho do meu site, esse container ocupa metade da tela (50vw), e eu gostaria que esse título ocupasse toda a largura desse container, independente do seu tamanho ou do tamanho do monitor, de forma com que a palavra tenha exactamente o mesmo tamanho do container (vou anexar uma foto de exemplo). Já tentei todos os valores pra essa h1, como % e vw... mas nada parece fazer sentido.
       
       

    • Por alexandre_xto
      Bom dia amigos, este é meu primeiro post, espero que consiga lhes passar meu problema
      Eu possuo várias imagens de vários tamanhos e dimensões.
      De cada uma quero realizar uma copia quadrada.
      por exemplo, se a imagem  tiver 800x600 quero criar uma 800x800, esse 200 a mais de lagura quero que fique branco sem esticar as fotos.
      Se tenho uma foto 300x600 quero que ela fique com 600x600.
      O Script deve identificar se ela é mais alta ou mais baixa e criar uma cópia baseando-se no que for maior e deve fazer isso sem distorcer a imagem.
      Se for colocado uma 1500x300 ela deve sair 1500x1500, a diferença de 1200 a mais deve ser branca.

    • Por asacap1000
      Salve galera. estou com uma zica aqui e não vai.
      Tenho um servidor WEB final IP final 120 neste servidor eu acesso um banco de dados de outro servidor 122, tem uma tabela com fotos e precisaria mostrar estas fotos na intranet. porém ele me mostra o caminho mas não mostra a imagem.
       
      Na Tabela está sendo salvo desta forma:
      Z:/Avarias/FOTOS/Alfandegado/2020/01.%20JANEIRO/14.01.2020/AVARIA%20CLIENTE%20CN=%20191234%20(2).JPG
       
      Chamei ele na tela desta forma:
      <?php ociexecute($stmt2,OCI_DEFAULT); while ($row = oci_fetch_object($stmt2)) { $string = OCIResult ($stmt2 ,1); ///link da avaria $avaria = OCIResult ($stmt2 ,2); ///titulo da avaria ?> <a href="<?=$string ?>" width="20%" height="30%" data-lightbox="gallery" > <button type="button" class="btn btn-dark active" data-toggle="modal" data-target="#modalExemplo"> <img src="<?=$string?>" width="160" height="100" class="rounded" title="<?=$avaria?>"> <br> </button> Na tela aparece desta forma:

       
      Se eu clicar na imagem fica assim apenas carregando:
       

       
      Se eu mandar abrir em nova guia a imagem aparece essa mensagem:

      Se eu copiar o link com botão direito e abrir no navegador ela abre normalmente.
       
      Ah lembrando que são tres servidores 120 web, 122 banco de dados, 128 as fotos onde salva como mapeamento Z://
      Alguem teria alguma idéia de como chamar estas fotos???
       
    • Por Carlos Web
      Como expandir Multi-Level Menu para 100% ??

      Olá....como vão ??

      Eu peguei um CSS Multi-Level Menu como modelo na internet, e gostaria de fazer uma modificação !!
      O menu (no link abaixo) sem estar no Responsive está ocupando mais ou menos a metade da tela. Eu gostaria que ocupasse 100% !! Tentei fazer tal modificação por conta mas não consegui !!
       
      Link = CSS Multi-Level Menu

      Alguém por favor poderia me dar uma ajuda ??
      Desde já obrigado
      Carlos
    • Por kikekun
      Olá!
      Eu queria fazer um criador de personagens para colocar na web, e tomei como base este código aqui: https://codepen.io/kristenmay/pen/kkkdBr pra fazer em javascript, mas ainda ta limitado pro que eu quero.
      Preciso de um botão que altere mais de uma imagem ao mesmo tempo (por exemplo: pra fazer com que duas imagens de cabelo apareçam ao mesmo tempo, uma na camada da frente, outra na de trás);  um botão para alterar as cores das imagens (até consegui colocar essa barra de HUE, mas ela só muda a cor da primeira imagem, e quando passa, volta pro padrão (esse vermelho que coloquei em todas pra facilitar). mas o ideal mesmo seria um botão especifico pra o tipo de imagem que esteja sendo mudada, por exemplo... o de cabelos mudaria a cor da imagem entre moreno; castanho claro; castanho escuro; branco; loiro claro; loiro escuro; e ruivo... já o botão de cor da pele mudaria entre branco; pardo; asiatico e negro); e um botão de download para as pessoas baixarem seu personagem criado = P Da pra fazer isso? como eu faço? xD (posso tentar postar o codigo em algum lugar se precisar)

      Ta assim:

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.