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.