❦ Alexx Sixx ❦'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

How 2 add images to the corners of ur profile!!!

Thought it was about time I made another HTML tutorial. This one is pretty simple. All you'll need is somewhere to host your image (I use Imgbb.com)


Step 1: Copy and paste this anywhere in your profile (outside your normal layout, works better when I place it somewhere separate


<div style="float:  ; max-height: 800px; position: fixed;[left or right]: 1px; bottom: 10px; z-index: 200;"><img src="[image address]" width="[image width]" height="[image height]"/></div>


Step 2: Inserting the image. Just like you would normally; copy and paste the image address of your picture and paste it into [image address] section between the quotation marks. Usually what I do is download it first and open the properties so that I can see the images dimensions (width + height) and then put those into the code. If it's too big then I half the width and height and keep doing that until it's the correct size.


Step 3: positioning. This step is easy really. Replace "[left or right]" with either left, or right, depending on what side of your screen you want the image. You can also change the values next to it to move it around. I'm no expert whatsoever so you'll just have to play around.


Some good sites to use for image hosting is Imgbb.com or just take it directly from pinterest. Sorry if this feels rushed, it's currently midnight and I'm super tired but hopefully this helps! Also shoutout to 67% calcium for helping me out with the code! didn't work for me but it was a step in the right direction to help me figure it out, so thanks either way!


13 Kudos

Comments

Displaying 2 of 2 comments ( View all | Add Comment )

RON

RON's profile picture

THIS IS SO HELPFUL TYYYYYYY !!


Report Comment

gr4Ve_desecr4tor

gr4Ve_desecr4tor's profile picture

Thx! Also cool blog layout its sick!


Report Comment