Modificar codigo para imagem

3 participantes

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

Tópico resolvido Modificar codigo para imagem

Mensagem por konekta Brasil 29.11.11 21:22

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
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codigo para imagem

Mensagem por Luciano98 29.11.11 21:24

Olá!

Poderia passar o link dessa imagem?

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

Mensagem por konekta Brasil 29.11.11 21:30

Luciano, é assim

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

Eu queria assim: https://i.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
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codigo para imagem

Mensagem por Luciano98 29.11.11 21:48

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

Mensagem por konekta Brasil 29.11.11 21:52

Não deu luciano ..
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codigo para imagem

Mensagem por Dury 02.12.11 15:27

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
}
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codigo para imagem

Mensagem por konekta Brasil 02.12.11 16:29

Não mudou nada ainda :/ continua na mesma
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codigo para imagem

Mensagem por Dury 03.12.11 1:32

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
Dury

Dury
Membro Entusiasta

Membro desde : 21/01/2009
Mensagens : 6708
Pontos : 8829

https://shiftactive.blogspot.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codigo para imagem

Mensagem por konekta Brasil 03.12.11 13:19

Olá,

Deu resultado, mais olhem o print: https://2img.net/r/ihimizer/img341/1798/catstn.jpg

Eu queria que ficasse igual a barra azul ali.
konekta Brasil

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Modificar codigo para imagem

Mensagem por Luciano98 03.12.11 15:00

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

Mensagem por konekta Brasil 03.12.11 15:26

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

konekta Brasil
Membro

Membro desde : 16/07/2011
Mensagens : 754
Pontos : 1147

http://www.konektabrasil.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos