Aplicar imagem de fundo no titulo da categoria

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

Resolvido Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 01:03 pm

Qual é minha questão:
Olá, queria aplicar uma imagem de fundo estilo essa nos titulos das categorias do meu fórum:
http://i49.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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Consolado em 06/12/12, 01:29 pm

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

Consolado
Super usuário

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

Ver perfil do usuário

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 01:40 pm

Olá, não resultou.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. em 06/12/12, 02:18 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 02:22 pm

Olá, não resultou.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. em 06/12/12, 02:27 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 02:40 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. em 06/12/12, 02:43 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 02:52 pm

Não resultou
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. em 06/12/12, 03:00 pm

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

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 03:05 pm

enviei por mp


Última edição por Camaro em 06/12/12, 03:08 pm, editado 1 vez(es)
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. em 06/12/12, 03:08 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 03:11 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. em 06/12/12, 03:14 pm

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

Até mais! Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 03:16 pm

Olá, não resultou
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por BrunoH. em 06/12/12, 03:20 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 06/12/12, 03:25 pm

Olá,

Não resultou.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Aplicar imagem de fundo no titulo da categoria

Mensagem por Alex Habilidade em 07/12/12, 04:58 pm

Podem bloquear.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

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