Colocar imagem no titulo do widget

5 participantes

Ir para baixo

Tópico resolvido Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 30.06.13 17:36

Qual é minha questão:
Olá, estou com problemas
 em colocar uma imagem
nos Widgets

Detalhes da Questão:
Em meu forum as categorias possuem uma imagem, uma especie de barra cinza chumbo que deixa as categorias mais bonitas.
Gostaria de saber se tem como fazer o mesmo com os widgets... 
Preciso apenas colocar a mesma imagem das categorias nos widgets .

Imagens:
Quero por esta imagem :
Colocar imagem no titulo do widget Index-10
Como quero que fique :
Colocar imagem no titulo do widget Pedido101

A tabela de Categorias em Azul tem uma imagem de fundo quero que a tabela em vermelho fique igual

Entenderam ?


Endereço do meu fórum:
http://br-phones.forumeiros.com

Versão do fórum:
PUNBB
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por MateusA 30.06.13 20:23

Olá!

Aceda à "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Código:
Código:
.module .main-head {
background: url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png); repeat-x;
}

Valide.

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 01.07.13 0:40

Olá não saiu muito bem do jeito que eu queria, mas valeu a intenção ...
É que na verdade eu queria que os cantos do back groud ta dabela do widget fossem arredondados ...
Igual ao da imagem abaixo:
Colocar imagem no titulo do widget Untitled-1d2ws
Entendeu ?
Se me ajudar vou ser muito grato obrigado desde já estarei colocando como resolvido assim que me responderem esta ultima questão
Vocês acham que é possivel arredondar ?
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por MateusA 01.07.13 0:54

Olá!

Troque por esse:
Código:
        .module .main-head {
        background: url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png); repeat-x;
        border: 1px solid black;
        border-radius: 10px 10px 10px 10px;
      -moz-border-radius: 10px 10px 10px 10px;
      -o-border-radius: 10px 10px 10px 10px;
      -webkit-border-radius: 10px 10px 10px 10px;
        }

Seta No código procure por "10px" vai diminuindo.

Até
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 01.07.13 1:00

Certo vou tentar, ja te respondo para falar se funcionou ...
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 01.07.13 1:03

Olá, infelizmente não resultou alem de continuar quadrado ficou mais ainda.

Tentei ir diminuindo coloquei

3px 3px 3px 3px;

em todos os 10px; e não alterou nada ...

Mas obrigado mesmo assim irei apagar agora de minha css pois ficou desproporcional ...
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por MateusA 01.07.13 1:16

Olá!

Troque por esse:
Código:
.main .main-head{background-image:url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png);margin-bottom:12px;text-shadow:1px 1px 3px #000}.module .main-head{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;color:#fff!important;font-family:Trebuchet, Arial!important;font-size:13px;height:12px;margin-bottom:5px;padding-top:.4em!important}.module .main-head{-moz-border-radius:4px;-webkit-border-radius:4px;background:#000 url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png) top repeat-x;border:1px solid #000;border-radius:4px;height:17px;margin-bottom:0;margin-top:15px;padding-top:.4em!important}.module .main-head *{font-weight:400!important}.m .main-head {font-family:Lobster!important;font-size:22px!important;margin-top:1px}

.module .main-head {
  background-image:url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png);margin-bottom:12px;text-shadow:1px 1px 3px #000;
}

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 01.07.13 1:21

Juro, Não resultou novamente ficou igual antes...
Crazy so quero dizer ... OBRIGADO mesmo por você estar se esforçando e tentando me ajudar na maioria dos meus topicos valeu cara se quiser desistir por mim blz não tem problema fico feliz por termos tentado ...
Valeu mesmo !!!
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por MateusA 01.07.13 1:23

Olá!

Estranho, veja aqui resultou
Seta http://narutorevolution.forum-pro.net/

Você adicionou o código em primeiro?
Já tentou personalizar está parte do fórum antes, e, existe algum código na sua "Folha de Estilos CSS", exceto o meu que tenha sido adicionado por você?

Até mais.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por Daemon 01.07.13 1:25

Isso acontece porque em seu css já possui códigos que modificam o header do seu widget... poderia passar o seu css?
Daemon
Daemon
Super Membro

Membro desde : 02/03/2012
Mensagens : 1132
Pontos : 1825

http://bestskins.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 01.07.13 1:35

Sim coloquei ele em primeiro acima de todos e mesmo assim não resultou...
Vou passar minha css mas é muito grande sera que cabe ?
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 01.07.13 1:40

Segue abaixo minha css:
CSS BR-Phones:

Não coube por isto hospedei ele...
Grato desde já...
Obrigado pela atenção
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por Sennior 02.07.13 1:56

Saudações!

Aceda á tua 'Folha de Estilo CSS':
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Código:
.module {
-moz-border-radius: 5px !important;
-moz-box-shadow: 0 2px 5px 0 #dcdcdc!important;
-webkit-border-radius: 5px!important;
-webkit-box-shadow: 0 2px 5px 0 #dcdcdc!important;
background: #fff url(http://i36.servimg.com/u/f36/11/96/49/61/dropsh10.png) 0 -1px repeat-x!important;
border: 1px solid #D6D6D6!important;
border-radius: 5px!important;
box-shadow: 0 2px 5px 0 #dcdcdc!important;
background: url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png)!important;
border: 1px solid rgb(228, 228, 228)!important;
border-radius: 10px!important;
-moz-border-radius: 10px 10px 10px 10px!important;
-o-border-radius: 10px 10px 10px 10px!important;
-webkit-border-radius: 10px 10px 10px 10px!important;
}

Coloque no inicio de teu CSS.

Valide. Piscada

Abraços,
Mikéé.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por 1Gu@n4 02.07.13 21:46

Certo mas não resultou da maneira que eu esperava, alem de que tive que adicionar um dos codigos que foi citado acima pelo Crazy

Segue o codigo que tive que utilizar por completo:
Codigo:

Imagem do resultado:

Colocar imagem no titulo do widget Cw

Digamos que fique assim como eu altero a cor da letra ?
Mas digamos que não como faço para que fique arredondado em todas as extremidades e fique igual ao das categorias... ???

Obrigado abraços!
1Gu@n4
1Gu@n4
*

Membro desde : 25/05/2013
Mensagens : 42
Pontos : 97

http://br-detonados.forumeiros.com/ https://www.facebook.com/GuilhermeCoutinhoFuzel

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por Sennior 03.07.13 2:42

Saudações,

Bem, tente assim então:

Código:

.main-head {
background-image: url(http://i36.servimg.com/u/f36/11/96/49/61/index-10.png) !important;
margin-bottom: 12px !important;
text-shadow: 1px 1px 3px #000 !important;
color: white !important;
font-family: lobster;
font-size: 22px;
font-style: normal;
font-variant: normal;
font-weight: 400;
border-radius: 11px !important;
}

Coloque no inicio de teu CSS.

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Colocar imagem no titulo do widget

Mensagem por FUJITORA 03.07.13 3:21

Olá,

Aceda á:
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilo CSS

Adicione esse código no início do CSS:
Código:

.module .main-head {
background: url(http://i.imgur.com/QAbSekt.png); repeat-x;
}

Veja se o tamanho da imagem está bom.
Até! Piscada
FUJITORA
FUJITORA
*

Membro desde : 11/05/2012
Mensagens : 31
Pontos : 47

http://dbzprg.umforum.net

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