Sombreamento das categorias

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

Resolvido Sombreamento das categorias

Mensagem por ZombieW em 12/01/12, 12:09 pm

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

http://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:

http://i44.servimg.com/u/f44/15/04/49/64/110.png

Imagem das categorias atuais:

http://i44.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
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sombreamento das categorias

Mensagem por Cream em 12/01/12, 12:12 pm

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Sombreamento das categorias

Mensagem por ZombieW em 12/01/12, 12:49 pm

Olá Cream, ficou parecido:


http://i44.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?
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sombreamento das categorias

Mensagem por Convidad em 13/01/12, 12:06 pm

Olá,

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

Até mais.

Convidad
Convidado


Resolvido Re: Sombreamento das categorias

Mensagem por Cream em 13/01/12, 12:09 pm

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

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11636

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

Resolvido Re: Sombreamento das categorias

Mensagem por ZombieW em 13/01/12, 12:17 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sombreamento das categorias

Mensagem por Convidad em 13/01/12, 12:22 pm

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 Seta Visualização Seta Cores Seta "Aba" Folha CSS.

Até mais.

Convidad
Convidado


Resolvido Re: Sombreamento das categorias

Mensagem por ZombieW em 13/01/12, 01:11 pm

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

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sombreamento das categorias

Mensagem por ZombieW em 13/01/12, 01:57 pm

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*/
avatar

ZombieW
Membro do Fórum

Masculino
Inscrito dia : 02/08/2010
Mensagens : 1274
Pontos Ativos : 1799

Ver perfil do usuário http://www.perfectteam.org

Resolvido Re: Sombreamento das categorias

Mensagem por Convidad em 14/01/12, 01:23 am

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. Chorando ou muito tr

Até mais.
Tópico bloqueado

Convidad
Convidado


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

- Tópicos similares

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