Custom Blog/Bulletin (Default: Purple Space)

Tags: bulletin, blog, animated, custom, customize, purple, space

Description:

~Want your blog/bulletin to have a bit more (or less) color and movement than the default? Customize it!

Pretty self explanatory lol. Tips in the code!
I'm new to CSS and HTML so sorry for any bugs ;p lmk if theres issues and ill try to help!

To get the same exact set up as in the screenshot, just copy and paste. To customize, go into the CSS code and change the information!

original layout code: https://layouts.spacehey.com/layout?id=27525
^ I cleaned up and modified some of the code, added tips, and customized it to how I wanted it!

i don't care if you credit me, but lmk if u use it :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ╰┈➤ 𝑗 𝑢 𝑛 𝑜  (https://layouts.spacehey.com/layout?id=40155) -->

<!--Original coding at this link ttps://layouts.spacehey.com/layout?id=27525 -->

<!-- anything between these brackets are for you to read and doesn't show up on the page, feel free to delete them if you want-->

<!-- This is the cursor, first link is what it usually looks like 2nd is what itll look like when it hovers over a clickable links -->
<style>*
    {cursor: url('https://cur.cursors-4u.net/cursors/cur-11/cur1054.cur'), auto;}a:hover 
    {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1049.cur), auto;}
</style>

<!-- this is general colors & background! to change the background, find any messages that start with (url:("[link]") and replace them with your own! to change them to a color, take out url and just type in the hex code -->

<style>
    main {
  color: #ca2dff;
  font-size: 80%;
}

    body{
        background-image:url("https://media.tenor.com/xqvBeoKIZFEAAAAC/glitter-purple.gif")
    }

    :root {
        --logo-blue: #fd02ea; 
        --darker-blue: #ca2dff; 
        --lighter-blue:url(https://media.tenor.com/xqvBeoKIZFEAAAAC/glitter-purple.gif); 
        background-position: center; 
        --even-lighter-blue: url(https://media.tenor.com/xqvBeoKIZFEAAAAC/glitter-purple.gif); 
        background-position: center; 
        --lightest-blue: url(https://media.tenor.com/xqvBeoKIZFEAAAAC/glitter-purple.gif); 
        --dark-orange:url(https://media.tenor.com/Wypbjs6EIP4AAAAC/night-sky-stars.gif) 
        --light-orange:url(https://media.tenor.com/Wypbjs6EIP4AAAAC/night-sky-stars.gif); background-position: center; 
        --even-lighter-orange:url(https://media.tenor.com/Wypbjs6EIP4AAAAC/night-sky-stars.gif);
        --red: #fd02ea;
    } 

.count {
  color: #fd02ea;
}

</style>

<!--This changes the comment section background-->
<style>
.comments-table td:first-child, .music-table td:first-child {
  background:url(https://media.tenor.com/Wypbjs6EIP4AAAAC/night-sky-stars.gif);
</style>

<!--This changes the navigation and footers!-->
<style>
        nav .top {
            background-image: url('https://media.tenor.com/xqvBeoKIZFEAAAAC/glitter-purple.gif'); 
            background-position: center
        }

    footer {
        background-image: url('https://media.tenor.com/xqvBeoKIZFEAAAAC/glitter-purple.gif'); 
        background-position: center;
    } 

</style>

<!-- This changes the background directly behind the post, giving it a light black background. To keep it the same as the whole background, remove "rgba(0,0,0,0.28); and replace with "none;"-->

<style>
    main{
        background:rgba(0, 0, 0, 0.28);
    }
</style>

<!--all done! have fun :3-->

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 28 comments ( View all | Add Comment )

CyberEMO? ХЗ	1713733426 using!!1 thx :3 Report Comment
✿ BETTY ✿	1713679029 using!! :] Report Comment
LUTE	1710260901 using !! Report Comment
Archer_The_M0NST3RR_	1708912848 Using. Report Comment
junojinxxed☆	1708392584 using! Report Comment
MED ♡	1706656963 using! Report Comment
starzvee ☆	1705761838 using >.< Report Comment
˙✮⋆ Sky!!! ⋆✮˙	1705469012 using!!! Report Comment
kkaiser14	1702608600 used!! thank you this is awesome Report Comment
gumball [profile is a wip]	1702472371 using Report Comment
The Matriarch	1699850278 usingggg Report Comment
XxR0ckerG4lxX	1699209949 Using!!! Report Comment
Dizzy Dizzy	1699061353 USING!! <3 Report Comment
Atsushi★	1699029736 using (or atleast trying to figure out how to use) Report Comment
juno / millie ★	1697994883 using :3 Report Comment
⏱︎; Scarab 𓅓	1697416096 using Report Comment
NEAR!!!!!	1697295107 using!!! tysm :,) Report Comment
ଘ 👾 ๑ raven ୧ ˚₊ ⚝	1697103587 might use this!! ^-^ Report Comment
raven (phighting phan)	1696733680 using Report Comment
Tobiathan	1696642634 im probably gonna use this x3c Report Comment