Code to put an image in the bottom right of layout
Replies
I've been playing around with trying to fix an image in the bottom right of the screen for Shu Yamino but the code i've been trying breaks the layout or just ignores the fixed image. here is a reference for what i am looking to do:
Here is the most recent code i've been trying:
body{background-color:;
background-image: url("https://cdn.discordapp.com/attachments/1012931240678133911/1099725032416096298/YamBG.png");
background-repeat: repeat;
background-attachment: fixed}
body{background-image: url=("https://cdn.discordapp.com/attachments/1012931240678133911/1099724744007364638/Hoel_Mama_Birthday_Art2.png" alt="Shu bday"); position: absolute; right: 0px; bottom: 0px;}
i think the main issue is i don't know how have two images for background / put an image outside of the box
🦋 [flower=Rayfelle] 🦋
to have multiple background images, you'd do something like this. the info for the image in front will come first, then a comma, then the info for the image you want behind that.
body {
background-color: ;
background-image: url(https://cdn.discordapp.com/attachments/1012931240678133911/1099724744007364638/Hoel_Mama_Birthday_Art2.png), url(https://cdn.discordapp.com/attachments/1012931240678133911/1099725032416096298/YamBG.png);
background-repeat: no-repeat, repeat;
background-attachment: fixed, fixed;
background-position: right bottom, left top;
background-size: 346px 400px, 242px 233px;
}
;){kind=link}
i don't know exactly what size you want the front background image, but you can adjust that by changing the first pair of pixel values; just make sure to keep them in proportion, so for example if you want the width 1.5 bigger you'll also multiply the height by 1.5.
