CammysNotOkay's profile picture

Layout published by CammysNotOkay

published
updated

View Layouts

View Profile

Report Layout

Sad Boi Aesthetic

Tags: goth, emo, sad boi, anime, purple, whole page, detailed, animated

Description:

This is the layout I currently use on my profile! Feel free to use it, take bits of code from it etc. just please mention me or say thanks etc!

WARNING PLEASE READ:
This code is for your whole profile, there are parts of it that are designed to be pasted into the interests sections.

I have tried to make this as blatantly obvious as possible. Scroll through the code, copy and paste the code into the associated sections on your profile and remove the comments at the start and end of the section!

If you need help with this layout, please feel free to send me a message and I will happily assist you in it!

Preview:

Layout Screenshot
click on the image for a larger preview

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.


Comments

Displaying 20 of 56 comments ( View all | Add Comment )

A$her.exe

A$her.exe's profile picture

This is amazing tysm :)


Report Comment



Hi?

by Luccesk; ; Report

hi?

by A$her.exe; ; Report

โ–‘โ–’โ–“โ–ˆ ๐ฌ๐จ๐œ๐ค โ–ˆโ–“โ–’โ–‘

โ–‘โ–’โ–“โ–ˆ ๐ฌ๐จ๐œ๐ค โ–ˆโ–“โ–’โ–‘'s profile picture

hey uh btw im having troubles with changing my online! icon thing... got any idea why? it just doesnt work


Report Comment

โ–‘โ–’โ–“โ–ˆ ๐ฌ๐จ๐œ๐ค โ–ˆโ–“โ–’โ–‘

โ–‘โ–’โ–“โ–ˆ ๐ฌ๐จ๐œ๐ค โ–ˆโ–“โ–’โ–‘'s profile picture

thank you sm for the descriptions and things! im trying to relearn html code and this helps sm!!!!!


Report Comment

Fox

Fox's profile picture

did a bit of editing to fit my aesthetic, ty for making this code !! very well done !!


Report Comment

Ghost

Ghost's profile picture

How do i change which spotify playlists are showing and their names into my playlists?


Report Comment



If your not into coding, you should skip this layout, it took a lot of tinkering with to figure out. If you are it is a bit of a process. Hope this helps!

go to your spotify playlist > more options > share > Embed playlist > pick color > Show code > copy

it should begin and end with "inframe ... /inframe"

I use this website [https://www.w3schools.com/css/tryit.asp?filename=trycss_intro] to read the code better replace the code that is there already with CammysNotOkay's code.

scroll down to the ***Music*** section and replace his "inframe ... /inframe" with your "inframe ... /inframe" code.

by 010BeepMrrflemp010; ; Report

Mark Raziel Draven

Mark Raziel Draven's profile picture

Thanks m8!


Report Comment

Alexis D.

Alexis D.'s profile picture

Mid if I use this pls


Report Comment

>Azrael< xD

>Azrael< xD's profile picture

Se ve increรญble


no se como se aรฑada al perfil pero pronto lo averiguare soy nuevo en la pagina



gracias por el cรณdigo amigo


Report Comment

Ghost

Ghost's profile picture

I love this layout,but it wont let me change the youtube video.Everytime i do it just deletes it. Can you help me with this? Im new to coding.


Report Comment



Sorry for the late reply!

So to change the video, find the video you want on youtube, click on the share button, and click on "embed"

Then paste the code that it gives you in place of this line;


So delete that line of code and paste in the code you get from youtube! (I would advise changing the width and height properties just to keep it even, but that should fix the issue!

by CammysNotOkay; ; Report

Royce

Royce's profile picture

how exactly do i add it


Report Comment



Copy and paste the code into the "about me" section of your profile.

There are other parts of the code which are meant to be pasted into different sections of your profile. If you scroll through the code, I tried to make it as obvious as possible about which parts go where!

by CammysNotOkay; ; Report

Thanks it looks great!

by Royce; ; Report

Blackjack

Blackjack's profile picture

I love this! Thank you very much!


Report Comment

Invader_TonyVanity

Invader_TonyVanity's profile picture

how did you get it to be see through?i mean you can see your back round through your profile thingy how did you do that?


Report Comment



Sorry for late reply, but that would be these lines of code;
main{
background: rgba(0, 0, 0, 0) !important;
}
This line gets rid of the white background behind your profile

.profile {
background:rgba(21, 23, 26, 0.95);
}
This line makes the background of your profile grey and semi see-through!

If you want it a different colour, just google RGB colour picker, find the colour you want and change the values in the brackets. The final number is how see through it is, so I have it set at 95% transparency

by CammysNotOkay; ; Report

AudreyCakes <3

AudreyCakes <3's profile picture

thank you so much this code is amazing xoxo


Report Comment

Alishia

Alishia's profile picture

Love it!!


Report Comment

Katharsi

Katharsi's profile picture

thank you :)


Report Comment

SamanthaMariex

SamanthaMariex's profile picture

Thank youu


Report Comment

๐“š๐“ช๐”‚๐“ต๐“ฒ๐“ฎ

๐“š๐“ช๐”‚๐“ต๐“ฒ๐“ฎ's profile picture

Thank you :33


Report Comment

haru

haru's profile picture

love it! thank you


Report Comment

r3yn

r3yn's profile picture

I love this, thank you!


Report Comment

Vio<3

Vio<3's profile picture

I love this layout! It was really easy to use, and I literally have no idea what I'm doing lol


Report Comment



Glad you like it and managed to figure it out!

by CammysNotOkay; ; Report