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 )

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 / nova

boba / nova'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

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

 ₊ ⭒ *ೃ༄Soraa˚ • 𖥔 ࣪˖ ⭑ ₊...'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

𝕸𝖔𝖗𝖙𝖎𝖈𝖎𝖆𝖓

𝕸𝖔𝖗𝖙𝖎𝖈𝖎𝖆𝖓's profile picture

using


Report Comment

vee

vee'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