Aplicar imagem de fundo no titulo da categoria

3 participantes

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

Tópico resolvido Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 15:03

Qual é minha questão:
Olá, queria aplicar uma imagem de fundo estilo essa nos titulos das categorias do meu fórum:
https://i.servimg.com/u/f49/14/99/55/84/imagem13.jpg

fórum onde ví:
http://narutorpgstorm.ultimaterpg.net/forum

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx

Versão do fórum:
PUNBB
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Consolado 06.12.12 15:29

Olá!

Utilize esse código CSS:
Código:
.main .main-head{background: #262626;background: -moz-linear-gradient(top, #262626 0%, #353535 50%, #262626 51%, #2B2B2B 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(50%,#353535), color-stop(51%,#262626), color-stop(100%,#2B2B2B));background:-webkit-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);background:-o-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);background:-ms-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);background:linear-gradient(to bottom, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626',endColorstr='#2b2b2b',GradientType=0 );height: 26px;border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-o-border-radius: 5px 5px 0 0}
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: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 15:40

Olá, não resultou.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. 06.12.12 16:18

Olá!
Aceda a "Folha de Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS
Código:
Código:
.main .main-head, .main .main-foot, #chatbox_header.main-head {
background: #262626;
background: -moz-linear-gradient(top, #262626 0%, #353535 50%, #262626 51%, #2B2B2B 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(50%,#353535), color-stop(51%,#262626), color-stop(100%,#2B2B2B));
background: -webkit-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);
background: -o-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);
background: -ms-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);
background: linear-gradient(to bottom, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#2b2b2b',GradientType=0 );
height: 22px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
}
e Valide!

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 16:22

Olá, não resultou.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. 06.12.12 16:27

Olá!
Em seu CSS, tem o tal código:
.main .main-content, .main .main-content table.table thead tr th, .main .main-head {
background-color: transparent;
}
Retire-o e coloque oque eu lhe forneci acima.., caso não ache me conceda sua folha de estilo CSS.

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 16:40

Olá,

O unico que achei semelhante ao que voce pediu para remover foi esse:


/*arrumando a faixa branca*/
.main .main-content,.main .main-head,.main .main-content table.table thead tr th{background-color:transparent;border:0px;color:black}

Obs: eu retirei ele e coloquei o que voce me passou e não resultou.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. 06.12.12 16:43

Olá!
Consegui achar o problema. Tive uma idéia! Substitua o código CSS que lhe forneci por este:
Código:
#chatbox_header.main-head, .main .main-foot, .main .main-head {
-moz-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#262626), color-stop(50%,#353535), color-stop(51%,#262626), color-stop(100%,#2B2B2B));
border-radius: 5px 5px 0 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626',endColorstr='#2b2b2b',GradientType=0);
height: 22px;
}

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 16:52

Não resultou
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. 06.12.12 17:00

Olá!
Poderia me enviar tua folha de estilo CSS?

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 17:05

enviei por mp


Última edição por Camaro em 06.12.12 17:08, editado 1 vez(es)
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. 06.12.12 17:08

Olá!
Retirei os códigos que estavam em conflitos de seu CSS, enviei o mesmo via MP, peço que o senhor certifique, se resultou.

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 17:11

BrunoH. escreveu:Olá!
Retirei os códigos que estavam em conflitos de seu CSS, enviei o mesmo via MP, peço que o senhor certifique, se resultou.

Até mais! Piscada
Olá,

Apliquei o css que voce me repassou atualizado e mesmo assim não resultou.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. 06.12.12 17:14

Olá!
Enviei novamente com outras propriedades, poderia tentar por favor?

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 17:16

Olá, não resultou
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. 06.12.12 17:20

Olá!
Substitua o seu CSS pelo oque eu acabei de lhe enviar, e adicione este código CSS:
#chatbox_header.main-head, .main .main-foot, .main .main-head {background: -webkit-linear-gradient(top, #262626 0%,#353535 50%,#262626 51%,#2B2B2B 100%) !important;border-radius: 5px 5px 0 0;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262626',endColorstr='#2b2b2b',GradientType=0);height: 22px;}

Até mais! Piscada
BrunoH.

BrunoH.
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10386

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 06.12.12 17:25

Olá,

Não resultou.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade 07.12.12 18:58

Podem bloquear.
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

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