Hello!!

Full disclaimer, most of this code is not mine! I linked back to the OGs where I could but I made this so my friends can code their profiles.

reiterating, because this is getting attention outside of the three IRL friends I made this for: MOST OF THIS CODE IS NOT MINE!! IF ANY OF IT IS YOURS, AND YOU WANT IT TAKEN DOWN, PLEASE LET ME KNOW!!

I'm not very good at HTML but I'll help where I can

Read First:

- do all of this on a computer, it's much easier

- have my profile open in a separate tab (because I reference back to it!)

- unless otherwise noted, paste everything in the "about me" section

("how do I get to the about me section?" | home >> edit profile >> it's the first box)

- if it's easier, copy/paste codes into google docs first, edit, and then put them in the about me.

(^^ if you do that, go into "preferences" on google docs and uncheck every box, including "substitutions"! otherwise codes WILL break!!)

- HIT "SAVE ALL" AFTER YOU DO EACH ONE OF THESE, THEN VIEW YOUR PROFILE TO SEE IF IT'S WHAT YOU WANT!!

I want to...

ALL YOU NEED TO DO IS PLUG IN A LINK (2 MIN EFFORT):

add music player (looks intimidating but is super easy) (the barenaked ladies song)

add stamps (all the blinking things on the right)

ALL YOU NEED TO DO IS PLUG IN SOME TEXT (3 MIN EFFORT):

change the text on the headers ("X's Blurbs" --> "what's up??")

add "snowflakes" (the oranges raining from my profile, layout created by Katie)

change the icons in the "contact" section (default --> hearts, stars, etc.)

REQUIRES A BIT OF THOUGHT AND TWEAKING (5-10 MIN EFFORT):

change the "main" section color and (optional) add a border (the orange parts)

change fonts (headers, main text, and name)

add scrolling music albums (the scrolling albums on the right)

change my profile colors (the non-background, non-"main" color)

to change your blog layout and colors, copy the stuff from your about me section, open a new blog entry, hit the < > box in the upper left corner of the text box, paste. not everything will work some of it has unique code if you want it just text me

and if you want my rocker cat in the corner

<!-- cat in corner -->

<!-- (c) Layout created by ♡ (https://layouts.spacehey.com/layout?id=40417) -->

<div style="float:  ; max-height: 100px; position: fixed; left: 13px; top: 12px; z-index: 200;">

<img src="https://media.tenor.com/wCf-QCRfwmkAAAAi/%D0%BA%D0%BE%D1%82%D0%B8%D0%BA-playing-guitar.gif" height="100"/></div>

<style></style>

and if you want your pfp to look like a cd case

<!-- CD case -->

<!-- (c) Layout created by Valentine (https://layouts.spacehey.com/layout?id=29048) -->

<style>

/* replace with cd image that has transparent background. must be 150px by 150px. */

:root {

--cd-image: url('https://fluorescent-lights.neocities.org/Digital-CD-Disk-Vector-Transparent-PNG.png');

}

.profile-pic {

position: relative;

width: 183px;

filter: drop-shadow(0 0 0.25rem gray);

}

.profile-pic:after {

content: "";

background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));

background-size: contain, cover;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}

.profile-pic:before {

content: "";

background: var(--cd-image);

position: absolute;

top: 5px;

left: -20px;

width: 150px;

height: 150px;

background-repeat: no-repeat;

z-index: -1;

animation-name: spin;

animation-duration: 5000ms;

animation-iteration-count: infinite;

animation-timing-function: linear; 

transition: left ease 0.5s;

}

.profile-pic:hover:before {

left: -75px;

}

@keyframes spin {

    from {

        transform:rotate(0deg);

    }

    to {

        transform:rotate(360deg);

    }

}

.profile-pic .pfp-fallback {

float: right;

width: 163px;

height: 160px;

border: none;

}

.general-about .profile-pic img {

max-width: inherit;

}

</style>