Diminuir a altura das barras dos fóruns e tópicos

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

Atendido / Resolvido Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Lunafox em 03.09.20 13:45

Detalhes da questão


Endereço do fórum: https://29hungergames.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Boa tarde,
Gostaria de saber se há alguma forma de diminuir a altura da "barra" de cada categoria. Não sei muito bem como explicar isto Louco mais fácil ver pela imagem:

Diminuir a altura das barras dos fóruns e tópicos Barras10

Esse espaço que eu assinalei com a seta parece-me estar a mais, não há necessidade de ter tanto espaço vazio. Deixa as categorias muito maiores do que eu gostaria... há algum código que as torne mais curtas?

Agradeço desde já a atenção Feliz
Lunafox

Lunafox
Nível 2

Feminino
Inscrito dia : 23/08/2020
Mensagens : 14
Pontos Ativos : 24

https://29hungergames.forumeiros.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Roevs em 03.09.20 21:24

Olá,

Adiciona esse código na sua Folha de estilo CSS

Código:
a.forumtitle {
    margin-top: 8px!important;
}
ul.topiclist dd.dterm, ul.topiclist dt {
    padding: 0px!important;
}
.table-title h2 {
    line-height: 51px!important;
}

Até mais!
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6372
Pontos Ativos : 8167

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Lunafox em 04.09.20 13:28

Olá Roevs,
Obrigada pela ajuda! Está quase perfeito, mas com o código surgiu outro problema, agora o título da categoria fica muito perto da borda:
Diminuir a altura das barras dos fóruns e tópicos Aad10
Há alguma forma de a afastar?

Aproveito para perguntar também, caso seja permitido (como está um pouco relacionado com o tópico, acho que não fazia sentido criar outro só para isso) - sabe se há alguma forma de deixar o ícone do fórum com o tamanho original? Da forma que está agora, eles diminuem muito o tamanho da imagem e deixam uma borda invisível ao redor desta - eu gostaria de ter ou o tamanho original sem essa borda, ou de uma forma em que o título do fórum ficasse centralizado com a imagem, não muito acima desta como está de momento.

Agradeço mais uma vez!
Lunafox

Lunafox
Nível 2

Feminino
Inscrito dia : 23/08/2020
Mensagens : 14
Pontos Ativos : 24

https://29hungergames.forumeiros.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Roevs em 04.09.20 14:01

Olá,

Substitua o código que eu passei por esse e me disponibilize a sua Folha de estilo CSS

Código:
a.forumtitle {
    margin-top: 8px!important;
}
ul.topiclist dd.dterm, ul.topiclist dt {
    padding: 0px!important;
}
.table-title h2 {
    line-height: 51px!important;
    padding-left: 14px!important;
}

Até mais!
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6372
Pontos Ativos : 8167

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Lunafox em 04.09.20 14:39

Olá,
fiz como disse e resolveu o problema do título ficar muito perto da borda, mas o nome do fórum permanece a uma altura superior à do ícone.
Também reparei entretanto que ao criar um tópico, o nome fica sobreposto ao ícone:
Diminuir a altura das barras dos fóruns e tópicos Aad210

Como pedido, fica aqui a folha de estilo CSS:
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;
}

.module .h3 {
    background-color: #C47176!important;
}

.postprofile-avatar img {
          max-width: 170px;
          max-height: 225px;
          height: 225px;
          width: 170px;
          border-radius: 0px!important;
        }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/privmsg?folder=inbox"] { display : none; }

.mainmenu img {
  width: 100% !important;
  height: auto !important;
  filter: invert(0%);
}
 
.mainmenu,
.mainmenu img {
  margin: 0 !important;
  padding: 0!important;
}
 
.mainmenu:hover {
  background: transparent !important;
  box-shadow: none !important;
}
span.corners-top+div.postbody+div.postprofile dl>dt+dd {
font-size: 0pt !important;
padding-top: 10px;
}
.postprofile{text-align:center}
a.forumtitle {
    margin-top: 8px!important;
}
ul.topiclist dd.dterm, ul.topiclist dt {
    padding: 0px!important;
}
.table-title h2 {
    line-height: 51px!important;
    padding-left: 14px!important;
}
/* WRAP_BODY end */

Obrigada pela paciência!
Lunafox

Lunafox
Nível 2

Feminino
Inscrito dia : 23/08/2020
Mensagens : 14
Pontos Ativos : 24

https://29hungergames.forumeiros.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Roevs em 04.09.20 14:41

Olá,

Você ainda vai querer que o ícone fique do tamanho nativo dele? Que ele não seja redimensionado automaticamente?

Até mais!
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6372
Pontos Ativos : 8167

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Lunafox em 04.09.20 15:56

Se for possível, sim. Agradecia muito!
Lunafox

Lunafox
Nível 2

Feminino
Inscrito dia : 23/08/2020
Mensagens : 14
Pontos Ativos : 24

https://29hungergames.forumeiros.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Roevs em 04.09.20 17:30

Olá,

Substitua a sua Folha de estilo CSS por esse

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;
}
 
.module .h3 {
    background-color: #C47176!important;
}
 
.postprofile-avatar img {
          max-width: 170px;
          max-height: 225px;
          height: 225px;
          width: 170px;
          border-radius: 0px!important;
        }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/calendar"] { display : none; }
li > a.mainmenu[href="/faq"] { display : none; }
li > a.mainmenu[href="/privmsg?folder=inbox"] { display : none; }
 
.mainmenu img {
  width: 100% !important;
  height: auto !important;
  filter: invert(0%);
}
 
.mainmenu,
.mainmenu img {
  margin: 0 !important;
  padding: 0!important;
}
 
.mainmenu:hover {
  background: transparent !important;
  box-shadow: none !important;
}
span.corners-top+div.postbody+div.postprofile dl>dt+dd {
font-size: 0pt !important;
padding-top: 10px;
}
.postprofile{text-align:center}
a.forumtitle {
    margin-top: 8px!important;
    padding-left: 43px!important;
}
ul.topiclist dd.dterm, ul.topiclist dt {
    padding: 0px!important;
}
.table-title h2 {
    line-height: 51px!important;
    padding-left: 14px!important;
}
ul.forums li.row dl {
    background-size: auto!important;
}
dl.icon {
    background-size: auto!important;
}
a.topictitle {
    padding-left: 109px!important;
    padding-top: 8px!important;
}
span.topic-author {
    padding-left: 104px!important;
}
/* WRAP_BODY end */

Até mais!
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6372
Pontos Ativos : 8167

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Lunafox em 05.09.20 12:51

Agora ficou ótimo! Muito obrigada!
Lunafox

Lunafox
Nível 2

Feminino
Inscrito dia : 23/08/2020
Mensagens : 14
Pontos Ativos : 24

https://29hungergames.forumeiros.com/

Atendido / Resolvido Re: Diminuir a altura das barras dos fóruns e tópicos

Mensagem por Sleep em 05.09.20 15:32

Tópico resolvido


Movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Sleep Ajudeiro
Sleep

Sleep
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/08/2012
Mensagens : 773
Pontos Ativos : 960

https://syndicaterp.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum