Sombreamento das categorias

Qual é minha questão:
Olá, acompanhando o tópico:

https://ajuda.forumeiros.com/t51273-como-colocar-sombra-no-titulo-dos-widgets#345394

Consegui colocar um tipo de Sombreamento no título dos widgets, gostaria de fazer o mesmo nas categorias.

Medidas que eu tomei para corrigir o problema:
---

Imagens do meu problema:

Imagem do "sombreamento" do título dos widgets:

https://i.servimg.com/u/f44/15/04/49/64/110.png

Imagem das categorias atuais:

https://i.servimg.com/u/f44/15/04/49/64/210.png

Endereço do meu fórum:
http://tutorialdopw.com/

Versão do meu fórum:
PHPBB3

Olá,

Tente este código:

Código:

.h3, ul.topiclist li.header{
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #FFFFFF;
    text-align: center;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

Olá Cream, ficou parecido:


https://i.servimg.com/u/f44/15/04/49/64/310.png

Como na foto acima mostra a categoria e em baixo onde foi alterado pelo código dos widgets.

É possível deixar igual?

Olá,

Não compreendi, desculpe. O sombreamento não está aparecendo na área das categorias, é isto?

Até mais.

Olá,

Amigo, você quer também alterar a parte de baixo? Se sim, tente este:

Código:

div.h3{
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #FFFFFF;
    text-align: center;
}

Adicione em:
Painel... -> Visualização -> Imagens e cores -> Cores -> Folha de estilo CSS

Até mais!

@Touks

Quero deixar o sombreamento das categorias idêntico ao dos widgets.

Na foto mostrada acima, o formato está igual, porém, o das categorias não está na mesma cor e sem o efeito de luz.

@Cream

Com o novo código, não teve efeito nenhum.

Olá,

Tente este:

Código:

ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #FFFFFF;
    text-align: center;
}

Adicione em:
Painel de controle Visualização Cores "Aba" Folha CSS.

Até mais.

Valeu Touks, funcionou!

Agora como posso fazer para negritar o nome das categorias?

Segue um exemplo:



Como você pode ver, a de cima (categorias) não está 100% igual a de baixo (widget).

Meu CSS está assim:

Código:

/*Alterar Contorno das Categorias - Início*/
ul.topiclist li.header dl dd {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #F58B00;
    font-weight: bold;
    text-align: center;
}
div.h3{
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #F58B00;
    font-weight: bold; 
    text-align: center;
}
/*Alterar Contorno das Categorias - Fim*/
/*Alterar Contorno dos Widgets - Início*/
.h3, .catHead {
    background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
    background-repeat: repeat;
    border: 1px solid #EEEEEE;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 5px 5px #CCCCCC;
    color: #FFFFFF;
    text-align: center;
}
/*Alterar Contorno dos Widgets - Fim*/

Olá amigo,

Lamento, porém terá que criar outro tópico. Não podemos responder por dúvidas múltiplas, espero que entenda minha situação.

Até mais.
Tópico bloqueado