Efeito único para barra da categoria

3 participantes

Ir para baixo

Tópico resolvido Efeito único para barra da categoria

Mensagem por Lucca. 18.11.12 16:16

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

Efeito único para barra da categoria D4e278401a064c5da0655df



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

Efeito único para barra da categoria 6eqrt


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 17:58, editado 1 vez(es)
Lucca.
Lucca.
***

Membro desde : 02/06/2012
Mensagens : 116
Pontos : 172

http://www.forum-dix.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Consolado 18.11.12 17:00

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
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. 18.11.12 17:17

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:
Efeito único para barra da categoria A5357ec4b48b4c1c8a5f7ea

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.
Lucca.
Lucca.
***

Membro desde : 02/06/2012
Mensagens : 116
Pontos : 172

http://www.forum-dix.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Consolado 18.11.12 17:23

Olá!

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

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. 18.11.12 17:27

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.
Lucca.
Lucca.
***

Membro desde : 02/06/2012
Mensagens : 116
Pontos : 172

http://www.forum-dix.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Sennior 18.11.12 21:30

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éé.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. 18.11.12 21:53

Deu no mesmo :/
Lucca.
Lucca.
***

Membro desde : 02/06/2012
Mensagens : 116
Pontos : 172

http://www.forum-dix.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Sennior 18.11.12 21:57

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ê
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. 18.11.12 22:15

No fórum da outra plataforma, é possível aplicar um efeito apenas a esta área da categoria:
Efeito único para barra da categoria Qxouj



Já no meu fórum, ao aplicar os atributos na classe forabg, o mesmo faz efeito na categoria inteira, em toda sua área:
Efeito único para barra da categoria 50437f813bc54ec0a8e9958



Mas não é isso que eu quero que aconteça. Quero, na realidade, que esta parte do meu fórum....
Efeito único para barra da categoria Rhqkn


tenha o mesmo efeito que esta parte do outro fórum...
Efeito único para barra da categoria Qxouj
Lucca.
Lucca.
***

Membro desde : 02/06/2012
Mensagens : 116
Pontos : 172

http://www.forum-dix.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Sennior 19.11.12 16:34

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.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Efeito único para barra da categoria

Mensagem por Lucca. 19.11.12 17:58

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

Obrigado aos dois.
Lucca.
Lucca.
***

Membro desde : 02/06/2012
Mensagens : 116
Pontos : 172

http://www.forum-dix.com.br

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos