my personal scene layout!!

Tags: scene, pink, glitter, stars, rainbow, homestuck

Description:

i frankenstined this layout a good while ago so if there's code from other people it belongs 2 them not me,, includes a nyan cat intro screen, autoplay (freakin freak by dot dot curve), homestuck (cursor, contact icons + spinning homestuck cd), icp online graphic + spacehey logo ... you can replace any of these with whateva u want, you can use this code as a base irdc /lh you don't have 2 comment, however if you need help pls dm me i don't read the comments too often

Preview:

click on the image for a larger preview

Code:

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/HaCj2IqXDTw//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>
.online {
        content: url("https://files.catbox.moe/e4ro3e.gif");}</style>

<style>
  
  .logo {
  
  content:url("https://i.postimg.cc/wTSNw49W/Untitled879-20230625163333.png")
  
  }
  
  </style>

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

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://i.pinimg.com/originals/7e/98/2f/7e982f6859d7d5c600d1506ce82cf52e.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>



place your about me here!!!
<marquee> <font color="#ff057e">now playing: Freakin' Freak by Dot Dot Curve </font> </marquee>


<style>table.comments-table{display: block;height: 400px!important;overflow-y: scroll;}</style>

<style>
.top{
background-color: color !important;
background-image: url('https://i.pinimg.com/originals/42/58/74/42587467684c9ba16191a52deddf1e88.gif') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>


<style>
main{
background-color: color !important;
background-image: url('https://files.catbox.moe/s8mx21.gif') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
body{
background-color: color !important;
background-image: url('https://i.pinimg.com/originals/2f/6f/06/2f6f060beae8c4582177366a47a896fe.gif') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.heading{
background-color: color !important;
background-image: url('https://i.pinimg.com/originals/42/58/74/42587467684c9ba16191a52deddf1e88.gif') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
footer{
background-color: color !important;
background-image: url('https://i.pinimg.com/originals/42/58/74/42587467684c9ba16191a52deddf1e88.gif') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>


<style>
.links{
background-color: black !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.blurbs{
background-color: black !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.blog-preview{
background-color: black !important;
background-image: url('') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.friends{
background-color: black !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>


<style>
.url-info{
background-color: black !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>


<style>
.contact{
background-color: black !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.table-section td{
background-color: black !important;
background-image: url('') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>
.comments-table td{
background-color: black !important;
background-image: url('picture url') !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: top left !important;
background-size: cover !important; }
</style>

<style>.profile{color: #ff057e !important;}<style/>
<style>.heading{color: red !important;}<style/>
<style>h1{color: #ff057e !important;}</style>
<style>h4{color: #ff057e !important;}</style>
<style>.blurbs{color: white !important;}</style>
<style>.general-about{color: white !important;}</style>
<style>.mood p{color: white !important;}</style>
<style>.url-info b{color: white !important;}</style>
<style>.url-info{color: #ff057e !important;}</style>
<style>.friends b{color: white !important;}</style>
<style>.blog-preview{color: white !important;}</style>
<style>.profile .blurbs .section h4{color: #ff057e !important;}</style>

<style>
table.details-table{
border: 1px solid  !important;
}
.profile .details-table td{
border: 1px solid #ff057e !important;
}
</style>

<style> .contact .heading{
border: 2px solid #ff057e !important;
}
</style>

<style> .contact{
border: 3px solid #ff057e !important;
}
</style>

<style>
table.details-table{
border: 2px solid #ff057e !important;
}

<style> footer{
border: 2px solid #ff057e !important;
}
</style>


<style> .blurbs .heading{
border: 2px solid #ff057e !important;
}
</style>

<style> .friends .heading{
border: 2px solid #ff057e !important;
}
</style>

<style> .url-info{
border: 3px solid #ff057e !important;
}
</style>

<style> .table-section{
border: 2px solid #ff057e !important;
}
</style>

<style>
.blurbs{
border: 2px solid #ff057e !important;
}
</style>

<style>
.blog-preview{
border: 2px solid #ff057e !important;
}
</style>

<style>
.friends{
border: 2px solid #ff057e !important;
}
</style>


<style>
main{
border: 3px solid #ff057e !important;
}
</style>

<style>
.top{
border: 3px solid #ff057e !important;
}
</style>
<style>
.links{
border: 1px solid #ff057e !important;
}
</style>

<style>
/* replace with cd image that has transparent background. must be 150px by 150px. */
:root {
--cd-image: url('https://i.postimg.cc/MG96GQCQ/image.png');
}
.profile-pic {
position: relative;
width: 183px;
filter: drop-shadow(0 0 0.25rem gray);
}
.profile-pic:after {
content: "";
background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));
background-size: contain, cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.profile-pic:before {
content: "";
background: var(--cd-image);
position: absolute;
top: 5px;
left: -20px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
z-index: -1;
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
transition: left ease 0.5s;
}
.profile-pic:hover:before {
left: -75px;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.profile-pic .pfp-fallback {
float: right;
width: 163px;
height: 160px;
border: none;
}
.general-about .profile-pic img {
max-width: inherit;
}
</style>

<style>
body, a, a:hover { cursor:url(http://media.tumblr.com/60094151cd806000035846b384a9e1cb/tumblr_inline_mgkqt7qlVP1qg3bod.png), auto }</style><a href=""></a><a href=""></a>

<style>
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a {
font-size: 0;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after, .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
font-size: 12px; /* it can be any font size btdubz this is just an example */
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:after {
content: "bmf B33"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:after {
content: "fav me BD"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:after {
content: "mssg me B]"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:after {
content: "forward"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:after {
content: "im me!!"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:after {
content: "block B(("
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:after {
content: "add 2 group!!"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:after {
content: "report???"
}
</style>



<style> 
.contact {
        font-size: #px;
        border: solid #ff057e 2px!important;
        background-image: url("")!important;
        background: ;
        border-top: 0px;
        
    }
    .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 {
	    /* pls work */
	    content: url("https://files.catbox.moe/usnxgq.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("https://files.catbox.moe/1b8ovl.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("https://files.catbox.moe/00vani.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("https://files.catbox.moe/ht10i6.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("https://files.catbox.moe/qt56sg.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: URL("https://files.catbox.moe/n7vkhr.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("https://files.catbox.moe/oa6cwq.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("https://files.catbox.moe/pvbn4o.gif")
    } 
</style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact mee (=^w^=)"; font-size:.8rem; font-weight:bold; 
color:#ff057e; }
}</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 387 comments ( View all | Add Comment )

M1m1c :3	1748454433 Using Report Comment
Ema	1748430852 I really like this but i wanna change the song to something else but i cant figure it out for the life of me.Could anyone help me?? Report Comment
Z0MB1o3o	1748258868 usingg!! Report Comment
K4ndiR4verr	1748111804 USING Report Comment
Belle Yarin	1747883463 using<3 Report Comment
clara	1747748634 USINGG Report Comment
seaskys..	1747686052 using ! Report Comment
v☆mshee	1747580087 using! :3 Report Comment
ECL1PZZ	1747004295 using :p Report Comment
xXpiercedprincessXx	1746992921 using!! Report Comment
sammysrchive_xx	1746864066 using <3 Report Comment
maría	1746773144 using XD Report Comment
Kluminatti	1746629954 usimg Report Comment
Jozie	1746318792 Using! Report Comment
Jozie	1746318792 Using! Report Comment
nuclear Destroyer	1746049017 using Report Comment
lightblox!!	1745661860 using!!! Report Comment
Lina ( не существует )	1745567981 using Report Comment
azrael	1745234756 using :3 Report Comment
NeedleInMyAss	1744997559 Using :0 Report Comment