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

THEE__VHONSTER	1743387160 Usingggg Report Comment
H★zbell	1743384616 El mejor diseñooo (⁠≧⁠▽⁠≦⁠) Report Comment
Nojenta	1743338754 USINGGG ^>^ Report Comment
whos_enty?	1743300313 usinggggg Report Comment
Momo	1743141495 usingg Report Comment
Momo	1743141492 usingg Report Comment
cherrygirl	1742757078 hey im using this!! but i kinda wanna change the song... i have no idea on coding or wtv, so idrk what 2 do.. Report Comment If you didn't figure it out yet I can help you in dms if you want!! Just give me a while though cuz i have school 2day by hyasynth; 1742897324; Report
Shelbi	1742694265 Using! Report Comment
mefiosa	1742669111 using Report Comment
mintchaylorchip	1742666383 i might use this ^_^ Report Comment
Nat	1742581079 usingg!!:> Report Comment
ElectricStardust	1742572508 Using! Report Comment
ElectricStardust	1742572508 Using! Report Comment
ElectricStardust	1742572508 Using! Report Comment
ElectricStardust	1742572508 Using! Report Comment
ElectricStardust	1742572495 Using!! Report Comment
mango!	1742512320 using!!! Report Comment
Nel	1742509818 using Report Comment
Dead inside	1742064482 ~using on my account on the actual app! 0b$essedfr3ak Report Comment
Dead inside	1742064481 ~using on my account on the actual app! 0b$essedfr3ak Report Comment