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
Report Comment
MEL!
YES IT WORKED THANK YOU :D
Report Comment
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! :)
Report Comment
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?
Report Comment
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!!
Report Comment
Socially Awkward
Using!1!!!!!111!! Ths was soooo helpful, ty!! >L<
Report Comment
Purple_LOL
I GOT IT TO WORK RAAHHHHH
Report Comment
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 :)
Report Comment
Macy/Matt
Using :3
Report Comment
めいめい
using! (hopefully)
Report Comment
Aerozune
Thank you so much!!
Report Comment
Lexi
where should i put the URL?
Report Comment
Between the parentheses where it says URL
by Boogley; ; Report
meatbuuuuuns
using!
Report Comment
younoobgetfrag
using :3
Report Comment
// N3n3 <3 //
usingg
Report Comment
,,,
using
Report Comment
ᎬᎷᏆᏞᎽ‿̩͙୨
deffo using!!! ty <333
ur a lyfesavr
Report Comment
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
Report Comment
Please read the edit.
by Boogley; ; Report
leni c:
using!!! c:
Report Comment
Ant
using!
Report Comment