Personalização de widget

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

Resolvido Personalização de widget

Mensagem por Showman em 29/11/12, 08:12 pm

Qual é minha questão:
Olá,atualmente vejam como está o Widget do meu fórum http://hq-design.umforum.net/forum eu gostaria que mudasse somente uma coisa,vejam também os widgets desse fórum: http://narutorpgstorm.ultimaterpg.net/forum
Eu queria que essa barra preta nos Widgets do meu fórum,somente isso,se alguém souber um código que faça o que estou desejando eu agradeço!!^^

Endereço do meu fórum:
http://hq-design.umforum.net

Versão do fórum:
PHPBB3


Última edição por Showman em 29/11/12, 09:31 pm, editado 1 vez(es)
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski em 29/11/12, 08:21 pm

Adicione Em Sua CSS -
Código:
.module .inner .h3 {
background-image: url(IMAGEM PRETA);
font-family: Arial;
font-size: 16px;
text-shadow: 0px 0px 3px #10CEA8;
color: Black;
border-radius: 0px 0px 10px 10px;
text-align: center;
background-position-x: 236px;
background-position-y: -113px;
}
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Personalização de widget

Mensagem por Showman em 29/11/12, 08:30 pm

Não resultou nem um pouco,olhe lá como ficou.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski em 29/11/12, 08:37 pm

Substitua O Código Passado A Cima Por Esse

Código:
td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-image: url('URL_DA_IMAGEM');
}
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Personalização de widget

Mensagem por Showman em 29/11/12, 08:43 pm

Nada ainda :/
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski em 29/11/12, 08:53 pm

Tente Esse
Código:
.module{background:#eee;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 5px #ccc}.module span.corners-top{background:#333 url(http://i.imgur.com/AOkgY.png)repeat-x;height:29px}
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Personalização de widget

Mensagem por Showman em 29/11/12, 08:56 pm

Ta melhorando,mas os Widgets ficaram brancos e eu gostaria que cobrisse o titulo do widgets tbm.Obrigado.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski em 29/11/12, 09:00 pm

avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Personalização de widget

Mensagem por Showman em 29/11/12, 09:04 pm

Não resultou.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski em 29/11/12, 09:12 pm

Tente Esse Codigo -

Código:
color: #6f6f6f;
    background-image: url('http://i.imgur.com/AOkgY.png');
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #666666;
    -moz-border-radius: 10px;
    }
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário

Resolvido Re: Personalização de widget

Mensagem por Showman em 29/11/12, 09:16 pm

Há algum erro relacionado ás { }
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.com/

Resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski em 29/11/12, 09:18 pm

Tente Esse Errei Codigo , Desculpa ..
Código:
h3 {
    color: #6f6f6f;
    background-image: url('http://i.imgur.com/AOkgY.png');
    background-position: bottom;
    background-repeat: repeat-x;
    border: 1px solid #666666;
    -moz-border-radius: 10px;
    }


Última edição por OnlyFast em 29/11/12, 09:19 pm, editado 1 vez(es)
avatar

LucaaS Sizanoski
Nível 9

Masculino
Inscrito dia : 27/11/2012
Mensagens : 183
Pontos Ativos : 238

Ver perfil do usuário
  • 0

Resolvido Re: Personalização de widget

Mensagem por Luciano98 em 29/11/12, 09:19 pm

Olá!

Utilize esse código CSS:
Código:
.module{background-image:url(http://i.imgur.com/Gt83n.png);background-repeat:repeat-x}.module .h3{background-color:transparent;border:0px;padding-bottom:16px}

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Personalização de widget

Mensagem por Showman em 29/11/12, 09:26 pm

O código do Luciano resultou,obrigado.Mas lhe agradeço pelo seu esforço OnlyFast.
avatar

Showman
Nível 9

Masculino
Inscrito dia : 01/10/2012
Mensagens : 222
Pontos Ativos : 333

Ver perfil do usuário http://narutonewageforum.forumeiros.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