[CSS] Border Around Forum

[Incompetent Egoist]

Is there a v4.5 conversion of this code?

[♥ ℒʊ√ ♥]

For some reason, I have this bookmarked. Perhaps it will help.   zdtestboard.proboards.com/index.cgi?board=codes&action=display&thread=7

[Bluesonic1]

Is there any way to use this like the old code where you could use images as the border around the forum? If so, how do I do that?

[Shrike]

Jun 5, 2013 23:05:06 GMT -8 Bluesonic1 said:

Is there any way to use this like the old code where you could use images as the border around the forum? If so, how do I do that?

Was this a single background image, or were there head/base images? For the former, you can just add background-image: url("link_to_image_here"); to the CSS in the first post. You can use any other background properties you might need for things like repeating the image.

[Bluesonic1]

Kinda using head and base images; I'm thinking of Smangii's border around the forum with images code. Sadly I can't find Smangii's original thread showing the whole code, so I only have this piece from an old forum I had (it's missing a global footers portion):
<script>
<!--
/* Border-Around-Forum using Images - by Smangii */

var hi = "URL";
var mi = "URL";
var bi = "URL";

document.write('<table width="88%" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" width="100%"><img src="'+hi+'"></td></tr><tr><td width="100%" style="background-image: url('+mi+');">')
//-->
</script>

[Welshling]

Stinky666 may be able to help you out with that bluesonic.

[Stinky666]

Jun 6, 2013 4:02:27 GMT -8 Bluesonic1 said:

Kinda using head and base images; I'm thinking of Smangii's border around the forum with images code. Sadly I can't find Smangii's original thread showing the whole code, so I only have this piece from an old forum I had (it's missing a global footers portion):
<script>
<!--
/* Border-Around-Forum using Images - by Smangii */

var hi = "URL";
var mi = "URL";
var bi = "URL";

document.write('<table width="88%" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" width="100%"><img src="'+hi+'"></td></tr><tr><td width="100%" style="background-image: url('+mi+');">')
//-->
</script>

Full code: smangii.proboards.com/thread/6466/border-forum?page=1

[Bluesonic1]

Jun 6, 2013 6:14:36 GMT -8 Stinky666 said:

Jun 6, 2013 4:02:27 GMT -8 Bluesonic1 said:

Kinda using head and base images; I'm thinking of Smangii's border around the forum with images code. Sadly I can't find Smangii's original thread showing the whole code, so I only have this piece from an old forum I had (it's missing a global footers portion):
<script>
<!--
/* Border-Around-Forum using Images - by Smangii */

var hi = "URL";
var mi = "URL";
var bi = "URL";

document.write('<table width="88%" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" width="100%"><img src="'+hi+'"></td></tr><tr><td width="100%" style="background-image: url('+mi+');">')
//-->
</script>

Full code: smangii.proboards.com/thread/6466/border-forum?page=1

Thanks for the link! I didn't realise Smangii had his own forum; I'll take a looksie around there as he may have updated that code to v5!

[Bluesonic1]

I'm not a coder, and I'm having huge difficulty trying to use this code to achieve the border around forum using images effect. And everywhere I look people have asked the same question as me, and keep getting redirected to this thread to use this code. I can't be the only person struggling to understand how to get this to work for me and it's really frustrating. Could someone please help me out?

To reiterate what I'm wanting to achieve... head image above the forum, a 'middle' image that repeats all down the forum, and a footer image after the forum ends. This is what it looked like on v4.

This is what I've constructed so far but I haven't gone very far with: (Yes I'm aware the footer image is the same as the header; these aren't mine, I'm just using them to test the code so that when I have my images done, I can plug them in straight away)
/* border around forum */
#wrapper {background-image: url("http://img607.imageshack.us/img607/411/transparentbanner2body.png"),
url("http://imageshack.us/a/img404/411/transparentbanner2body.png"),
url("http://img607.imageshack.us/img607/411/transparentbanner2body.png");
background-repeat: no-repeat, repeat-y, no-repeat;
background-position: top center, center center, bottom center;
}

[XENO QUEEN]

I really feel like I'm failing here, Shrike !

]forum link here[


/* border around forum */
#wrapper {background-image: url(http://i1328./w524/kiwishaped/top_zps7ef602f4.jpg~original), url(http://i1328./w524/kiwishaped/middle_zpsa0417831.jpg~original),
url(http://i1328./w524/kiwishaped/bottom_zps308b2d66.jpg~original);
background-repeat: no-repeat, repeat-y, no-repeat;
background-position: top, bottom, middle;
    margin-bottom: 0 auto; padding: 26.3em;
}
That's what I've done so far, but I'm not sure how to center it and make it all fluid, what am I doing wrong?! -pout-

~Georgia.

[Bluesonic1]

Bump~

[XENO QUEEN]

For anyone still struggling with the image border, here's a fix that I was given:

HERE

[cvekiboy]

Using slightly different border around forum with head, base and background (as sides) images.
Any of this codes not cover my layout.

Please give me a hint how to have it on v5 forum.

P.S. Did tried also this code which gives me only head and background image on every div/table.
Suggest me if its what I shall stick to it.

[EDIT] *Solution may be posted here, too!

Login out...

END

[Singima]

how to do the outline of the boarder eg.. black ? .. ty for this tut

[Jen Parsons]

How would I go about making the outer border semi-transparent?