Blue Star Layout - Space inspired

Tags: stars, blue, dark blue, pretty, dark theme, starry sky, star layout, dark, layout, layouts

Description:

Learned how to make a layout so I wanted to share my first creation :3 THANK YOU FOR USING THIS I LOVE UU

(update 2/6/24: online status)

LAYOUT TUTORIAL: In the main menu, click on "Edit Profile". In there you should see an "About me" box. Back to this tab, copy the entire code thats in the "Layout code" box. Go back to the tab with the "about me" box and paste the code you copied, into that box. When its pasted, click "save all" and then view your profile 😊

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ch3rry ☾ ⋆*･ﾟ:⋆*･ﾟ (https://layouts.spacehey.com/layout?id=88787) -->

<style>
button, input {
    overflow: visible;
    background-color: #010528;
    border-style: dashed;
    border-color: #020211;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
}
button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background-color: #010528;
    border-style: dashed;
    border-color: #ff;
    border-width: 1.5px;
    margin: 5px 0px 0px 0px;
    color: #fff;
}
.comment-replies {
    padding: 0 5px;
    border: 1.8px dashed #fff;
    margin-top: 1px;
}
nav .links a:hover{
  text-decoration: underline;
  color: white;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #B3B3DC;
    text-decoration: underline;
}
table {
    border-top-color: rgb(2, 2, 17);
    border-right-color: rgb(2, 2, 17);
    border-bottom-color: rgb(2, 2, 17);
    border-left-color: rgb(2, 2, 17);
}
.comments-table td:first-child, .music-table td:first-child {
    background: #010528;
    background: #66012300;
    text-align: left;
    font-weight: light;
    width: 30%;
}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #fcdbb800;
    vertical-align: top;
}
.comment-replies {
    padding: 0 5px;
    border: 2px solid #020211;
    margin-top: 1px;
}
nav .links .special a {
    color: #fffff;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
    content: " ✩ ";
    color: white;
}
nav .links a {
    text-decoration: underline;
    color: white;
    text-shadow: 0 0 7px b;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-align: center;
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    text-align: center;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    color: #B3B3DC;
}
.details-table td {
    background: #fffff;
    background: var(--lightest-blue);
    vertical-align: top;
    border-style: solid;
    border-width: 0.5px;
}
main {
    background: black;
    color: #2C2C76;
    padding: 6px 0px;
    font-size: 100%;
    border-style: dashed;
    border-width: 0px px 2px 2px;
    border-color: #020211;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: #fff;
    background-color: #e3e3e300;
}
.container {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto 10px;
    padding: 9px 0px 0px 0px;
}
body {
    background: url(https://i.pinimg.com/originals/4c/ba/b9/4cbab97eaf40a31982176951814d0c11.gif); no-repeat fixed; background-size: 600px;

}

a {
     color: #B3B3DC;
text-shadow: 0 0 2px white;
font-family: verdana, cursive;
font-size: 17px
line-height: 50px;

}

:root {
    --logo-blue:;
    --darker-blue: white;
    --lighter-blue: #020211;
    --even-lighter-blue: #020211;
    --lightest-blue: #020211;
    --dark-orange: #2C2C76;
    --light-orange: #020211;
    --even-lighter-orange: #020211;
    --accent-color: #2C2C76;
}

.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

	/* Add to Friends */

	content: "✩"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

	/* Add to Favorites */

	content: "✩"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

	/* Send Message */

	content: "✩"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

	/* Forward to Friend */

	content: "✩"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

	/* Instant Message */

	content: "✩"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

	/* Block User */

	content: "✩"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

	/* Add to Group */

	content: "✩"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

	/* Report Profile */

	content: "✩"

}

.count {
    color: #b3b3dc;
}

.profile .friends .person p {
    color: #b3b3dc;
    font-weight: light;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

.online { visibility: hidden; } .online img { content: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/fba9c3e9-5f1f-461b-992e-7655ffa0233a/d9s7qxh-9e3c5544-2c31-49cd-b405-ad7d96801252.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2ZiYTljM2U5LTVmMWYtNDYxYi05OTJlLTc2NTVmZmEwMjMzYVwvZDlzN3F4aC05ZTNjNTU0NC0yYzMxLTQ5Y2QtYjQwNS1hZDdkOTY4MDEyNTIuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.YsBkTxCCCWhxp230AjxIW1lumlhNGJRmJK2VYWP6lcg); animation-name: none; visibility: visible; height: 40px; width: 80px; 

}

</style>

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

doubleDeck	1714841736 using Report Comment
d33rb0n3s	1714660810 using!! Report Comment
BluVinyl	1714653494 Using it. Thanks! Report Comment
EliBott	1713598062 Using Report Comment
𝅄 ֹ ᩿𖥻 ˓K.eon★ !!	1713183692 Usado¡! Report Comment
☆ THE BURROW ! ☆	1713042198 usinh Report Comment
jaye	1712779598 using!! :) Report Comment
♩♬ɴᴀᴍᴇʟᴇꜱꜱ♫♪	1712585691 USING!! (ITS VERY COOL OMG!!1!) Report Comment
Zavp	1712173266 USING!!! Report Comment
Luccas	1712024843 Using!! Report Comment
Luccas	1712024838 Using!! Report Comment
zoe	1711976292 UDING Report Comment
SunrayLeni	1711791536 Using <3 Report Comment
Nikki	1711638632 took me so long to find this freaking layout but I am using it T^T Report Comment I should probably make the name more specific by *ch3rry ☾ ⋆･ﾟ:⋆･ﾟ*; 1711661051; Report
xXBluejayXx	1710624573 using ^^ Report Comment
WAAWAWA3WA ☭	1710615605 es precioso!!! usando <3 Report Comment
kyle.png	1710322561 i ended up using it but im trying to figure out how to change the text color, like the about me stuff and stuff yk? but i can’t figure it out (＞人＜;) Report Comment I'll try to figure that out rn! Srry for late response, I've been busy by *ch3rry ☾ ⋆･ﾟ:⋆･ﾟ; 1710555688; Report thx !! and dw its okay ^_^ by kyle.png; 1710622468; Report if you go down to "root" it should say a bunch of colors like "lighter-blue", to change the color of the about me section, remove the hex code after "dark-orange" and input the color you would like. You can test out the layout using https://nein-mc.neocities.org/csstest/ by ch3rry ☾ ⋆･ﾟ:⋆･ﾟ*; 1710655688; Report
kyle.png	1710152876 may use !! (＞＜) Report Comment
elizabeth	1709761455 using !! Report Comment
Zero	1709704849 Using >^<!! Report Comment

Layout published by ch3rry ☾ ⋆*･ﾟ:⋆*･ﾟ

Blue Star Layout - Space inspired

Description:

Preview:

Code:

Comments

Layout published by ch3rry ☾ ⋆･ﾟ:⋆･ﾟ