Personalização de widget

3 participantes

Ir para baixo

Tópico resolvido Personalização de widget

Mensagem por Showman 29.11.12 22:12

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 23:31, editado 1 vez(es)
Showman
Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski 29.11.12 22:21

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;
}
LucaaS Sizanoski
LucaaS Sizanoski
***

Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por Showman 29.11.12 22:30

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

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski 29.11.12 22:37

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');
}
LucaaS Sizanoski
LucaaS Sizanoski
***

Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por Showman 29.11.12 22:43

Nada ainda :/
Showman
Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski 29.11.12 22:53

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}
LucaaS Sizanoski
LucaaS Sizanoski
***

Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por Showman 29.11.12 22:56

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

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski 29.11.12 23:00

LucaaS Sizanoski
LucaaS Sizanoski
***

Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por Showman 29.11.12 23:04

Não resultou.
Showman
Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski 29.11.12 23:12

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;
    }
LucaaS Sizanoski
LucaaS Sizanoski
***

Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por Showman 29.11.12 23:16

Há algum erro relacionado ás { }
Showman
Showman
****

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por LucaaS Sizanoski 29.11.12 23:18

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 23:19, editado 1 vez(es)
LucaaS Sizanoski
LucaaS Sizanoski
***

Membro desde : 27/11/2012
Mensagens : 183
Pontos : 238

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por Luciano98 29.11.12 23:19

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.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de widget

Mensagem por Showman 29.11.12 23:26

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

Membro desde : 01/10/2012
Mensagens : 222
Pontos : 333

http://narutonewageforum.forumeiros.com/

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