Boogley's profile picture

Layout published by Boogley

published
updated

Add to Favorites

View Layouts

View Profile

Report Layout

How to add an image to the corner of your profile

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 )

jEsSe

jEsSe's profile picture

I hope u get the best night sleep ever thank u twin :3


Report Comment

Idol_RR

Idol_RR's profile picture

usingggg


Report Comment

justshinythings

justshinythings's profile picture

using!! this is very halpful thank you :>


Report Comment

Amdebo / DJ Marlowe

Amdebo / DJ Marlowe's profile picture

thank u


Report Comment

gyse

gyse's profile picture

Usandooo


Report Comment

EpiccWoahh!!

EpiccWoahh!!'s profile picture

Using TYSMMM!!


Report Comment

xaniella

xaniella's profile picture

USING


Report Comment

boba ⸝⸝ ʚɞ

boba ⸝⸝ ʚɞ's profile picture

using


Report Comment

Lux

Lux's profile picture

using!


Report Comment

Sam

Sam's profile picture

Using!!


Report Comment

-Alistair-

-Alistair-'s profile picture

using! ^.^


Report Comment

.✦ ݁˖ʟᴏᴜɪsᴛᴏᴏᴄᴏᴏʟ♬.ᐟ

.✦ ݁˖ʟᴏᴜɪsᴛᴏᴏᴄᴏᴏʟ♬.ᐟ's profile picture

Using !!!


Report Comment

₊ ⭒ *ೃ༄Haru˚ • 𖥔 ࣪˖ ⭑ ₊

 ₊ ⭒ *ೃ༄Haru˚ • 𖥔 ࣪˖ ⭑ ₊ 's profile picture

USING!!!


Report Comment

frogomatic

frogomatic's profile picture

using tysm


Report Comment

Soriyah ⋆──⃝─⃝⃝⃝⃝──⋆

Soriyah ⋆──⃝─⃝⃝⃝⃝──⋆'s profile picture

The image showed over my profile comments? Does anyone know how to fix this?


Report Comment

avadore // profile still in progress

avadore // profile still ...'s profile picture

using!!


Report Comment

247_neniis

247_neniis's profile picture

using!!!!


Report Comment

alexisonline

alexisonline's profile picture

using!! thanks


Report Comment

🦴 — Hikaru

🦴 — Hikaru's profile picture

Using


Report Comment

HANNOI 

HANNOI 's profile picture

Is there any way to make it appear after your loading screen is playing?


Report Comment



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