Posted by Fixed Image

[🥩] MuttMeat (#477764)


View Forum Posts


Posted on
2024-06-09 08:10:59
To keep it short and sweet; is it possible to have an image at a fixed position on the den page? I've been scouring the forums, but I haven't found anything on this subject, so if someone is able to help me out, I'd appreciate it immensely!

EDIT: We figured it out! This is the code I ended up using to make it work.

CSS

div.container.main::after {
content: "";
background-image: url(URL HERE);
background-size: cover;
position: fixed;
display: block;
height: 350px;
width: 275px;
left: 0px;
bottom: 0rem;
z-index: 1;
}



Hrt Icon 0 players like this post! Like?

Edited on 09/06/24 @ 10:23:17 by [🥩] MuttMeat (#477764)

Astrallyx[G2 Styx
NRLC] (#268219)

Lone Wanderer
View Forum Posts


Posted on
2024-06-09 08:12:14
Hi! I think you're looking for something like this:

<*Img SRC="LINK" width="600*"

You need a direct link to the image, and you can change 600 to whatever size you like, for my den i prefer 450 but it really does depend on the image
Also remember to remove the *



Hrt Icon 0 players like this post! Like?


Edited on 09/06/24 @ 08:13:13 by Astrallyx [Side] (#268219)

[🥩] MuttMeat (#477764)


View Forum Posts


Posted on
2024-06-09 08:14:52
Thank you for trying to help, but that's not quite what I'm looking to do.

I'm trying to place an image at the bottom right of the screen of the den page. As in, as you scroll, it remains fixed at that location, but I haven't been able to figure out how to do it despite a few attempts -- I'm pretty new to coding haha



Hrt Icon 0 players like this post! Like?


Edited on 09/06/24 @ 08:15:56 by [👁️] Malsm (#477764)

Astrallyx[G2 Styx
NRLC] (#268219)

Lone Wanderer
View Forum Posts


Posted on
2024-06-09 08:17:28
Oh i dont think ive seen anything like that sadly, and I'm unsure if thats even possible on a lioden den, sorry i couldnt help!



Hrt Icon 1 player likes this post! Like?

Bandit Gambit
[Project] (#98263)

Nightmare
View Forum Posts


Posted on
2024-06-09 09:29:00
I've seen that before! Here's a link to their den page:
https://www.lioden.com/territory.php?id=46341

You could reach out to them and see if they know how to do it?



Hrt Icon 1 player likes this post! Like?


Edited on 09/06/24 @ 09:29:28 by Regular Tsunami [G1] (#98263)

[🥩] MuttMeat (#477764)


View Forum Posts


Posted on
2024-06-09 10:16:08
Oh! Thank you! That was extremely helpful. Checking their code, I was close to figuring it out, but it seemed I forgot to add :after to the container.

This is what I used to make it work:

div.container.main::after {
content: "";
background-image: url(URL HERE);
background-size: cover;
position: fixed;
display: block;
height: 350px;
width: 275px;
left: 0px;
bottom: 0rem;
z-index: 1;
}



Hrt Icon 2 players like this post! Like?

🍦König'
s Milkgirl|G2
11Cimm🍦 (#408919)

Spanker
View Forum Posts


Posted on
2024-06-09 11:20:02
I'm not sure on how to make this work 7w7



Hrt Icon 0 players like this post! Like?

[🥩] MuttMeat (#477764)


View Forum Posts


Posted on
2024-06-09 11:22:56
I recommend looking at one of the many CSS guides on the forum and grabbing a template; you can add this bit of code at the end of your custom CSS file o:



Hrt Icon 0 players like this post! Like?

🍦König'
s Milkgirl|G2
11Cimm🍦 (#408919)

Spanker
View Forum Posts


Posted on
2024-06-09 11:24:06
Well I'll give it a shot :p



Hrt Icon 0 players like this post! Like?

🍦König'
s Milkgirl|G2
11Cimm🍦 (#408919)

Spanker
View Forum Posts


Posted on
2024-06-10 10:56:11
Well i tried and successfully failed xd



Hrt Icon 0 players like this post! Like?







Memory Used: 628.45 KB - Queries: 2 - Query Time: 0.00112 - Total Time: 0.00540s