Background Images

Hello, I've been working on my first squiffy (on a browser) and wondered if it was possible to set up background images. I've been adding in detailed images so far by making pixel art drawings and converting them to text art through online converters, as well as just drawing text art myself, but have come to a stand-still in the case of background images, as using text art for such a thing seems incredibly labor-intensive. I know how to change background color, which is my backup, but if it's possible to upload images to be used as a background then I would like to do so. Sorry if this is all really obvious stuff I'm asking, I'm new and have no idea what I'm doing.

Thank you for your help
--constant


Here's a rather lengthy example of how to do it in the Squiffy Editor.

@set style_sunny=<meta name="viewport" content="width=device-width, initial-scale=1.0"><div style="color:black; font-family:Verdana; font-weight:900; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; border:5px outset darkblue; padding:20px; max-width:auto; max-height:auto; background-repeat: no-repeat; background-size: cover; background-image: url('https://p0.pxfuel.com/preview/71/224/852/field-trees-sunny-summer.jpg');"">

After declaring this style, any time you want a section to use this style, you just put

{style_sunny}

how do you make it so that the image functions as a background, appearing behind the text? I tested this and it adds the image, but pushed text below it.


@set style_sunny=<meta name="viewport" content="width=device-width, initial-scale=1.0"><div style="color:black; font-family:Verdana; font-weight:900; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: white; border:5px outset darkblue; padding:20px; max-width:auto; max-height:auto; background-repeat: no-repeat; background-size: cover; background-image: url('https://p0.pxfuel.com/preview/71/224/852/field-trees-sunny-summer.jpg');"">

{style_sunny}
This text should appear in front of the background image.

This topic is now closed. Topics are closed after 180 days of inactivity.

Support

Forums