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

The Moon	1766365701 Using! Report Comment
Ayedrii.Y3n	1765338538 usinggggg Report Comment
Alex	1763821943 Very cool layout! Using! :-D Report Comment
★𝐚𝐥𝐞𝐱 :𝟑★	1762462913 using!! Report Comment
Wind	1762185484 Using! Thank you so much. :) <3 Report Comment
Carol🥕	1761747647 usinggg thxxx Report Comment
D3ATHisN3AR	1761655239 usinggg!! :D Report Comment
karlـــــــــﮩ٨ـ	1761413325 Yayayayaay using! Report Comment
WizzardAttack⋆｡° ✮ 🇩🇿	1760130032 I'm in love !! going to use it it! Report Comment . by karlـــــــــﮩ٨ـ; 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 karlـــــــــﮩ٨ـ; 1761417016; Report x) by WizzardAttack⋆｡° ✮ 🇩🇿; 1761417053; Report
Caro the Unknown	1760059578 using!!!! Report Comment
Hanziel	1757813083 Using! ^w^ Report Comment
cybrpuppyx	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