Efeito único para barra da categoria

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

Resolvido Efeito único para barra da categoria

Mensagem por Lucca. em 18/11/12, 02:16 pm

Tenho um código CSS que funciona perfeitamente no efeito que eu quero, porém...





Como podem perceber, o mesmo pega em toda área da categoria. Minha intenção seria esta:




Ou seja, gostaria que o mesmo efeito pegasse apenas no título da categoria, ou melhor, em toda linha dela como acontece em "Piano". Já adianto que o fórum da segunda imagem é de uma plataforma completamente diferente, então as classes são diferentes.


Resumindo: gostaria de saber qual classe posso usar para que o efeito, qualquer que seja, pegue apenas onde indiquei.



Grato desde já ;D


Fórum: http://testedominio.forumeiros.com/ (phpBB 3)


Última edição por Luschoub em 19/11/12, 03:58 pm, editado 1 vez(es)
avatar

Lucca.
Nível 8

Masculino
Inscrito dia : 02/06/2012
Mensagens : 116
Pontos Ativos : 172

Ver perfil do usuário http://www.forum-dix.com.br

Resolvido Re: Efeito único para barra da categoria

Mensagem por Consolado em 18/11/12, 03:00 pm

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos CSS

Código:

.forabg{border: 1px solid #F2F2F2}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. em 18/11/12, 03:17 pm

Acho que você não entendeu... queria saber se é possível aplicar o efeito apenas àquela barra, sendo que a parte de baixo dela também ficaria com efeito. Tipo:


Para isso eu precisava de uma classe que pegasse só lá, mas acho que não deve existir mesmo. Mesmo assim aguardo cheio de esperança @_@


Abraços.
avatar

Lucca.
Nível 8

Masculino
Inscrito dia : 02/06/2012
Mensagens : 116
Pontos Ativos : 172

Ver perfil do usuário http://www.forum-dix.com.br

Resolvido Re: Efeito único para barra da categoria

Mensagem por Consolado em 18/11/12, 03:23 pm

Olá!

Utilize esta classe:
Código:
.header {
Caso contrário, tente este:
Código:
ul.topiclist {
Melhores cumprimentos.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. em 18/11/12, 03:27 pm

A ul.topiclist já tinha tentado usar. A .header deu na mesma Louco

Será que não existe alguma adaptação que possa ser feita ou coisa do gênero? Deixarei meu código.

Código:
.forabg {
background:#F2F2F2 url(http://i40.servimg.com/u/f40/17/30/48/52/aeae10.png) repeat-x top;
margin-bottom:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;
box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;}


Eu pensei em tentar definir um tamanho ao border e ao box-shadow, mas não sei como fazê-lo e também não sei se é possível ;/


Grato.
avatar

Lucca.
Nível 8

Masculino
Inscrito dia : 02/06/2012
Mensagens : 116
Pontos Ativos : 172

Ver perfil do usuário http://www.forum-dix.com.br

Resolvido Re: Efeito único para barra da categoria

Mensagem por Sennior em 18/11/12, 07:30 pm

Boa noite,

Tente este código senhor:

Código:
.forabg {
background:#F2F2F2 url(http://i40.servimg.com/u/f40/17/30/48/52/aeae10.png) repeat-x top;
margin-bottom:6px;
padding: 10px
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;
box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;}

Veja se resolve.

Graciosamente,
Mikéé.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. em 18/11/12, 07:53 pm

Deu no mesmo :/
avatar

Lucca.
Nível 8

Masculino
Inscrito dia : 02/06/2012
Mensagens : 116
Pontos Ativos : 172

Ver perfil do usuário http://www.forum-dix.com.br

Resolvido Re: Efeito único para barra da categoria

Mensagem por Sennior em 18/11/12, 07:57 pm

Senhor autor, eu ainda não sei o que o senhor deseja. Vi as respectivas imagens é não compreendi mesmo assim. Peço que explique um pouquinho mais Eu amo você
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. em 18/11/12, 08:15 pm

No fórum da outra plataforma, é possível aplicar um efeito apenas a esta área da categoria:




Já no meu fórum, ao aplicar os atributos na classe forabg, o mesmo faz efeito na categoria inteira, em toda sua área:




Mas não é isso que eu quero que aconteça. Quero, na realidade, que esta parte do meu fórum....



tenha o mesmo efeito que esta parte do outro fórum...

avatar

Lucca.
Nível 8

Masculino
Inscrito dia : 02/06/2012
Mensagens : 116
Pontos Ativos : 172

Ver perfil do usuário http://www.forum-dix.com.br

Resolvido Re: Efeito único para barra da categoria

Mensagem por Sennior em 19/11/12, 02:34 pm

Olá,

Troque por este:

Código:
.forabg {background:#F2F2F2 url(http://i40.servimg.com/u/f40/17/30/48/52/aeae10.png) !important;margin-bottom:6px;padding: 10px-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;-moz-box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;box-shadow:rgba(0, 0, 0, 0.8) 0px 1px 3px inset;}

Veja se resulta.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. em 19/11/12, 03:58 pm

Não, não deu certo, mas pode deixar que eu arrumo algum outro efeito pra colocar.

Obrigado aos dois.
avatar

Lucca.
Nível 8

Masculino
Inscrito dia : 02/06/2012
Mensagens : 116
Pontos Ativos : 172

Ver perfil do usuário http://www.forum-dix.com.br

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