« Web, HTML, Tech Forum

How to make those "character at the bottom of the screen" ahh layouts

Hi, I know that you really like to add "useless" stuff to your profile, and I'm here to help y'all with this guide!

Here's the steps :

1. First, you gotta copy this code :


<!-- add your credits here -->

<div style="float: ; max-height: 300px; position: fixed; right: 10px; bottom: 40px; z-index: 50;">

    <img src="IMAGE_LINK" width="300" height="300"/>

</div>


2. Getting the image link

Pls replace the "IMAGE_LINK" with an actual image link, you can use any website that you can host your files on, like imgur, pasteboard, etc!

To copy the image that you uploaded on one of the websites that I mentioned, click "copy the image link" instead of "copy the image" and you know the that you need to replace the "IMAGE_LINK" with the image link you copied

Now here's the customization part, to change the size of the PNG, FIRST! Change the max-height to the height size that you like, and change the numbers on (width="300" height="300") to the size you like :3



3. Customization!! (Optional) :

To change the position! Just change the "right:" to "left:" if you want to make it appear in the left side, same thing with "bottom:", just change it to "top:" if you like it to be at the top of the screen, the numbers are just the distance between the edge, not really important.


Also about the z-index, pls don't change it, it will allow it to appear behind a video intro, iykyk

Nothing else is important here!



If you have any issues, pls tell me in the comments, hope this helps <3

Peace out!



Report Topic

1 Reply

Reply by neofenixlive

posted

OMG BRO THX!!!

i wanted to do this for a while but i never found a snippet and im not good at html, so thank you so much!

S2


Permalink Report Reply