duncannnn's profile picture

Published by

published
updated

Category: SpaceHey

how to make a cool layout/pimp out ur profile!

heres some advice for newbies who wanna deck their profiles out!

if you want to add cool blinkies/stamps/icon/etc, try and find some blogs filled with them! heres some blog i used (THESE ARE NOT MINE)

Blinkies, stamps, gifs, buttons, and other silly things - spookss's Blog | SpaceHey

Blinkies, stamps, gifs, buttons, XDDDD and links at bottom for moreeeezzz - XxI10veZ0mB1ezXxx's Blog | SpaceHey

✩ blinkies collection! :3 - rookie ☆'s Blog | SpaceHey

STAMPS - ☽Toby☾'s Blog | SpaceHey

Stamps, Blinkies, and Buttons. - Christian's Blog | SpaceHey

to add these to your profile, go into edit profile and pick a section you want your blinkie/stamp in. then type this code:

<img src="(ADD IMAGE URL HERE)"/>

after typing this code, double click the item you want and select open image in new tab, then copy the url at the top and paste it into the code

dont add the parenthesis though

-----------------------------------------------------------------------------------------------------

if you want to add an image/gif at the corner of your page use this code:

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">

<img src="(ADD IMAGE URL HERE)" width="300" height="300"/></div>

same instructions as the last one, only thing is that if you want to change the size of it you can mess with the width and height to make is match ur profile

ONLY WORKS ON ABOUT ME SECTION

-----------------------------------------------------------------------------------------------------

want to test a layout but not ruin your page? heres a link to a layout tester so you can see how it looks!

Spacehey CSS preview thingy (neocities.org)

this way you can save yourself a huge breakdown if you mess something up trying to do something new

------------------------------------------------------------------------------------------------------

this one might be more confusing but its worth it, you are going to have to embed a song so it can play when u open your page

auto playing background music:

<iframe width="0" height="0" src="https://www.youtube.com/embed/INSERT EMBED HERE//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

(to find the embed version of a song, go to youtube and find the song you want and click share, you should see a embed option that has this symbol ><, click on it and it should give you a code. go exactly to the part of code that has https://www.youtube.com/embed/ and exactly where the / is you copy everything after that and stop where the //? is at. you copy that into this code here and it should play music when you open your profile)

ONLY WORKS ON ABOUT ME SECTION

----------------------------------------------------------------------------------------------------------------

i have a custom online icon (its a cute lil peashooter) and heres the code for you to be able to change your online icon to whatever gif u want!

custom online icon:

<style>

.online { visibility: hidden; } .online img { content: url("INSERT IMAGE URL HERE"); animation-name: none; visibility: visible; height: 43px; width: 90px; }

<style>

(DO NOT forget to include the <style> at beginning and end or it will not work! mess around with the width and height so that it fits your gif/image perfectly)

ONLY WORKS ON ABOUT ME SECTION

----------------------------------------------------------------------------------------------------------------

wanna change ur cursor? heres a website that lets you preview and copy codes so you can paste them into your about me section! 

Free Custom Cursors | gaf210Codes (gafcodes.com)

----------------------------------------------------------------------------------------------------------------

want an animation to play when you open your page? heres a code to use in the about me section of your profile!

<style>

body:before {


content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('INSERT GIF URL HERE');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 4s ease 0s 1 normal forwards;

pointer-events: none;


}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

<style>

-------------------------------------------------------------------------------------------------------------------

thats all i have for now but i will add more so check on that when you can, if you have any questions please lmk!


7 Kudos

Comments

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