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 106 comments ( View all | Add Comment )
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! :-)
Kotis
using!!! this is v cool, ty!!
_maybeâmoth_
using!!
GAZEB0 :3
using!
GHOSTLY_T0ASTLY
using!!
OkayOllie
Using, thank you!
red velvet cake luvr!!
using this!!
qiqi (￣o￣) . z Z
using tysm ^_^
deadgirl369
this was s0 h3lpful th4nk uuu :3
Cindy <3 ☾☼✫
using, tyy <3
☆ BLOOD !!
Using!!
Rat Council :3
using :)
caup✮p
ty
vichy
using, ty!
FamGam08
usingg!!
shitovikk
using!!thanks!!
meatbuuuuuns
thank you!!! using :D