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 79 comments ( View all | Add Comment )

ArcadeDa_AlienCat >:3

ArcadeDa_AlienCat >:3's profile picture

I GOT IT TO WORK RAAHHHHH


Report Comment

Ynnu

Ynnu's profile picture

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

Macy/Matt's profile picture

Using :3


Report Comment



OMGGG raskolnikov!!! as ur pfp.. do u read crime and punishment too

by 𝑣𝑖𝑜𝑙𝑒𝑡𝑡𝑒; ; Report

めいめい

めいめい's profile picture

using! (hopefully)


Report Comment

Aerozune

Aerozune's profile picture

Thank you so much!!


Report Comment

Lexi

Lexi's profile picture

where should i put the URL?


Report Comment



Between the parentheses where it says URL

by Boogley; ; Report

meatbuuuuuns

meatbuuuuuns's profile picture

using!


Report Comment

younoobgetfrag

younoobgetfrag's profile picture

using :3


Report Comment

// N3n3 <3 //

// N3n3 <3 //'s profile picture

usingg


Report Comment

Ela౨ৎ

Ela౨ৎ's profile picture

using


Report Comment

୧Gord‿̩͙୨

୧Gord‿̩͙୨'s profile picture

deffo using!!! ty <333
ur a lyfesavr


Report Comment

Ember :3

Ember :3's profile picture

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:

leni c:'s profile picture

using!!! c:


Report Comment

Ant

Ant's profile picture

using!


Report Comment

Water111

Water111's profile picture

usingg


Report Comment

teal✮

teal✮'s profile picture

TYSM !! will use


Report Comment

Chexz

Chexz's profile picture

bro this helps more than that "photo overlay" search ty


Report Comment

LIVVIWIVVI<33

LIVVIWIVVI<33's profile picture

using using using


Report Comment

tastemybuttercream

tastemybuttercream's profile picture

somehow for me it isnt working anymore, i can update the setting of images i have put before on my profile but cant add new ones, they wont show im going crazy rn, if someone can help ill be so grateful!


Report Comment



nevermind im dumb as fuck i spent moths without making profiles and forgot i had to put another code too

by tastemybuttercream; ; Report

colorTrixster

colorTrixster's profile picture

using


Report Comment