Modificar codigo para imagem

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

Resolvido Modificar codigo para imagem

Mensagem por konekta Brasil em 29/11/11, 07:22 pm

Qual é minha questão:
Olá,

Eu gostaria de que modificassem esse código:
Código:
/*  LINHA EM WINDGETS  */

.module .h3{border-top:2px solid #90ad0c;border-bottom:1px solid #d9d9d9}

E pudesse em vez de cor, eu poder botar imagem nele.

Endereço do meu fórum:
www.fanaticosweb.net

Versão do meu fórum:
PHPBB3
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

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

Resolvido Re: Modificar codigo para imagem

Mensagem por Luciano98 em 29/11/11, 07:24 pm

Olá!

Poderia passar o link dessa imagem?

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: Modificar codigo para imagem

Mensagem por konekta Brasil em 29/11/11, 07:30 pm

Luciano, é assim

Meu fórum a windgets é assim: http://i49.servimg.com/u/f49/16/89/74/34/cats23.jpg

Eu queria assim: http://i49.servimg.com/u/f49/16/89/74/34/cats112.jpg

O fórum da que eu quero é o publieiros.com , o meu fórum é o fanaticosweb.net

Eu acho que a imagem é esse luciano: http://hitskin.com/themes/17/28/14/i_back_catg.gif
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

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

Resolvido Re: Modificar codigo para imagem

Mensagem por Luciano98 em 29/11/11, 07:48 pm

Olá!

Tente substituir por esse código, caso não funcione, volte a utilizar o código anterior:
Código:
/*  LINHA EM WINDGETS  */

.module .h3{border-top:2px solid #90ad0c;border-bottom:1px solid #d9d9d9;border-width: 1px;-moz-border-image:url(http://hitskin.com/themes/17/28/14/i_back_catg.gif)1 repeat;-webkit-border-image:url(http://hitskin.com/themes/17/28/14/i_back_catg.gif)1 repeat;-o-border-image:url(http://hitskin.com/themes/17/28/14/i_back_catg.gif)1 repeat;border-image:url(http://hitskin.com/themes/17/28/14/i_back_catg.gif)1 repeat}

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: Modificar codigo para imagem

Mensagem por konekta Brasil em 29/11/11, 07:52 pm

Não deu luciano ..
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

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

Resolvido Re: Modificar codigo para imagem

Mensagem por Dury em 02/12/11, 01:27 pm

Olá,

Tente com esse:
Código:
.module .h3{
background-image: url ('http://hitskin.com/themes/17/28/14/i_back_catg.gif');
border-top:2px solid #90ad0c;
border-bottom:1px solid #d9d9d9
}
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Modificar codigo para imagem

Mensagem por konekta Brasil em 02/12/11, 02:29 pm

Não mudou nada ainda :/ continua na mesma
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

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

Resolvido Re: Modificar codigo para imagem

Mensagem por Dury em 02/12/11, 11:32 pm

Olá,

Tente com esse então:
Código:
.module .h3{
background: url('http://hitskin.com/themes/17/28/14/i_back_catg.gif');
border-top:2px solid #90ad0c;
border-bottom:1px solid #d9d9d9
}

Até mais!
Piscada
avatar

Dury
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 21/01/2009
Mensagens : 6708
Pontos Ativos : 8827

Ver perfil do usuário

Resolvido Re: Modificar codigo para imagem

Mensagem por konekta Brasil em 03/12/11, 11:19 am

Olá,

Deu resultado, mais olhem o print: http://img341.imageshack.us/img341/1798/catstn.jpg

Eu queria que ficasse igual a barra azul ali.
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

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

Resolvido Re: Modificar codigo para imagem

Mensagem por Luciano98 em 03/12/11, 01:00 pm

Olá!

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

Código:
.module .h3{height:28px!important;background-color:#D4E3D6!important;border-top:0px solid black!important;border-bottom:0px solid black!important;margin-top:0px;vertical-align:middle;text-align:center;float:center}.module{border:2px solid #F7F7F7!important;padding:0px 0px!important;line-height:3em!important}.module span.corners-top{display:none}

Salve.

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: Modificar codigo para imagem

Mensagem por konekta Brasil em 03/12/11, 01:26 pm

Deu certo, muito brigado.
Já ia pedir ajuda para por as linhas tambem abaixo huaush
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

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