Tamanho - Fundo de título do widget

Item: Tamanho - Fundo de título do widget
Rating: 1

por Blackbeard. 09.07.17 12:19

Detalhes da questão

Endereço do fórum: http://dimensionnaruto.forumeiros.com/
Versão do fórum: phpBB2

Descrição

Bom dia/tarde/noite. Gostaria de saber como mudar o tamanho padrão da imagem de fundo dos títulos dos widgets (exemplo) e a cor dos títulos. Se possível resolver junto a primeira dúvida, como altero a imagem de fundo de apenas um widget (este), sem mudar a dos restantes. Por estar centralizado, o fundo aumenta e a imagem replica, o que eu não gostaria que acontecesse.

Agradeço desde já.

por Harleen 09.07.17 16:01

Olá, insira esse CSS

Código:: span.genmed { color: white; font-size: 14px; }

Você pode alterar o white para outra cor, pode ser escrita ou em hexadecimal, no caso #ffffff.

Resultado http://prntscr.com/fti5la

por Blackbeard. 09.07.17 19:18

Funcionou, muito obrigado. Agora resta apenas a questão do tamanho da imagem de fundo dos títulos.

Edit: Funcionou, porém os spoilers ficaram invisível. Tive que retirar o code.

por Blackbeard. 10.07.17 14:58

por Hancki 10.07.17 16:40

Olá!

Para alterar o tamanho da imagem de fundo de qualquer coisa, utilizamos o recurso "background-size".
O código CSS é o seguinte:

Código:: table.forumline td.catLeft[height="25"] { background-size: 150% !important; }

O problema é que na versão phpBB2 (que tem no seu fórum), é complicado selecionar um elemento específico, porque a versão tem poucos identificadores únicos no código base.

Para a cor dos títulos, o CSS é este:

Código:: table.forumline td.catLeft[height="25"] .module-title, table.forumline.mod_news td.catLeft[height="25"] .genmed { color: red !important; }

Altere a cor "red" para uma a desejo.

E na parte de alterar o fundo apenas daquele widget central no topo:

Código:: #emptyidcc > table > tbody > tr > td:nth-child(2) > table.portal > tbody > tr > td:nth-child(2) > table:nth-child(1) > tbody > tr > td.catLeft { background: url(https://images.shiftactif.com/logo_pt.jpg); }

Altere o endereço da imagem para colocar a seu gosto.

O problema que vi nos códigos é mesmo o facto de todos os widgets trabalharem com uma identificação geral, ou seja, alterando um, alteram todos.. então é complicado alterar singularmente.

Hancki

por Blackbeard. 11.07.17 10:27

Logo mais testarei e postarei os resultados. De qualquer forma, já agradeço pela ótima explicação.

por Blackbeard. 11.07.17 20:49

O código para alterar o tamanho do fundo dos Widgets altera o de todos (fundo dos widgets e postagens centrais). Não há uma forma de alterar unicamente o fundo dos widgets?

por Luiz 11.07.17 20:58

Atenção!

Você não pode fazer UP's antes de se completar 24 horas desde a última mensagem deste tópico! Por este motivo, nós pedimos que leia as regras do setor de suporte e principalmente a do Fórum dos Fóruns para não cometer novos erros!
Regras do FdF | Regras do Setor de Suporte

Considere "UP" como "Mensagem Consecutiva".
Há pouco tempo já lhe enviei uma alerta nesse quesito. Por favor, atente-se às regras.

---

Para deixar a cor dos títulos, adicione este CSS:

Código:: span.genmed.module-title { color: #fff; }

Note que como dito pelo Hancki, é muito complicado selecionar somente um elemento na versão do seu fórum. Não é certo que esse código só se aplicará nos widgets.

Para mudar o fundo de somente a categoria central, é o que lhe expliquei num outro tópico se sua autoria, aqui (clique).

o/

por Blackbeard. 12.07.17 21:39

O código para alterar a cor está funcional, muito obrigado. Quanto ao tamanho da imagem de fundo, é impossível? Entendo que seja difícil, porém, se for possível terei que buscar nos confins do inferno se necessário. Eu quero alterar o design dessas imagens e, com o tamanho atual, não dá pra fazer nada decente.

por Luiz 12.07.17 21:46

Sim, infelizmente... Sim.
É o que disse no seu outro tópico:
-> https://ajuda.forumeiros.com/t109357-tamanho-imagens-de-fundo-dos-titulos-mensagens-widgets

o/

por Luiz 17.07.17 13:48

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Tamanho - Fundo de título do widget