Bordas como imagem nas laterais do fórum

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

Resolvido Bordas como imagem nas laterais do fórum

Mensagem por Ip.Design em 28/08/13, 06:45 pm

Qual é minha questão:
Boa Noite, amigos do FdF.

Estou aqui pois estou precisando de suporte. Gostaria de fazer o esquema demonstrado na imagem abaixo, as bordas laterais do fórum, seriam preenchidas com a imagem 01 e imagem 02, sendo que as bordas vão de cima até o fim do fórum.

Modelo de como deverá ficar.



Do lado << está imagem:
Código:
http://i.imgur.com/sYzGjdY.png
Do lado >> está imagem:
Código:
http://i.imgur.com/BbiNt1f.png
Agradeço pela ajuda, e até logo mais.
IP.Design

Endereço do meu fórum:
http://ipdesign.maisforum.com

Versão do fórum:
PHPBB3


Última edição por Ip.Design em 29/08/13, 10:22 am, editado 1 vez(es)

Ip.Design
Nível 2

Masculino
Inscrito dia : 28/08/2013
Mensagens : 7
Pontos Ativos : 13

Ver perfil do usuário http://ipdesign.maisforum.com/

Resolvido Re: Bordas como imagem nas laterais do fórum

Mensagem por First em 28/08/13, 08:01 pm

Olá,

Peço ao senhor que adicione este código em sua Folha de estilo CSS:
Código:
#wrap {
-moz-border-radius: 20px;
-o-border-image: url(URL_DA_IMAGEM) 0 50 round;
-webkit-border-image: url(URL_DA_IMAGEM) 0 50 round;
-webkit-border-radius: 20px;
border: 3px solid #000;
border-image: url(URL_DA_IMAGEM) 0 50 round;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
width: 1025px;
}
URL_DA_IMAGEM: Troque pela a URL da sua imagem

Senhor você terá que fundir a suas imagens deixando desse jeito para isso peço que pede para fundir em Criações Gráficas.


Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Bordas como imagem nas laterais do fórum

Mensagem por Ip.Design em 29/08/13, 08:31 am

Olá, First. O código deu certo, queria apenas mais uma edição.

Gostaria que a borda de baixo nunca fosse mostrada o final dele, que ela fosse além de terminar o fórum.



O código que utilizei.
Código:
  #wrap {
        -moz-border-radius: 20px;
        -o-border-image: url(http://i.imgur.com/sYzGjdY.png) 0 50 round;
        -webkit-border-image: url(http://i.imgur.com/sYzGjdY.png) 0 50 round;
        -webkit-border-radius: 20px;
        border: 3px solid #000;
        border-image: url(http://i.imgur.com/sYzGjdY.png) 0 50 round;
        border-left: 45px solid transparent;
        border-right: 45px solid transparent;
        width: 1025px;
        }

Obrigado. Divertido

Ip.Design
Nível 2

Masculino
Inscrito dia : 28/08/2013
Mensagens : 7
Pontos Ativos : 13

Ver perfil do usuário http://ipdesign.maisforum.com/

Resolvido Re: Bordas como imagem nas laterais do fórum

Mensagem por First em 29/08/13, 09:08 am

Olá,

Remova o código que o senhor esta utilizando e troque por este:
Código:
body {
padding: 0px;
}
#wrap {
-moz-border-radius: 20px;
-o-border-image: url(http://i.imgur.com/sYzGjdY.png) 3 50 round;
-webkit-border-image: url(http://i.imgur.com/sYzGjdY.png) 3 50 round;
-webkit-border-radius: 20px;
border: 3px solid #000;
border-image: url(http://i.imgur.com/sYzGjdY.png) 3 50 round;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
width: 1025px;
margin-top: -3px;
}
Até mais.
avatar

First
Membro do Fórum

Masculino
Inscrito dia : 12/07/2013
Mensagens : 1287
Pontos Ativos : 1843

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com//victor.jagata

Resolvido Re: Bordas como imagem nas laterais do fórum

Mensagem por Ip.Design em 29/08/13, 10:21 am

Perfeito.
#reputado.

Até logo Divertido

Ip.Design
Nível 2

Masculino
Inscrito dia : 28/08/2013
Mensagens : 7
Pontos Ativos : 13

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