🗡 katana ˏˋ°•*⁀➷'s profile picture

Published by

published
updated

Category: Web, HTML, Tech

my teeny-tiny collection of layout stuff

In no way am I good at coding however since 7pm last night (currently 9:11 am for me) I have been working on my SpaceHey profile, though most of that time was spent learning how to do a lot of stuff for it-

Anyways on here I'm just going to be keeping track of the things I've learnt to do so I can hopefully help someone else out too!!!

Will update as I learn <3

Basics:

Just some quick basic things, the order of your code and where you place it matters. The general layout of your profile will go inside of <style> </style> tags however things like blinkies or music won't! You can instead put those in your "about me", "people I'd like to meet", "music" sections, etc! 

When editing your profile you can preview it in the profile editor in friends view or this spacehey css previewer. Both of these are very helpful to test your code especially when doing a lot of things so I'd definitely recommend them :D


Adding Blinkies to your profile!!!

Adding blinkies, for me at least, is probably the easiest thing you can do for your profile! And its also probably something everyone already knows how to do but anyways.....

To add blinkies, you first need to find an image or gif that ends with ".gif" or ".png" 

Using something directly from google images wont work however if you find something on google you'd like to add you can copy the address link of the image, go to imgur.com, press "new post" which is a green button on the top of your page. From there you can upload your image or copy and paste the link and it will give you your link!! You just need to copy the address link of that image too. 

If imgur isn't working for you some other websites I used for my profile:

https://en.picmix.com/

https://www.glitter-graphics.com/

(these can come in handy for other parts of your profile too!!!)

Now, time to add it to your profile! To do this is very simple. Find where you want to put your blinkie, I put most of mine in my "who I'd like to meet" section but any will work. 

Next, just copy and paste this code into that section: 

<img src="[YOUR LINK HERE]"/>

(replace your link here with your link. KEEP THE QUOTATION MARKS, REMOVE THE BRACETS.)

BOOM!! blinkiesssss yayayayayayayyay :D

If there is a blinkie in my profile you want a link for just let me know <3 


Floating lil things

Idk what they are called but if you look at my profile you can see what I'm talking about

For these, you find an image/gif the same way you did for your blinkies! 

When you find the one you want, you put it into this code:

<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;"> <img src="[YOUR LINK HERE]" height="220"/>

(replace "your link here" with your link. KEEP THE QUOTATION MARKS, REMOVE THE BRACETS.)

This part has a little more customization with the code. Different images/gifs will require different values! The code I provided above includes the values I used for my profile! Below is it with no values:

<div style="float:  ; max-height: #px; position: fixed; [left/right]: 1px; [top/bottom]: #px; z-index: #;"> <img src="[YOUR LINK HERE]" height="#"/>

(do not keep the #'s.)


this all I got so far it too hard to explain stuff 


4 Kudos

Comments

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