Redimensionar ícones do fórum

4 participantes

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

Tópico resolvido Redimensionar ícones do fórum

Mensagem por Necromancer 05.09.17 2:37

Detalhes da questão


Endereço do fórum: http://titanea.f-orum.com
Versão do fórum: ModernBB

Descrição


Boa noite, de antemão peço desculpas se postei na seção errada, pois não sei se é em Códigos ou aqui mesmo.
Enfim, preciso deixar os ícones do fórum sem limitação de tamanho. Uso um tema básico do ModernBB e ele limita os ícones, como mostra a print. Preciso que os ícones não tenham os tamanhos limitados, ou que seja na resolução 54x93.

Já agradeço desde agora.


Última edição por Necromancer em 06.09.17 20:05, editado 1 vez(es)
Necromancer

Necromancer
Novo Membro

Membro desde : 05/09/2017
Mensagens : 3
Pontos : 5

http://titanea.f-orum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar ícones do fórum

Mensagem por Hancki 05.09.17 21:29

Olá!

Vá à sua folha de estilos CSS e procure pela linha seguinte:
Código:
background-size: 33px 33px!important;

Substitua por:
Código:
background-size: auto !important;

Logo acima da primeira linha que pedi para encontrar atrás, deve encontrar esta:
Código:
background-position: left 24px top 50%!important;

Substitua por:
Código:
background-position: left 15px top 50%!important;

Este último código é para ajustar a posição horizontal (para centrar a imagem).

Hancki
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar ícones do fórum

Mensagem por Necromancer 05.09.17 21:48

Hancki escreveu:Olá!

Vá à sua folha de estilos CSS e procure pela linha seguinte:
Código:
background-size: 33px 33px!important;

Substitua por:
Código:
background-size: auto !important;

Logo acima da primeira linha que pedi para encontrar atrás, deve encontrar esta:
Código:
background-position: left 24px top 50%!important;

Substitua por:
Código:
background-position: left 15px top 50%!important;

Este último código é para ajustar a posição horizontal (para centrar a imagem).

Hancki

Olá Hancki, não existe este código na minha folha de estilo CSS.
Este é a folha:
Código:
/* HEADER_MOD - begin */
#site-desc {
    text-align: center !important;
    position: sticky !important;
    margin-top: 75px !important;
}

div#site-title h1 {
   text-transform: uppercase;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
    -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
    transition: transform 0.5s ease, opacity 0.5s ease;
    display: inline-block;
    font-size: 1.75em;
    opacity: 1;
    padding: 0.35em 0em;
    position: relative;
    z-index: 1;
}

div#site-title h1:after, div#site-title h1:before {
    -moz-transition: width 0.85s ease;
    -webkit-transition: width 0.85s ease;
    -ms-transition: width 0.85s ease;
    transition: width 0.85s ease;
    -moz-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -ms-transition-delay: 0.25s;
    transition-delay: 0.25s;
    background: #fff;
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    width: 100%;
}

div#site-desc > p {
    letter-spacing: 0.225em;
    text-transform: uppercase;
}

.is-sticky#headerbar-top {
    background-color: #21b2a6 !important;
}

/* HEADER_MOD end */
/* WRAP_BODY begin */
.module .h3 {
    background-color: #505393 !important;
}
/* WRAP_BODY end */
.postprofile-avatar img {
          max-width: initial;
          max-height: initial;
          height: initial;
          width: initial;
          border-radius: 0px!important;
        }
Necromancer

Necromancer
Novo Membro

Membro desde : 05/09/2017
Mensagens : 3
Pontos : 5

http://titanea.f-orum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar ícones do fórum

Mensagem por Alex 06.09.17 11:13

Olá!

Seguindo as indicações do Hancki, adicione o seguinte código à sua Folha de estilo CSS:
Código:
ul.forums li.row dl {
    background-position: left 15px top 50%!important;
    background-size: auto!important;
    padding: 0;
    position: relative;
}

Lembrando que quem ajudou foi o Hancki, eu só coloquei o código para que adicione na sua folha de estilos CSS!
Alex

Alex
Membro

Membro desde : 09/09/2016
Mensagens : 651
Pontos : 883

https://policiadop.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar ícones do fórum

Mensagem por Necromancer 06.09.17 20:04

Muito obrigado Hancki e Jefferson, me ajudaram muito. O trabalho de vocês é fantástico, problema resolvido, podem fechar.
Necromancer

Necromancer
Novo Membro

Membro desde : 05/09/2017
Mensagens : 3
Pontos : 5

http://titanea.f-orum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Redimensionar ícones do fórum

Mensagem por Kyo Panda 06.09.17 20:06

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

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