Posted by Pagedoll Code Help?

Robert 🌈
[ruerot™] (#5382)

Grumpy
View Forum Posts


Posted on
2024-02-01 21:45:24
It's late here so my apologies if I'm not fully comprehensive. I have a tough time understanding coding even when I am rested, hahah. Alright, so before my hiatus, I had a code for pagedolls; however, that was forever ago and I've since then lost it and the knowhow. (I am not very familiar with css.)

Now, I have a code I am toying with, but I cannot for the life of me figure out how to "fix" the image to the left side of my screen and "stick" there without moving as I scroll down my page. And, should I try to adjust it, sometimes my code is "eaten" after the page refreshes during the save. What am I doing wrong?

I hope this makes sense. Any help for my old brain is greatly appreciated! (Molly, if you're reading this: I didn't want to bother you on your birthday!)

Here is the code I am working with, if it is any use:
<img src="URL" width="50%" style="float:left;margin: 0px 0px 0px 0px;">
Thank you for your time.



Hrt Icon 0 players like this post! Like?

Edited on 01/02/24 @ 23:25:15 by Robert 🌈 [ruerot] (#5382)

Trace (#68847)


View Forum Posts


Posted on
2024-02-02 07:03:03
To "stick" anything in a page, such that it follows along your scrolling, you will have to use position:fixed in your style tag.

For an inline style CSS like one that you have up, code will be written horizontally.. so the code could be something like this..

<*img src="URL" style="width:50%; height:10px; margin: 15px; position:fixed; z-index:100;"*>

z-index is optional. It prioritizes the layering of "things" on a page and can be removed.

I hope this helps. Cheers!



Hrt Icon 0 players like this post! Like?

Robert 🌈
[ruerot™] (#5382)

Grumpy
View Forum Posts


Posted on
2024-02-02 10:59:17
Alright, thanks! I'll give it a try.

As of writing this, I've tried it, but when the page saves and auto-refreshes, the code is now missing "position:fixed; z-index:100" and the image still moves with my scroll. I've put it into the top of my den description, above everything else, I've adjusted the numbers - I'm not sure if there's something I'm missing or oblivious to? I know this has got to be so much simpler than I am making it, hahah.



Hrt Icon 0 players like this post! Like?

Trace (#68847)


View Forum Posts


Posted on
2024-02-02 12:02:25
I had a look at your profile, and I am going to assume that you don't have an external CSS stylesheet so you are 'controlling' the pagedoll's code in the den description.

Since I can't experiment with your code directly, I am unsure if there are other CSS elements affecting the page doll, but assuming (once again ^^') that there is nothing, then hopefully the code below works. Could you perhaps try this code instead?

<*img src="https://i.postimg.cc/G3NjjFJF/sitting-cub-side.png" style="position: fixed; height: auto; width: 40%; z-index: 100; bottom:20px; left:20px;"*>

Please remove the asterisks, and make sure not to remove any of the semi-colons.



Hrt Icon 0 players like this post! Like?

Robert 🌈
[ruerot™] (#5382)

Grumpy
View Forum Posts


Posted on
2024-02-02 12:07:53
Your assumption is correct! Everything's in the den description; I don't know how to do much more than the basics and altering the html code I have credited on my profile. I'll give that code a try now!

I appreciate you reaching out and giving me a hand, by the way. I'll try my best not to induce any headaches for you, hahah.



Hrt Icon 0 players like this post! Like?

Trace (#68847)


View Forum Posts


Posted on
2024-02-02 12:10:47
You're more than fine. Feel free to let me know if you have any code hiccups!



Hrt Icon 0 players like this post! Like?

Robert 🌈
[ruerot™] (#5382)

Grumpy
View Forum Posts


Posted on
2024-02-02 12:19:56
So putting in the code and saving the profile turns it into this:

<img src="https://i.postimg.cc/G3NjjFJF/sitting-cub-side.png" style="height:auto;width:40%;" alt="" />

I don't know why the site is "eating" away part of the code? Would it be beneficial if I just give you my whole den description through pastebin?



Hrt Icon 0 players like this post! Like?

Trace (#68847)


View Forum Posts


Posted on
2024-02-02 16:36:16
If that's the case, you will most probably have to use an external stylesheet (using Dropbox seems to be most popular) to control the image. I think it's because of Lioden's existing stylesheet that overrides what is in the den description.



Hrt Icon 0 players like this post! Like?







Memory Used: 621.66 KB - Queries: 0 - Query Time: 0.00000 - Total Time: 0.00351s