Imagens das categorias muito pequenas

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

Resolvido Imagens das categorias muito pequenas

Mensagem por Lancer91 em 24/04/18, 01:57 pm

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
avatar

Lancer91
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens das categorias muito pequenas

Mensagem por RafaelS. em 24/04/18, 02:19 pm

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.
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3713
Pontos Ativos : 4716

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Imagens das categorias muito pequenas

Mensagem por Lancer91 em 24/04/18, 02:24 pm

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

avatar

Lancer91
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens das categorias muito pequenas

Mensagem por RafaelS. em 24/04/18, 02:32 pm

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 Piscada

Até mais.
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3713
Pontos Ativos : 4716

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Imagens das categorias muito pequenas

Mensagem por Lancer91 em 24/04/18, 02:46 pm

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
avatar

Lancer91
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens das categorias muito pequenas

Mensagem por RafaelS. em 24/04/18, 02:58 pm

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.
avatar

RafaelS.
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 3713
Pontos Ativos : 4716

Ver perfil do usuário http://techmais.forumeiros.com/

Resolvido Re: Imagens das categorias muito pequenas

Mensagem por Lancer91 em 24/04/18, 03:05 pm

Yap, está bom. XD Obrigado. Feliz

Podem fechar. Piscada

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

Lancer91
Nível 5

Masculino
Inscrito dia : 01/10/2017
Mensagens : 35
Pontos Ativos : 51

Ver perfil do usuário http://tailsofdestiny.forumeiros.com/

Resolvido Re: Imagens das categorias muito pequenas

Mensagem por virus em 25/04/18, 04:18 pm

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".
avatar

virus
Usuário destaque

Masculino
Inscrito dia : 03/03/2013
Mensagens : 697
Pontos Ativos : 908

Ver perfil do usuário

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