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 85 comments ( View all | Add Comment )
tox 彡☆
using this rn :P
MEL!
YES IT WORKED THANK YOU :D
WolfCat !!
USING I LOVE THIS SO MUCH!! also idk if thisll help anyone but the numbers i used to get my gif in the top left were 1165 for the right value and 700 for the height value, i didnt touch the other numbers. hope this benefits someone! :)
tastemybuttercream
im wondering if theres a way to keep them stuck idk how to explain this, like for example the bunny and strawberries picture on my profile how can i get it stuck where it is right when you open the profile?
im looking for the same thing! right now i had to manually position the image i wanted to the corner when you open the site but i wish it was fixed where it is just above the taskbar whenever you scroll. atp im not sure if its an issue where its broken due to other codes or an issue with the code itself:(
by ⦻ toby // sunny ⦻; ; Report
ill save this so i can tell you if i find a way!!
by tastemybuttercream; ; Report
xxshimmerxx
i cant really find the answer im looking for so im wondering if youd be able to help me understand/send a website that would show me what im looking for. i want to use the code, but change the position of the image to the top right corner, and im not sure what the properties for that would be. i was wondering if theres a website that shows what i should put for the pixel numbers, z-index, etc. it would be super helpful if theres even a picture showing the different properties for each corner of the website!!
Socially Awkward
Using!1!!!!!111!! Ths was soooo helpful, ty!! >L<
Purple_LOL
I GOT IT TO WORK RAAHHHHH
heyy can i see how ur code looks like because it never seem to work on my part...
by AKTIFEAST [Alex]; ; Report
It won't let me comment the code I used, I'll send it to you through messages if ur cool with friending me, if not lmk if there's another way to send the code
by Purple_LOL; ; Report
Ynnu
Thank you!! This was so helpful!
Also idk if this will be helpful to anyone but I had to use position:absolute so the picture would stay in one place and not move when I scroll :)
Macy/Matt
Using :3
めいめい
using! (hopefully)
Aerozune
Thank you so much!!
Lexi
where should i put the URL?
Between the parentheses where it says URL
by Boogley; ; Report
meatbuuuuuns
using!
younoobgetfrag
using :3
// N3n3 <3 //
usingg
,,,
using
ᎬᎷᏆᏞᎽ‿̩͙୨
deffo using!!! ty <333
ur a lyfesavr
Ember :3
is there a reason i can only add one image?? even when i adjust the position its only showing one at a time
Please read the edit.
by Boogley; ; Report
leni c:
using!!! c:
Ant
using!