Kingdom Hearts Layout

Tags: kingdom hearts

Description:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ✬𝒦𝒽𝒶𝑜𝓉𝒾𝓀 𝓀𝑜𝓊𝓇𝓉𝓃𝒾𝑒✬ (https://layouts.spacehey.com/layout?id=340) -->

About Me:

<style>
 
 
main:before {
 width: 100%;
 height: 500px;
 display: block;
 content: "";
 background-image: url('https://www.itl.cat/pngfile/big/190-1908092_kingdom-hearts-sora-wallpapers.jpg');
 background-position: center center;
 background-size: cover;
 </style>

<style>
:root{
/* [background color]: header on top */
 --logo-blue:url(https://cdn.wallpapersafari.com/82/61/wCPZ3Y.jpg);
}
nav .links {
    background-image:url(https://cdn.wallpapersafari.com/82/61/wCPZ3Y.jpg);
    padding: 3.5px 16px 5.5px 16px;
}
 
</style>

Who I'd Like to Meet:

<style>.comments-table{
display: block;
height: 380px;
overflow-y: scroll;
Border-radius: 15px; }
  </style>
<style>
body {
background-image: url("https://i.pinimg.com/originals/3e/74/27/3e7427a9fca361a573bd9f30b18ba9f9.png");
}
</style>


<style>
.contact {
 
  border-radius: 25px;
  background: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/63e99221-fc3a-4f3d-945a-65344b30b1d9/d2ygvt3-fbd6358b-d2cc-45bc-b308-5ce7a3af67cb.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOiIsImlzcyI6InVybjphcHA6Iiwib2JqIjpbW3sicGF0aCI6IlwvZlwvNjNlOTkyMjEtZmMzYS00ZjNkLTk0NWEtNjUzNDRiMzBiMWQ5XC9kMnlndnQzLWZiZDYzNThiLWQyY2MtNDViYy1iMzA4LTVjZTdhM2FmNjdjYi5qcGcifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6ZmlsZS5kb3dubG9hZCJdfQ.iyZQl8vQFNUowwHV09ZR7JJjyiNCi2S0benjB5v-lf8);
  background-position: left top;
  background-repeat: repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}
 
</style>

<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://media1.tenor.com/images/61dd27a1ff2d847bf8956292668a2934/tenor.gif?itemid=12211537');
	background-size: cover;
	background-repeat: no-repeat;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 


/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/games/gam-2/gam112.cur), auto !important;} /* End https://www.cursors-4u.com */


<style>main {
  background-color: #;
  color: white;
}

.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #111;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: #bbb;
}

.profile .table-section .details-table td {
  background-color: #333;
  color: #ccc;
}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
  background-color: #444;
  color: #bbb;
}

.profile .friends .comments-table td {
  background-color: #333;
}


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: purple 55;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: yellow;
    }

table, th, td {
  : 1px solid black ;
}

  .profile-pic {
        border-radius: 500px;

        overflow: hidden;
    }

table, th, td {
  border: 1px solid black;
}
✬Layout By: KhaotikKourtnie✬
</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 4 of 4 comments ( View all | Add Comment )

Grant	1702744660 using lol Report Comment
gar	1700244861 using!! Report Comment
KARMA	1684956310 USINGGGG!!! i added the first games opening in the bg and itz toats kewl Report Comment
Raid of Stars	1653364403 I absolutely love this layout! Especially with the flash of KH1 when you first load it. Amazing job! Report Comment