santa hat + animated candy cane pfp border!

Tags: christmas, holiday, festive, layout, gif, red

Description:

note: the santa hat code is modified from spacehey's! their original santa hat code can be found here. just wanted to give credit where credit is due!

i whipped up the code for this candy cane border and thought the little santa hats on everyone's profile were adorable, so i combined the two! it's mobile-responsive. the santa hat can be removed, though, if that isn't your style. feel free to modify the positioning, rotating, size, etc. if you want to change it up. i use this layout editor to experiment without having to use my actual profile.

i'm not the best at coding, so if this can be improved in any way please let me know! also, comments would be super appreciated if you're using or if you like it! <3 i'd love to check out your pages!

(just paste the code between style tags in your blurbs, as always.)

candy cane border, so you can see it animated:

Preview:

Code:

<!-- (c) Layout created by melt (https://layouts.spacehey.com/layout?id=91581) --> .general-about { position: relative; margin-top: 30px; } .general-about .profile-pic { position: relative; } .general-about .profile-pic img { border-radius: 50%; } .general-about .profile-pic::after { content: ""; background: url('https://files.catbox.moe/wiysb6.gif') no-repeat; background-size: contain; position: absolute; top: -10px; left: -10px; height: 185px; width: 185px; z-index: 998; } /* remove the code below if you don't want the santa hat */ .general-about .profile-pic::before { content: ""; background: url("https://files.catbox.moe/be927y.gif") no-repeat; background-size: cover; display: block; width: 115px; height: 115px; z-index: 999; position: absolute; top: -30px; left: -41px; transform: rotate(-20deg); }

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.