Bordas como imagem nas laterais do fórum

[Ip.Design]

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

[First]

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.

[Ip.Design]

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.

[First]

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.

[Ip.Design]

Perfeito.
#reputado.

Até logo