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

‧°𐐪♡𐑂°‧ annie ‧°𐐪♡𐑂°‧	1743112473 using! :D Report Comment
Astro!! ☆	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
Urvi｡𖦹°‧	1725730273 using ;3 Report Comment
Monica Diaz	1719015168 I Love it!!!!! it perfect!!!!!it totally me!! thanks Report Comment
maru	1718596105 Using <3 Report Comment
˗ˏˋ⊹ Ali ☆彡	1715566431 Using, thank you! Report Comment
moldy	1715432008 using) Report Comment
CyberEMO? ХЗ	1713733426 using!!1 thx :3 Report Comment
Simon ⚡	1713679029 using!! :] Report Comment
.	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