Cute Purple Little Stars Layout

Tags: purple, simple, hooterbby, stars, cute stars, light purple, space, little stars, cute space

Description:

Notes: -I place my codes in my about me section. Anything else you want under the Blurbs area can be added into your Who I'd Like To Meet section. (I do this to keep the codes separate from other content.) -You can change your interest labels, found at the top of the code, labeled "topic". -Comments are in a scroll box. Hidden areas: Friends photos. url box. most headers.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Hooterbby (https://layouts.spacehey.com/layout?id=40587) -->

<style>
table, th, td { border: 0px solid;}:root {

  --topic1: "topic 1";
  --topic2: "topic 2";
  --topic3: "topic 3";
  --topic4: "topic 4";
  --topic5: "topic 5";
  --topic6: "topic 6";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>
.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: "🌟"
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-6/foo506.ani), url(https://cur.cursors-4u.net/food/foo-6/foo506.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/28/lucky-charms-moon.html" target="_blank" title="Lucky Charms Moon"><img src="https://cur.cursors-4u.net/cursor.png" alt="Lucky Charms Moon" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
    a{
        
    color: #F6F3E4 !important;
        
    }
    a:hover{
        
    color: purple !important;
        
    }
  
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Sacramento &display=swap');
h1{
  font-family: 'Sacramento', bold;
  font-size: 4.5em !important;
}
</style>
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}
</style>
<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    }

    ::-webkit-scrollbar-thumb {
    background: #C39EFE;
    }

    ::-webkit-scrollbar-track {
    background: #E6CAF1;
    }
</style>
<style>
https://genericprofileeditor.neocities.org/profile?id=6326

a:hover{

background-color: transparent !important;
background-image: url('https://25.media.tumblr.com/tumblr_m9pfmkVsi11rc7pm9o1_400.gif') !important;
background-repeat: repeat !important;
background-position: center !important;

}
.links a:hover{

background-color: transparent !important;
background-image: url('https://25.media.tumblr.com/tumblr_m9pfmkVsi11rc7pm9o1_400.gif') !important;
background-repeat: repeat !important;
background-position: center !important;

}
</style>
<style>
.friends-grid{display: none !important;}
</style>

<style>
.contact .heading{display: none !important;}

.url-info{display: none !important;}

.profile-info{display: none !important;}

 .blurbs .section h4{display: none !important;}

.comment-replies{border: 0px solid none !important;}

 .table-section .heading{display: none !important;}

.blurbs .heading{display: none !important;}
</style>
<style>
    main{
    background-color: #BE9EDD !important;
    }

    body{
        
    background-color: black !important;
    background-image: url('https://img.freepik.com/premium-vector/lots-glittering-yellow-stars-lovely-pastel-purple-background-babies_68708-1332.jpg?w=360') !important;
    background-attachment: static !important;
    background-repeat: repeat !important;
    background-position: top-center !important;
        
    }
</style>

<style>
    .top{
        
    background-color: transparent !important;
    }
    .links{
        
    background-color: transparent !important;
    }
    footer{
        
    background-color: transparent !important;
    }
</style>

<style>
body  
    {
--lighter-blue: none;
}
</style>

<style>
table.comments-table{

display: block;
height:  400px!important;
overflow-y: scroll;

}
</style>

<style>
.friends .heading{
color: Black !important;
background-color: #E6CAF1 !important;
}
</style>

<style>
.count{
color: purple !important;
}
</style>

<style>
    .top{
    background-color: transparent !important;
    }
        .contact{
    background-color: tranparent !important;
        }
    table.details-table{
    background-color: transparent !important;
    }
    .profile .details-table td{
    background-color: transparent !important;
    }
    .comments-table td{
    background-color: #C39EFE !important;
    }
    footer{
    background-color: transparent !important;
    }

</style>
<style>
main:before {
width: 100%;
height: 20px;
display: block;
content: "";
background-image: url('');
background-position: center;
background-size: ;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>  table, th, td {

text-align: center;

}</style>

<style>  body {

text-align: center;

}</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 1 of 1 comments ( View all | Add Comment )

★𝑨𝒗𝒂★

1694135636

OMG ITS SO CUTE !! I'm gonna save it to my favorites to use in the future! :D

Report Comment

well thank you! i wish it showed the cursor, but its also a little yellow moon which i found was perfect, im using it on my personal page if you wanna see in action before i change it again.

by Hooterbby ; 1694135861; Report

it looks so cute on your page!! :D

by ★𝑨𝒗𝒂★; 1694136115; Report