My Layout

Tags: emo; layout

Description:

So this is like a compilation of different codes so all of the rightful owners will be credited. Keep in mind some codes are also edited! Comment "using" if using if the rightful owners see this and would like me to take it down lmk! Sorry if the coding order is messy - https://layouts.spacehey.com/layout?id=94974 -https://layouts.spacehey.com/layout?id=39166 -https://layouts.spacehey.com/layout?id=84365 -https://layouts.spacehey.com/layout?id=24375 -https://layouts.spacehey.com/layout?id=89646

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by ♱⭑𝔠𝔞𝔰𝔰⭑♱ (https://layouts.spacehey.com/layout?id=94974) -->

<style>

.logo {

content:url("https://i.postimg.cc/TYcJS5yk/2024-01-10-11u-Kleki-removebg-preview.png");

}

</style>


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

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

<style>
body {
  font-family: 'Times New Roman', Serif;
  text-align: center;
  background-image: url("https://i.pinimg.com/originals/f5/fd/80/f5fd8055c3f97db2b1089a8c8e9b3967.jpg");
  background-position: center;
  background-repeat: repeat;
  background-color: black;
  background-attachment: fixed;
}
main {
    display: contents;
}
main .left, main .right {
    padding: 15px;
}
.online {
  color: red;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(1.0,0,0,1.0);
  animation-duration: 2s;
}
.online img {
  display: none;
}
.profile {
  color: white;
  text-transform: lowercase;
  text-align: left;
  font-family: 'Times New Roman', Serif;
  font-size: 16px;
  background-color: black;
}
:root {
    --logo-blue: black;
    --darker-blue: grey;
    --lighter-blue: black;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent;
    --light-orange: transparent;
    --even-lighter-orange: transparent;
}
main .left {
    text-align: center;
}
h2, h3, h4, h5 {
    color: red;
    font-size:17px;
}
main p {
    color: white;
}
.friends-grid p {
    color: grey !important;
}
footer {
    color: white;
    background-color: black;
}
</style>



<style>
main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/d1/0f/c8/d10fc841e67fa9a7ab51650a1e55f994.jpg');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

<style>


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

<style>
li.active .icon { content:url('https://i.ibb.co/vLLVfDx/error-um-amor-bugado-fotor-bg-remover-20231028224327.png'); width: 20PX;height: 20px;}
</style>


<!-- (c) Layout created by 𝐥𝐞𝐱𝐥𝐲 (𝟐𝟕𝟕𝟕𝟓𝟐𝟐𝟎) (https://layouts.spacehey.com/layout?id=24375) -->

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://img.wattpad.com/c7a67fc1563cd1e92ecb8fc937b1ac186ee74b93/687474703a2f2f36372e6d656469612e74756d626c722e636f6d2f34383335613962636539383935646166613762386331653738363335336161372f74756d626c725f6e756b7a336331587235317563766a64706f315f3530302e676966?s=fit&h=360&w=360&q=80');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 3s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

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

<style>

body {

  cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAAAyAAAAMgAY/rnrQAAAAd0SU1FB+cMBAMGKgKgK8UAAAABb3JOVAHPoneaAAADAElEQVRIx62UbUiTURTHV1QwctMPfcwCGX6p7ZtCEArSwoLKRaIpoaVhhQoirWni41aZoIal2Yd0ZTPUqWNaKCUhhRqaVizJl2gsEZ2EmRBBYPz778Xl0mdt0f0z9tyX87vnnnvukeixsbQ7JcE1PYywrlPHdz2EA0ECzHiDGT9NoI8+lGYEDZjCTz/N/yvgB765NeMGVGpHom0RIQGcGHJr0OvB6NYBWQiAT+hdcwvXkoQd2CRsDgEwxS/Gvrg0pzRHSBPCgr5Gf8Dl3f7zJnmNKkFlruhFFz00VySoalQm+R+AcXylxtcBBmTdMYLWgGSkI8utdKTiCgStKcYq8wFaV17Ao9YVHmHXqnmDzJp/D0ehgwnDxLs0jFZuchy30Zbf4EHootYmsBAlbPGY94eZ8ww4i3Y4sOwnJ3pwHgY05Zk9cRJiy1I8EmJ/u9+srMc5XujyhhpELqrwKm9+u0ho68IMhcfwWMTcpSdIwnOMKUQA1YqrPLszAMCJEq4QxABHFMmo47IvsOOtXxQc7Ns5vowmnEC8GCBekYYOLGESt3haI6a95tP8zuXYJOd6kBEIcJLxX2DySCHBPli8gC7Esy/l/wIe4ZQ4IEtxBjcwy/0k1DY0ewFm7HGPGDnXSA+SxQAPFPXIx3s8RSSXx7FGLTJsi3T7MPuR9GACF3mUu2KA/oiHVRnuJGpk6rbjAw0seIeP6GS/kbGwIgWmqn7xenFJWYByhspV4Obo/DMmdTd9mGN/huOVuIACZYBXWq00oMx3ea4TS3GdL3Z1pAzFqAgE6FO2odCXAbPMvHp64PBlQyHzpDkQYDT8fpEGN/lG7TRYousO/pb4bcdL1OIQKovM4QFLzVBsLytAJqoxis9uOakxXm820vhOhmL/Uqum5TZ1jlqqT2ROzrnlYN3s5N4Sfarapp6WB1Xy9mriWD5ec2cby8kI7mA/dmokwbdaTQkO4jSPks3My0QiX2FtKACT3KIz0mhVRlh0JrkklGaVtUSX+9QSbZVJ/mf7BenvS+eaVLexAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTEyLTA0VDAzOjA2OjQxKzAwOjAwYu+jRQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0xMi0wNFQwMzowNjo0MSswMDowMBOyG/kAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMTItMDRUMDM6MDY6NDIrMDA6MDB1TyC7AAAAAElFTkSuQmCC'),auto;

}</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 0 of 0 comments ( View all | Add Comment )