personal layout

Tags:
Description:

Vampire era lolz
Code:

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

Bleeeeeeggghhh!!!!!!
Hablo un poco de espanol *_*

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

<style>

.logo {

content:url("https://i.ibb.co/4FJkKMZ/oie-oie-glitters.gif");

}

</style>


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

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-8/cur771.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/02/25/windows-7-pointer.html" target="_blank" title="Windows 7 Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Windows 7 Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>




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

<style>
/* customizable snowflake styling */
 	.snowflake {
 	color: #fff;
 	font-size: 1em;
 	font-family: Arial, sans-serif;
 	text-shadow: 0 0 1px #000;
 	}
 	 
 	@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;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%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
 	</style>
 	<div class="snowflakes"> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> <div class="snowflake"> <img src="https://cdn.discordapp.com/attachments/1101680008633790474/1161095429707022336/Taco_10.png?ex=65370d62&is=65249862&hm=dfe9278c3aa44df0bcfe27668b56e8a025537ec664a741a8d7afa43e0dca1906&"/> </div> </div>




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

<div class="friends">
  <div class="heading">
    <h4>Tommy's top 3 friends</h4>
    <a class="more" href="https://spacehey.com/profile?id=1793317">[view all]</a>
  </div>
  <div class="inner">
     <div class="friends-grid">
                    <div class="person">
        <a href="https://spacehey.com/orelpuppington">
          <p>Orel</p>
        </a>
        <a href="https://spacehey.com/orelpuppington">
          <img class="pfp-fallback" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTsSyITbT_ndtsIgG2TeNlgwkLs63_WRDZs7A&usqp=CAU"/>
        </a>
      </div>
                    <div class="person">
        <a href="https://spacehey.com/jesus">
          <p>Jesus</p>
        </a>
        <a href="https://spacehey.com/jesus">
          <img class="pfp-fallback" src="https://i.redd.it/mijv7ho1tiib1.jpg"/>
        </a>
      </div>
                    <div class="person">
        <a href="https://spacehey.com/jesus">
          <p>Jesus</p>
        </a>
        <a href="https://spacehey.com/jesus">
          <img class="pfp-fallback" src="https://i.redd.it/mijv7ho1tiib1.jpg"/>
        </a>
      </div>
</div>
</div>
</div>  






<!-- (c) (edited again by CryingMinotaur (https://spacehey.com/cryingminotaur) -->

<style>
body {
font-family: Courier;
background-color: black;
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

#q, button {
color: red;
background-color: black;
border: 1px solid red;
font-family: inherit;
}
p, i, b, .count {
color: red !important;
}
a, .profile .friends .person p, .logout-btn {
color: red !important;
text-decoration: underline !important;
}
.container {
margin: 0 auto 0;
}
.icon {
display: none;
}
nav, nav .links a {
color: red;
}
nav .top {
margin-top: 2px;
background: none;
background-color: black;
border: 2px solid red;
border-bottom: none;
}
nav .links {
background-color: black;
border: 2px solid red;
}
body{
background-image:
url(https://upload.wikimedia.org/wikipedia/commons/thumb/c/cd/Black_from_a_camera.jpg/1200px-Black_from_a_camera.jpg);
background-attachment: fixed;
background-size: 1000px;
}

main {
background: black;
color: red;
border-left: 2px solid red;
border-right: 2px solid red;
}
.heading, .url-info {
color: red !important;
background: none;
background-color: black !important;
border: 2px solid red !important;
}
.inner {
color: red !important;
border: 2px solid red;
border-top: none;
}
.profile-info {
border: 2px solid red;
}
.profile-info .inner {
border: none;
}
.friends .inner {
border-bottom: none;
}
#comments {
border-bottom: 2px solid red;
}
.profile .contact, .profile .table-section, .home-actions {
border: none !important;
}
.profile .contact .f-row:first-of-type {
margin-top: 0px;
padding-top: 7px;
}
.profile .blurbs .section h4 {
color: red !important;
}
.details-table {
margin: 2px;
}
.details-table, td {
border: 1px solid red;
border-collapse: collapse;
}
td {
color: red !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
.profile h1 {
font-size: 20px;
}
footer {
background: black;
border: 2px solid red;
}
footer p {
color red !important;
}
.comments-table {
border: none;
border-collapse: collapse;
}
.comment-replies {
border: 1px solid red;
margin: 2px;
}
nav .info {
background: none;
}

</style>








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


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

<style>

    .game-area {
      position: absolute;
      right: 0;
      top: 0;
      width: 256px;
      height: 500px;
      display: flex;
      justify-content: flex-end;
      align-items: flex-start;
    }

    .arrow {
      position: absolute;
      width: 50px;
      height: 50px;
      background-image: url('https://image.spreadshirtmedia.com/image-server/v1/designs/2481931,width=178,height=178,colors%5B0%5D=9DC8D9,colors%5B1%5D=000000.png');
      background-size: contain;
      animation: fallAnimation 2s linear infinite;
    }

    .arrow-up {
      transform: rotate(0deg);
      animation-delay: 1.25s;
      right: 0;
    }

    .arrow-down {
      transform: rotate(180deg);
      animation-delay: 0.5s;
      right: 50px;
    }

    .arrow-left {
      transform: rotate(-90deg);
      animation-delay: 1.5s;
      right: 100px;
    }

    .arrow-right {
      transform: rotate(90deg);
      animation-delay: 1s;
      right: 150px;
    }

    @keyframes fallAnimation {
      0% {
        top: -50px;
        opacity: 0.8;
        filter: hue-rotate(0deg);
        right: calc(10% * (1 + random()));
      }
      100% {
        top: calc(100% + 50px);
        opacity: 0.1;
        filter: hue-rotate(360deg);
        right: calc(10% * (1 + random()));
      }
    }
  </style>
  <div class="game-area">
    <div class="arrow arrow-up"></div>
    <div class="arrow arrow-down"></div>
    <div class="arrow arrow-left"></div>
    <div class="arrow arrow-right"></div>
  </div>


<!-- (c) Layout created by જ⁀➴ frankie -`♡´- (https://layouts.spacehey.com/layout?id=88417) -->

<style>
.online{
  content: url(https://i.ibb.co/kyCnt53/D1d3a33719d717ae776b567c58bea339fd1c0545.gif);
}
</style>



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

<div style="float:  ; max-height: 400px; position: fixed; left: 10px; bottom: 10px; z-index: 200;">
<img src="https://64.media.tumblr.com/0a7cc594733f7b9460484d6cb61b30d7/adcc75a97506abd5-14/s400x600/654c7ba5f35a5a778a20ed382eae0e5a0bfd62b4.gifv" width="250" height="230"/></div>



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

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://www.icegif.com/wp-content/uploads/everybody-do-the-flop-icegif-1.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>
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

Comments disabled.