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

Carrøts	1761747647 usinggg thxxx Report Comment
D3ATHisN3AR	1761655239 usinggg!! :D Report Comment
leukOtom3	1761413325 Yayayayaay using! Report Comment
WizzardAttack⋆｡° ✮ 🇩🇿	1760130032 I'm in love !! going to use it it! Report Comment . by leukOtom3; 1761413334; Report i didn't i know by WizzardAttack⋆｡° ✮ 🇩🇿; 1761416796; Report Whaa? Srry i meant to type hi after the dot but my mom distracted me and i jst sent it incomplete without noticing by leukOtom3; 1761417016; Report x) by WizzardAttack⋆｡° ✮ 🇩🇿; 1761417053; Report
Caro the Unknown	1760059578 using!!!! Report Comment
Sammy	1757813083 Using! ^w^ Report Comment
cybrkitty	1756680784 using! Report Comment
PossumGhostz	1755022733 I think imma use it :) Report Comment
zombiekitty	1754687131 super cute! Report Comment
𖤐♰Leo♰𖤐 aka gexosay	1753647733 using!! Report Comment
Aether	1753359231 about to use/using Report Comment
꧁•⊹٭𝙵𝚎𝙼𝚊٭⊹•꧂	1750728859 Using Report Comment
🌽XØKADE	1746113200 yewsiinngg Report Comment
‧°𐐪♡𐑂°‧ annie ‧°𐐪♡𐑂°‧	1743112473 using! :D Report Comment
Astronomical ☆	1742156354 using!! Report Comment
Eclipse	1741794854 usingg Report Comment
Gabz <3	1738462925 Using :D Report Comment
Dee	1737331183 using Report Comment
Lay	1732257946 using Report Comment
benjamin	1730826402 using Report Comment