User lookup foreground Pics

3 posts in this topic

Hi guys,

I have seen this sometimes in certain userlookups that have a picture on the side or bottom that appears to be in the foreground. It stays in place and scrolls with you.

I have been been looking through countless guides to try and learn how to do this but I cannot find info or figure it out.

I do know it is something to do with hovering, but I don't know how to make the image appear in front of everything. 

Any help would be appreciated. Thanks :D

Share this post

Link to post
Share on other sites

Hi! I believe what you're looking for are called floats, and Silent Serenity used to have them on their page (for some reason they're no longer available there).

I did some poking around and apparently what you need to do is insert the following code between the < style > tags:

.bottom img {
	bottom: 0px;
	left: 0px;
	z-index: 1;

And then insert this outside the style tags:

<div class="bottom"><img src="" style="position: fixed;"></div>

And of course, replace the image URL to whatever you want to use.

I'm not sure if this exact code is the one Silent Serenity used to provide, but if I were to use this I would credit them all the same, just in case.

smoss1 and acorah like this

Share this post

Link to post
Share on other sites

Ahh! Thank you! That seemed to work!!


As the guides I found wouldn't list how to do this. Trying to crtl + find my way through another person's lookup gave me the code used outside the style tags, but not the inside. What I ended up with was the image floating in the background behind everything.


But, this was perfect, thank you again!

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now