Add to Favorites
View Layouts
View Profile
Report Layout
Tags: template
Description:
Just add you image URL and you're ready to go. It's currently positioned for the bottom right of the screen. To change that you must change the amounts in: right, bottom, height, etc.
Also no need to comment on using or whatever cx if you have issues or confusion lmk though.
EDIT: I've had a few people ask how to use this code template for more than one image so I will try my best to explain c:
In the code the word "image" shows up three times. You need to change that to a different word for each entree.
For example in my personal profile code I am using this code for two different images/gifs one I put Mushroom, the other Mushy.
<style>
/* corner image. hidden on mobile */
.image {
background: url('URL') no-repeat;
background-size: 100%!important;
position: fixed;
right: 0px;
bottom: 0px;
height: 320px;
width: 300px;
z-index: 1000;
opacity: 1;
}
@media (max-width: 600px) {
.image{display:none;}
}
</style>
<div class="image"></div>
<style>
/* corner image. hidden on mobile */
.mushroom{
background: url('URL') no-repeat;
background-size: 100%!important;
position: fixed;
right: 0px;
bottom: 0px;
height: 320px;
width: 300px;
z-index: 1000;
opacity: 1;
}
@media (max-width: 600px) {
.mushroom{display:none;}
}
</style>
<div class="mushroom"></div>
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments
Displaying 20 of 117 comments ( View all | Add Comment )
HANNOI
Is there any way to make it appear after your loading screen is playing?
hey did you find this out?? i kinda need it lol
by four; ; Report
applepie9
Hi!! this is a really cool thing but can i somehow block it to not move from place when for example i add something to my page and its like idk "longer"..?? Or when someone is my friend and the "... is your friend" box appears? :(
Im pretty sure you gotta add smth like "fixed" to it but just so yk before you do like it can end up blocking stuff on your page if someone has a different screen size and the position will look different on devices (and ik this cause i tried to do that before) im not sure though if like theres a way for it not to interfere and block things if it were in a fixedposition but i think theres a layouthelp blog that tells you how to keep it in a fixed position if you were to want to do that btw goodluck hope you figure it out!
by c2er; ; Report
also if you want any help i could try to find the old code i used for it to stay in one place and not to move when you scroll but idk if i still have it
by c2er; ; Report
Silvia
TThankyou
odalys
you're amazing omg ily tysm
⇱Brooklyn⇲
Youre a fuckin legend for this.
-->KONE
THANKYOU SO MUCH FOR THIS, i owe you my brothers first born child
wbi-archive
thank you so much much for this guide, i couldn't figure out how to do this on my own. Now i can make my profile at least a little bit more mobile friendly
mario
using tysm
ianmustdie
thank u!! will be using
Big Parma
hey, idk why but this just isn't working for me, Any advice? thx :-))
ngl what i had trouble with was that the code wasnt in its own style tag. idk if it's the right way to do it, but for each picture i had it looked like this :
.band {
background: url('https://i.ibb.co/9HP7W22K/Im-with-the-band.png') no-repeat;
background-size: 100%!important;
position: fixed;
right: 30px;
bottom: 0px;
height: 700px;
width: 250px;
z-index: 1000;
opacity: 1;
}
@media (max-width: 600px) {
.band{display:none;}
}
by ianmustdie; ; Report
Luna
usinghgggg ty
saurnn ☾𓋹
USINGG
angeliphobia
using ^^
btw i have a loading screen and when i view my profile the image show up over the screen. Is there a way to change this so that the image is under the loading screen? Awesome tutorial btw :)
same problem here, did you find a way to fix it?
by TOKIDOXIKA; ; Report
if you want the loading screen to display on top of the image set the z-index to something bigger like:
image z-index: 1000
loading screen z-index: 2000
by ☆mars☆; ; Report
🇸🇵🇴🇴🇰🇾 ❗
using
cupkakes4life!
using! :-)
Ghost
using!!! this is v cool, ty!!
_maybeâmoth_
using!!
GAZEB0 :3
using!
GHOSTLY_T0ASTLY
using!!
OkayOllie
Using, thank you!