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 135 comments ( View all | Add Comment )
Idol_RR
usingggg
justshinythings
using!! this is very halpful thank you :>
Amdebo / DJ Marlowe
thank u
gyse
Usandooo
EpiccWoahh!!
Using TYSMMM!!
xaniella
USING
boba / nova
using
Lux
using!
Sam
Using!!
-Alistair-
using! ^.^
.✦ ݁˖ʟᴏᴜɪsᴛᴏᴏᴄᴏᴏʟ♬.ᐟ
Using !!!
₊ ⭒ *ೃ༄Soraa˚ • 𖥔 ࣪˖ ⭑ ₊
USING!!!
frogomatic
using tysm
Soriyah ⋆──⃝─⃝⃝⃝⃝──⋆
The image showed over my profile comments? Does anyone know how to fix this?
avadore // profile still in progress
using!!
247_neniis
using!!!!
𝕸𝖔𝖗𝖙𝖎𝖈𝖎𝖆𝖓
using
vee
using!! thanks
🦴 — Hikaru
Using
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
sorry im late to this, but on the loading screen section of your code, make sure the z-index is higher than the images. since they put the images as "z-index: 1000;" you could put "z-index: 1100;" on the loading screen or anything above 1000 (or change both to lower, it doesn't matter)
by Faoil; ; Report
thank you smm
by HANNOI ; ; Report