Help Background

[Bill123456789]

How do I make the background an image and write over it with text?

 

[Idea]

The basics are

[div=background-image:url('LINK TO THE IMAGE');background-size:(COVER OR FULL);]TEXT CONTENT[/div]

or

[border=none;background-image:url('LINK TO THE IMAGE');background-size:(COVER OR FULL);]TEXT CONTENT[/border]

This will give you the background image itself, but it should be noted it's not the end of the story and you'll probably want to add other specifications to the code. For example adding 'height' or 'min-height' can let you define the height of image (in pixels), or you may want to restrict it the width. In particular images rarely lend themselves well to writing over them, so you may want to add other backgrounds contained within the image.

For example, this:

[div=background-image:url('https://wallpaperdelight.com/wp-content/uploads/2024/03/An-anime-dragon-guardian-stands-watch-over-a-magical-kingdom-embodying-protection-and-strength-in-this-wallpaper-titled-Guardian-of-the-Realm.jpg.jpg');background-size:cover;min-height:500px;]
[div=background-color:rgba(0, 0, 0, 0.75); min-height:490px;width:40%;margin:0 auto;padding:1%;color:white;] [center][size=6][b]TEXT HERE[/b][/size][/center]

The text was here and as you can see the text here is written because text is here written and there is text here also and also here and here and here and on and on... [/div]
[/div]

Gives you:

TEXT HERE​

The text was here and as you can see the text here is written because text is here written and there is text here also and also here and here and here and on and on...

 

[Bill123456789]

Nice

The basics are

[div=background-image:url('LINK TO THE IMAGE');background-size:(COVER OR FULL);]TEXT CONTENT[/div]

or

[border=none;background-image:url('LINK TO THE IMAGE');background-size:(COVER OR FULL);]TEXT CONTENT[/border]

This will give you the background image itself, but it should be noted it's not the end of the story and you'll probably want to add other specifications to the code. For example adding 'height' or 'min-height' can let you define the height of image (in pixels), or you may want to restrict it the width. In particular images rarely lend themselves well to writing over them, so you may want to add other backgrounds contained within the image.

For example, this:

[div=background-image:url('https://wallpaperdelight.com/wp-content/uploads/2024/03/An-anime-dragon-guardian-stands-watch-over-a-magical-kingdom-embodying-protection-and-strength-in-this-wallpaper-titled-Guardian-of-the-Realm.jpg.jpg');background-size:cover;min-height:500px;]
[div=background-color:rgba(0, 0, 0, 0.75); min-height:490px;width:40%;margin:0 auto;padding:1%;color:white;] [center][size=6][b]TEXT HERE[/b][/size][/center]

The text was here and as you can see the text here is written because text is here written and there is text here also and also here and here and here and on and on... [/div]
[/div]

Gives you:

TEXT HERE​

The text was here and as you can see the text here is written because text is here written and there is text here also and also here and here and here and on and on...

Nice. Thank you.

 

[Idea]

You're welcome.