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 okay i disabled comments cuz i got tired of getting notifs 4 this /nm, still f2u if you have any problems just dm me about it and ill try 2 get 2 u asap

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

Jennifer	1752889559 Usinggg Report Comment
V4MP	1752808057 Usinggg XD Report Comment
XxSparklyartist16xX	1752682576 Defo using Report Comment
patiove	1752673832 i use Report Comment
Nemi♡	1752116664 using Report Comment
nyx	1751811650 Using Report Comment
B0MB	1751663097 usinngggg!!! Report Comment
River	1751506468 Using also love ur pfp Report Comment
Xidn3y	1751462375 using Report Comment
𝓘𝓥𝓐𝓝	1751089534 HELLO??? THE C00LKIDD PFP 🗣️‼️⁉️🎉🎉🎉🎉 Report Comment
caligulasAquarium	1750744154 I knoww somepony already asked about this but howw wwould i change the song?? Report Comment Sorry 4 the l8 response, I'll dm instructions 2 u if u haven't figured it out already by hyasynth; 1750762392; Report
NEOxNOVA	1750730949 cute but i wanna change the song lolx. could you help me on that? Report Comment ill dm you the instructions !! by hyasynth; 1750731096; Report
dorkyscorpiobabyy29	1750522343 using <3 xD Report Comment
t	1750280979 using :3 Report Comment
nyancreature	1750072732 using! :3 Report Comment
Gitarez (>~<)	1749550593 using :) Report Comment
kandii<3	1749405394 using Report Comment
BoutOfTheLivingDead	1749093261 using! Report Comment
E	1749071180 using!!! Report Comment