Detalhes da questão

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

Descrição

Boas tardes.

Estava a fazer uma mudança no meu forum e quando fui a por a imagens das categorias ( new, old e Block. ) elas ficaram muito pequenas, como se pode ver na imagem:

https://i.servimg.com/u/f62/14/50/73/35/jdshbj10.jpg

As images têm mais ou menos 100 px de altura e estou a achar estranho estarem a ficar muito pequenas. :S

Olá!

Realmente tem um código no seu CSS forçando o tamanho pequeno das imagens das categorias.
Para resolver cole aqui o código da sua folha de estilos (CSS), e indique-me o tamanho desejado para as imagens.

Até mais.

o Codigo que eu tenho na minha folha de ( CSS ) é este:

Código:

#wrap {
    background-color: rgba(0,0,0,0.70)!important;
    font-size: 1.5rem;
    margin: 0 auto;
    max-width: 1200px;
      padding: 24px 36px;
    width: 96%;
}

a.mainmenu[href="/faq"]{
display: none !important;
}

div.forabg{width: 100%!important;}




.sceditor-container iframe, .sceditor-container textarea {
background: #2c353b;
border: 0;
color: #ffffff !important;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
  }


a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #CCCCCC;
background-color: #000000;
background-image: url(https://www.colorhexa.com/2c353b.png);
}

No que diz respeito ao tamanho das imagens, queria o tamanho que elas têm por si.

Não sei o tamanho delas ao certo, mas deixo aqui o uma imagem para se conseguir ver o tamanho. :S

Olá novamente @Lancer91,

Creio que ficara um pouco grande demais, mas aqui tem como solicitou:

Código:

#wrap {
    background-color: rgba(0,0,0,0.70)!important;
    font-size: 1.5rem;
    margin: 0 auto;
    max-width: 1200px;
      padding: 24px 36px;
    width: 96%;
}
 
a.mainmenu[href="/faq"]{
display: none !important;
}
 
div.forabg{width: 100%!important;}
 
 
 
 
.sceditor-container iframe, .sceditor-container textarea {
background: #2c353b;
border: 0;
color: #ffffff !important;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
  }
 
 
a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #CCCCCC;
background-color: #000000;
background-image: url(https://www.colorhexa.com/2c353b.png);
}
.forabg .topiclist dl.icon {
    background-size: unset!important;
}

Verifique se é esse o efeito que deseja, se for o caso teremos ainda de ajustar o título.

Caso prefira, acho que este tamanho se "encaixa" melhor:

Código:

#wrap {
    background-color: rgba(0,0,0,0.70)!important;
    font-size: 1.5rem;
    margin: 0 auto;
    max-width: 1200px;
      padding: 24px 36px;
    width: 96%;
}
 
a.mainmenu[href="/faq"]{
display: none !important;
}
 
div.forabg{width: 100%!important;}
 
 
 
 
.sceditor-container iframe, .sceditor-container textarea {
background: #2c353b;
border: 0;
color: #ffffff !important;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
  }
 
 
a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #CCCCCC;
background-color: #000000;
background-image: url(https://www.colorhexa.com/2c353b.png);
}
.forabg .topiclist dl.icon {
    background-size: 6%!important;
}

Fica a seu critério

Até mais.

As imagens da pagina principal ja estão do tamanho que queria. Mas na parte de baixo do forum e dentro do forum ainda continuam pequenas. :S

https://i.servimg.com/u/f62/14/50/73/35/captur10.jpg

https://i.servimg.com/u/f62/14/50/73/35/captur11.jpg

Aqui tem @Lancer91, troque por este CSS.

Já adaptei também a posição dos títulos.

Código:

#wrap {
    background-color: rgba(0,0,0,0.70)!important;
    font-size: 1.5rem;
    margin: 0 auto;
    max-width: 1200px;
      padding: 24px 36px;
    width: 96%;
}
 
a.mainmenu[href="/faq"]{
display: none !important;
}
 
div.forabg{width: 100%!important;}
 
 
 
 
.sceditor-container iframe, .sceditor-container textarea {
background: #2c353b;
border: 0;
color: #ffffff !important;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 13px;
margin: 5px;
outline: 0;
padding: 0;
resize: none;
  }
 
 
a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #CCCCCC;
background-color: #000000;
background-image: url(https://www.colorhexa.com/2c353b.png);
}
.forabg .topiclist dl.icon {
    background-size: unset!important;
}
#picture_legend img, #privmsgs-menu img {
    height: unset;
    width: unset;
}
.forumbg .topiclist dl.icon {
    background-size: unset!important;
}
.forumbg .topiclist dd.dterm div, .forumbg .topiclist dd.dterm .topic-author {
    margin-left: 60px;
}.forabg ul.forums dl.icon dd.dterm > div {
    margin-left: 125px !important;
}

Até mais.

Yap, está bom. XD Obrigado.

Podem fechar.

PS: Tenciono aumentar um pouco a " altura " das categorias e dos foruns, por isso é que quero as imagens deste tamanho. XD

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre a aparência do fórum'

Tópico resolvido Movido para "Questões resolvidas".