Remover efeito de lista de imagens

3 participantes

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

Tópico resolvido Remover efeito de lista de imagens

Mensagem por Punisher 10.05.20 19:58

Detalhes da questão


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

Descrição


Apliquei um efeito nas áreas de perfis dos tópicos e algo está me incomodando, queria remover o efeito pra todos os perfis que contenham imagem. Então tentei alguns métodos mas não consegui.

A área marcada em 1 está assim:
Lista - Remover efeito de lista de imagens Py6CQjf

Gostaria de deixar mais ou menos assim:
Lista - Remover efeito de lista de imagens XzqqpL6

A marcação 2 gostaria de remover somente o espaçamento que se da em algumas labels.
Aguardo ajudo.
Punisher

Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover efeito de lista de imagens

Mensagem por Chanp 10.05.20 20:16

Olá Punisher,

O efeito número dois ocorre porque existe tanto borda para a parte superior quanto para a parte superior. Então, vamos supor que existem dois retângulos com bordas nos quatro lados (como é o seu caso). Se você reparar, existirão duas bordas entre os dois retângulos (uma borda inferior do retângulo de cima e uma borda superior do retângulo de baixo). Isso é exatamente o que acontece no seu caso.

O que podemos fazer para solucionar isto é definir classes para alguns campos do post-profile. O mesmo se aplica no efeito número um. Como não há uma classe unicamente para ele, os efeitos aplicados aos demais campos são aplicados igualmente a ele.

Chanp
Chanp

Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover efeito de lista de imagens

Mensagem por Punisher 10.05.20 20:24

Chanp escreveu:Olá Punisher,

O efeito número dois ocorre porque existe tanto borda para a parte superior quanto para a parte superior. Então, vamos supor que existem dois retângulos com bordas nos quatro lados (como é o seu caso). Se você reparar, existirão duas bordas entre os dois retângulos (uma borda inferior do retângulo de cima e uma borda superior do retângulo de baixo). Isso é exatamente o que acontece no seu caso.

O que podemos fazer para solucionar isto é definir classes para alguns campos do post-profile. O mesmo se aplica no efeito número um. Como não há uma classe unicamente para ele, os efeitos aplicados aos demais campos são aplicados igualmente a ele.

Chanp

Olá, e como aplico uma classe para um campo? Muito feliz
Punisher

Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Remover efeito de lista de imagens

Mensagem por tikky 11.05.20 0:19

Olá @Punisher,

O Senhor poderia ativar o campo (da barra ou outro que contenha uma imagem) para convidados, por favor?


Aguardo uma resposta sua,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover efeito de lista de imagens

Mensagem por Punisher 11.05.20 0:22

Pedxz escreveu:Olá @Punisher,

O Senhor poderia ativar o campo (da barra ou outro que contenha uma imagem) para convidados, por favor?


Aguardo uma resposta sua,
pedxz.
Os campos de nick in-game e a barra estão para convidados. @Pedxz
Caso não funcione tente utilizar esta conta:
Punisher

Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Remover efeito de lista de imagens

Mensagem por tikky 11.05.20 0:54

Com CSS não vai dar, infelizmente, crie uma nova página JavaScript com investimento nos tópicos, com o seguinte código:
Código:
(function($) {
    'use strict';

    $(function() {

        if (!/^\/t(\d+)(p\d+-|-).*$/i.test(location.pathname)) return;

        $('.postprofile-info > .post_field').each(function() {
            var $this = $(this);

            $this.find('img').parents('.post_field').css({
                'border-width': '0px',
                'margin-bottom': '1em'
            });

        });

    });
})(jQuery);
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

Ir para o topo Ir para baixo

Tópico resolvido Re: Remover efeito de lista de imagens

Mensagem por Punisher 11.05.20 1:03

O código javascript funcionou, obrigado.
Punisher

Punisher
***

Membro desde : 16/10/2017
Mensagens : 167
Pontos : 284

http://rota-nwd.forumeiros.com

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Remover efeito de lista de imagens

Mensagem por tikky 11.05.20 1:07

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7966
Pontos : 9225

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