Little big planet layout! (My layout as of 1/11/23)

Tags: little big planet
Description:

Honestly anyone can use this and edit it as you like lol, I’m mainly uploading them to archive them
Code:

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

<style>
main{ 
content: ""; 
border: 2px solid !important;
box-shadow: 0px 0px 0px ; 
width: 100%; height: 490px; 
padding: 0px;
overflow-y: auto; 
}
table.details-table{
background-color:;
</style>


.table-section {
    height: 130px;
    overflow-y: auto;
    border: none!important;
}


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

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

<div id="profile">
<ul>
<img src="https://gifs4crds.carrd.co/assets/images/image01.gif?vca07fc73a"/>

<center>
<h1> HOLT! WHO GOES THERE! <br/>

</h1><p>This profile contains:<br/>

<img src="https://cdn.discordapp.com/attachments/824397338117537842/1169264958618468454/IMG_4808.gif?ex=6554c5da&is=654250da&hm=3219f5bae82b550b937cb3a6a646804b397f5085825129f3810859aff2851531&" style="float:right; width:5%;"/>
<img src="https://cdn.discordapp.com/attachments/824397338117537842/1169264958224216124/IMG_4809.gif?ex=6554c5d9&is=654250d9&hm=95ad50555b6e6aa53ff2facc2260f26fa07eb71bb20f60e54fe0583a505e2a7f&" style="float:left; width:5%"/>

<br/>Flashing blinkies/stamps
<br/>
<br/>Bright colors (eyestrain)
<br/> 
<br/>Total epicness
<br/>

<br/>DNI
<br/>Homophobes, transphobes, Racist, Terfs, NSFW pfps/ artist, comshippers, proshippers, <br/>
<br/><br/><br/>ᶜˡᶦᶜᵏ ᵇᵉˡᵒʷ ᵗᵒ ᵍᵉᵗ ᵗᵒ ᵐʸ ᵖʳᵒᶠᶦˡᵉ<br/>

<a href="#profile"><img src="https://64.media.tumblr.com/2d189e10dd3784244ceb069d5bb34de8/0c6c0fbb3cf69a2e-6c/s100x200/9773b2990ffef98d2bca1fc5aa623956eb2b5d84.gif"/>
</a><a href=""></a>
<br/><br/>

<img src="https://gifs4crds.carrd.co/assets/images/image01.gif?vca07fc73a"/>

</p><center><img src="https://pagedeco.carrd.co/assets/images/gallery26/9dfe9398.gif?v=1cb5da6d"/><p> Bye bye!
<br/>

<style> 

#profile{
 position: fixed;
 background-image: url('https://cdn.discordapp.com/attachments/824397338117537842/1169266072826953748/IMG_4810.jpg?ex=6554c6e3&is=654251e3&hm=9c63948c6b29327c1ed8532e55e6b48841c4e2619bcc5d6822c2c24243391908&');
 background-color: white;
 color: black;
 z-index: 100;
 top: 0; 
 left: 0;
 width: 100vw;
 height: 100vh;
 padding: 50px 100px;
 font-size: 150%;
 overflow-y: scroll;
 opacity: 1;
 transition: .2s;
}
#profile > * {
 width: 100%;
 max-width: 700px!important;
 margin: 20px auto;
 display: block;
}

#profile:target {
 opacity: 0;
 visibility: hidden;
}

#profile > ul {
 padding: 10px 50px;
 border: 5px double red;
 background-color: black;
}

</style>

<!-- (c) Layout created by ♡ ꒰ঌ C.A CUPID !! ໒꒱ (https://layouts.spacehey.com/layout?id=30380) --> <style> /* customizable snowflake styling */ .snowflake { color: white; font-size: 1em; font-family: Arial, sans-serif; text-shadow: 0 0 5px black; } @keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;user-select:none;cursor:default;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s} </style> </p><div class="snowflakes"><div class="snowflake">🌌</div><div class="snowflake">🪐</div><div class="snowflake">🎨</div><div class="snowflake">🌟</div><div class="snowflake">💐</div><div class="snowflake">☄️</div><div class="snowflake">🍬</div><div class="snowflake"></div><div class="snowflake">🌙</div><div class="snowflake">🍭</div><div class="snowflake">🦄</div><div class="snowflake">🧃</div></div>




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



<style>
 


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



<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url('https://cdn.discordapp.com/attachments/824397338117537842/1147178156193742888/A8BBBA87-648F-48F0-B0DF-99D1E1D1AF86.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
</style>

<style>
main:before {
    width: 810px;
    margin-bottom: 25px;
    border: 0px solid black;
    height: 180px;
    display: block;
    content: "";
    background-image: url();
    background-position: center center;
    background-size: cover;
    border-radius: 30px;




}
body{
   background-image: url(https://cdn.discordapp.com/attachments/824397338117537842/1169266071900012574/IMG_4813.jpg?ex=6554c6e3&is=654251e3&hm=f625ccb4ed2e6ae99efe24ad85d560325c43f178601bdb937923bafdac298eed&) 
!important;
 height: 100%;
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: brown; 
	//text-shadow: 1px 1px #ff87c3;
};
	text-shadow: 2px 2px 3px  #ff54af, 0 0 25px #ff54af, 0 0 5px black;
}
main {
  background:url("https://cdn.discordapp.com/attachments/824397338117537842/1169266071329570836/IMG_4814.jpg?ex=6554c6e3&is=654251e3&hm=2c5b889e96a7180fef42e780f076cbdefd3aceb9d984002e533c859c3869cb47&");
  color: white;
  
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview {background:url("https://cdn.discordapp.com/attachments/824397338117537842/1169266929047961620/IMG_4815.jpg?ex=6554c7af&is=654252af&hm=a7e9687ff7d6537cd33b4f225fc780d2678c8f3fd7f15e3e33a49f65903bfc64&");
}

.profile-info {
    background-image:url("https://cdn.discordapp.com/attachments/824397338117537842/1169266929047961620/IMG_4815.jpg?ex=6554c7af&is=654252af&hm=a7e9687ff7d6537cd33b4f225fc780d2678c8f3fd7f15e3e33a49f65903bfc64&") !important;
       border: var(--borders) !important;
    border-radius: var(--curve) !important;
}

.count {
  color:  #ff87c3;
}
.online{
  color: black!important;  
}


.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: url("https://cdn.discordapp.com/attachments/824397338117537842/1169266929047961620/IMG_4815.jpg?ex=6554c7af&is=654252af&hm=a7e9687ff7d6537cd33b4f225fc780d2678c8f3fd7f15e3e33a49f65903bfc64&");
  --darker-blue: transparent;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent;
  --light-purple: #ff87c3;
  --light-purple: #a1ffe7;
  --even-lighter-purple: transparent;
  --green: transparent;
  --table-header:#262626;
  --table-color: #262626;
  --link-text: #262626;
  --main-text: #262626;

</style>
<style>
.profile-info {
border-color #180833
}
.profile-info .inner {
border: none;</style>

<style>
.details:after {
content: "hOi :3";
}
</style>
<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>
  

<style>
table{background:colour !important; line-height:15px !important;}
table ul li a {color: #f953d2 !important;}
}
</style>
<style>


.online{content:url("https://www.myspacegens.com/handler.php?gen=onlinenow1&id=109.gif");}

.offline{content:url("https://www.myspacegens.com/handler.php?gen=onlinenow1&id=108.gif");}

</style>


<style>
h1, h2, h3, h4,h5,a, p, nav label, .section {color: #ffffff;}
h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}
.online{
  color: black!important;  
}
</style>

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

<div style="float:  ; max-height: 400px; position: fixed; left: 1px; bottom: 9px; z-index: 200;"> <img src="https://64.media.tumblr.com/f87736e6e4d8922b7828f5d5901ac129/30021a67a49e888b-b9/s250x400/14905c690aab70f465be9887c27cbce3139a941c.gif"/>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"> <img src=""/>/&gt;</div></div></center></center></ul></div>
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 )
ersatz
1708325169
this is the coolest thing in the world, omg...
Report Comment