1 |
|
---|---|
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. ![]() 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! ![]() ![]() |
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. ![]() |
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. ![]() ![]() |
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. ![]() ![]() |
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! ![]() |
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? ![]() |
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. ![]() ![]() |
1 |
---|