Personalizar categoria

3 participantes

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

Tópico resolvido Personalizar categoria

Mensagem por Sr.ConnoR 09.08.16 23:47

Detalhes da questão


Endereço do fórum: http://fastwhells.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


De acordo com o link do forum que eu vou passar, eu quero a imagem da minha categoria igual a do link, sera q tem como vcs pegarem a imagem vermelha transparente, neste forum:

http://forum.tssabrasil.com.br
Sr.ConnoR

Sr.ConnoR
***

Membro desde : 24/07/2016
Mensagens : 144
Pontos : 223

http://fastwhells.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar categoria

Mensagem por REVIEW 10.08.16 0:15

Olá,
poderia tirar seu fórum da manutenção para mim fazer algumas modificações?

Até mais. Muito feliz
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar categoria

Mensagem por Sr.ConnoR 10.08.16 0:20

Pronto, ja tirei, agr min ajuda?
Sr.ConnoR

Sr.ConnoR
***

Membro desde : 24/07/2016
Mensagens : 144
Pontos : 223

http://fastwhells.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar categoria

Mensagem por REVIEW 10.08.16 1:32

Olá,
adiciona esse código no topo da sua folha de CSS.
Vá em:
Painel de controle  Seta curta Visualização  Seta curta Cores Seta curta "Aba" Folha CSS.


Código:
.pun{
background:transparent!important;
}
.main .main-head{
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/trans60.png") repeat!important;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)))!important;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: linear-gradient(to bottom, rgba(181, 46, 46, 0.6) 0%,rgba(181, 46, 46, 0.7) 100%)!important;
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px!important;
color: #fff!important;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px!important;
padding: 13px!important;
font-size: 14px!important;
font-weight: 300!important;
moz-border-radius: 4px 4px 0 0!important;
webkit-border-top-left-radius: 4px!important;
webkit-border-top-right-radius: 4px!important;
border-radius: 4px 4px 0 0!important;
overflow: hidden!important;
}

Resulta?

Até mais. Muito feliz
REVIEW

REVIEW
Super Membro

Membro desde : 30/12/2014
Mensagens : 1190
Pontos : 2285

http://ceudasart.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar categoria

Mensagem por Sr.ConnoR 10.08.16 1:43

Não consegui, sera que não tem como vc pegar a imagem so nao ? Seria mais rapido, por favor?
Sr.ConnoR

Sr.ConnoR
***

Membro desde : 24/07/2016
Mensagens : 144
Pontos : 223

http://fastwhells.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar categoria

Mensagem por while 10.08.16 1:45

Amigo, não tem como não ter conseguido.

Ponha o código no Inicio da sua folha de estilo css.

Me refiro a esse código:
Código:
.main .main-head{
background: url("http://forum.tssabrasil.com.br/public/style_images/dispersion/trans60.png") repeat!important;
background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.6) 100%)!important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.6)))!important;
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -o-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.6) 100%)!important;
background-image: linear-gradient(to bottom, rgba(181, 46, 46, 0.6) 0%,rgba(181, 46, 46, 0.7) 100%)!important;
box-shadow: inset rgba(0,0,0,0.2) 0px 0px 0px 1px!important;
color: #fff!important;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px!important;
padding: 13px!important;
font-size: 14px!important;
font-weight: 300!important;
moz-border-radius: 4px 4px 0 0!important;
webkit-border-top-left-radius: 4px!important;
webkit-border-top-right-radius: 4px!important;
border-radius: 4px 4px 0 0!important;
overflow: hidden!important;
}

Não é uma imagem em si... e sim uma imagem, e diversos efeitos sobre ela pra chegar a esse resultado;

Até mais.
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar categoria

Mensagem por Sr.ConnoR 10.08.16 1:58

Consegui, pode fechar e marcar como resolvido, vlw.
Sr.ConnoR

Sr.ConnoR
***

Membro desde : 24/07/2016
Mensagens : 144
Pontos : 223

http://fastwhells.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar categoria

Mensagem por while 10.08.16 1:59

Personalizar categoria Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
while

while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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