Border Images?

[private]

Forum URL: nothere.boards.net
I am not asking about a background.

Is it possible for an image to be used as a border around the forum?
Example: One image on the left side.
Example: Or an image on the top, the bottom, the right side and the left side.

[Ulises]

Hey private.

The nearest thing to what you are describing is this (as an example): www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-image

Is that okay?

[private]

Oct 6, 2017 8:22:52 GMT -8 Ulises said:

Hey private .

The nearest thing to what you are describing is this (as an example): www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-image

Is that okay?

Ulises:
Thank you.
I have not decided on an image. 
I would not know how to place this code-correctly onto the bottom of my style sheet.
www.w3schools.com/cssref/tryit.asp?filename=trycss3_border-image

[Ulises]

No problem, what do you need it added to on your forum?

[private]

Oct 6, 2017 9:20:40 GMT -8 Ulises said:

No problem, what do you need it added to on your forum?

Ulises:
Thank you for your reply.
Link To Image
Below is the image that I would like to try out.



How do I use the code to do this?
Left side->vertical repeat 

[Ulises]

Thanks, where would this image go? Example: next to a specific board, next to a sidebar, etc.

[private]

Oct 7, 2017 9:14:22 GMT -8 Ulises said:

Thanks, where would this image go? Example: next to a specific board, next to a sidebar, etc.

Thank you.

On the homepage; the right and the left sides.
Vertical-left-repeating. 

Then on the left side of the day to day chit chat board.
Vertical-left-repeating. 

I  placed one part of the code on the bottom of the style sheet.
Nothing worked.

[Ulises]

Try this CSS:

div#content {
    border: 31px solid transparent;
    padding: 15px;
    -webkit-border-image: url(https://s5.postimg.cc/mqm7gsbbr/th96_Z9_ECRX_cherry_blossoms_vertical.jpg) 30 round;
    -o-border-image: url(https://s5.postimg.cc/mqm7gsbbr/th96_Z9_ECRX_cherry_blossoms_vertical.jpg) 30 round;
    border-image: url(https://s5.postimg.cc/mqm7gsbbr/th96_Z9_ECRX_cherry_blossoms_vertical.jpg) 30 round;
}

You can change the font size to something bigger/smaller if you want the pictures to change size. If you want that just on the home page you would need to go to your layout templates and select the Home template and copy/paste this after the <header> line:

<style>div#content {
    border: 31px solid transparent;
    padding: 15px;
    -webkit-border-image: url(https://s5.postimg.cc/mqm7gsbbr/th96_Z9_ECRX_cherry_blossoms_vertical.jpg) 30 round;
    -o-border-image: url(https://s5.postimg.cc/mqm7gsbbr/th96_Z9_ECRX_cherry_blossoms_vertical.jpg) 30 round;
    border-image: url(https://s5.postimg.cc/mqm7gsbbr/th96_Z9_ECRX_cherry_blossoms_vertical.jpg) 30 round;
}
</style>

[private]

Ulises:
What did I do wrong?
The first code was successful.
After that I deleted it and added the second code.
Was I supposed to add both codes onto the bottom of the style sheet?
Syntax Error on line 1600

[Ulises]

If you want that just on the home page you would need to go to your layout templates and select the Home template and copy/paste this after the <header> line:

Oh, you don't need the second code. I provided the second code to go in your home template just in case you wanted the borders to display on the home page and not anywhere else since the first code (the one that goes in your style sheet) applies the borders to all pages.

[private]

Oct 8, 2017 8:27:31 GMT -8 Ulises said:

If you want that just on the home page you would need to go to your layout templates and select the Home template and copy/paste this after the <header> line:

Oh, you don't need the second code. I provided the second code to go in your home template just in case you wanted the borders to display on the home page and not anywhere else since the first code (the one that goes in your style sheet) applies the borders to all pages.

Ulises:
Thank you for doing this for me.
I decided to have the border image show on the home page.


I have a question:
Is it possible for the code to just be on one side of the forum?

[Ulises]

Afraid that's not possible after further researching. Sorry!

[private]

Oct 8, 2017 11:26:27 GMT -8 Ulises said:

Afraid that's not possible after further researching. Sorry!

Ulises:
Thank you for your reply.
In the future, I may want to change the image.

Please mark this resolved.