profile layout #1

Tags:
Description:

current profile layout :) includes the big image/gif thingy, jeff the killer jumpscare,falling icons and music u can custamize to your liking
Preview:

click on the image for a larger preview
Code:

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

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

Credits: Layout made by <a href="https://layouts.spacehey.com/skully">Sam</a>. Warning Page made by <a href="https://layouts.spacehey.com/layout?id=27619">Lyonid</a>. <a href="https://layouts.spacehey.com/layout?id=26286">Gir SpaceHey Logo</a>. <a href="https://layouts.spacehey.com/layout?id=26464">Gir Mouse Cursor</a>.

<style>
      p {
	font-size: 14px;
	color: white;
}

body {
      background:  url(https://i.pinimg.com/564x/fd/48/91/fd4891ae05676b70b7206734b4d65722.jpg);
}

main {
      background: url(https://i.pinimg.com/originals/26/81/09/268109a2621848ea9d3b7406262d7214.gif);
}

      main:before {
 	width: 100%;
	height: 250px;
	display: block;
	content: "";
	background-image: url(https://i.imgur.com/jc3R40X.jpg);
	background-position: center center;
	background-size: cover;
	margin-top:-6px;
}

.logo {
       content: url(https://cdn.discordapp.com/attachments/789482674356092988/1073302143336980560/IMG_5156.png);
}

      .search-wrapper input {
	background: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
	border: 1px solid #FFF;
	font-size: 1rem;
	font-family: 'VT323', monospace;
	color: black;
}

      .search-wrapper {
	margin-top:13.5px;
}

      label[for] {
	display: none;
}

      button {
	margin-top: 13.5px;
	color: black;
	background: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
	border: 1px solid white;
	font-family: inherit;
	font-size: 16px;
}

      button:hover {
	opacity:100%;
}

      nav .links {
	text-align: center;
	font-size: 12px;
}

.links a {
          background: -webkit-linear-gradient(5deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          font-weight: bold;
}

:root {
       --logo-blue: url(https://i.pinimg.com/originals/5d/9f/b0/5d9fb01ede59b6f1e21671a58cb55524.gif);
       --darker-blue: limegreen;
       --lighter-blue: black;
       --even-lighter-blue: black;
       --lightest-blue: black;
       --dark-orange: black;
       --light-orange: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
       --even-lighter-orange: black;
}

footer {
        background: url(https://i.pinimg.com/originals/5d/9f/b0/5d9fb01ede59b6f1e21671a58cb55524.gif);
        color: white;
}

* {
cursor: url(https://cur.cursors-4u.net/nature/nat-9/nat826.cur), auto !important;
}

.logout-btn {
    font-weight: bolder;
}

nav .top .right {
font-size: 15px;
background: -webkit-linear-gradient(5deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
}

nav .links .icon {
        content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117989971446464612/7823a2fc.gif);
        display: inline-block;
        height: 1.5em;
        width: 1.5em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

.profile-info {
color: white;
}

.details-table td {
    color: white;
}

      table.comments-table {
	display: block;
	height: 400px!important;
	overflow-y: scroll;
	border: 2px solid black;
}

.profile .friends {
margin-bottom: 10px;
}

.general-about .profile-pic {
padding-top: 8px;
    padding-left: 8px;
}
.profile .mood {
margin-bottom: 10px;
margin-top: 10px;
}

.general-about .details {
    display: block;
    padding: 5px;
}

.friends-grid {
    text-align: center;
}

.profile .blurbs .section h4 {
color: white;
}

.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://cdn.discordapp.com/attachments/1109952304616050698/1117935704442417192/ezgif.com-gif-maker_30.gif)
   }

.profile h1, .general-about .details, .profile .mood, .profile .contact, .profile .url-info, .profile .table-section, .home-actions, .profile-info, .profile .blog-preview, .profile .blurbs, .profile .friends {
    border: solid;
    border-color: black;
    border-width: 8px;
    -webkit-animation-name: flash_border;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

.count {
    color: blueviolet;
    text-shadow: 0px 0px 6px;
    animation: blinkingText 0.3s infinite;
}
@keyframes blinkingText {

0% {
    color: #FF173B;
}
12.5% {
    color: #FF5B29;
}
37.5% {
    color: #FFD12A;
}
50% {
    color: #75FF2A;
}
62.5% {
    color: #2AFF97;
}
75% {
    color: #2AB8FF;
}
87.5% {
    color: #5C2AFF;
}
100% {
    color: #FF173B;
}
}


@keyframes flash_border {
0% {
    border-color: #FF173B;
}
12.5% {
    border-color: #FF5B29;
}
37.5% {
    border-color: #FFD12A;
}
50% {
    border-color: #75FF2A;
}
62.5% {
    border-color: #2AFF97;
}
75% {
    border-color: #2AB8FF;
}
87.5% {
    border-color: #5C2AFF;
}
100% {
    border-color: #FF173B;
}
}

      .container {
	width: 900px;
}

.online {
	    content: url(https://i4.glitter-graphics.org/pub/1551/1551864rejahdsuei.gif)
}

.edit-link, .profile .general-about, .profile .mood, .profile .contact, .profile .url-info, .profile .table-section, .profile-info, .profile .blog-preview, .profile .blurbs, .profile .friends {
              background: black;
}

.profile h1, .profile .contact .heading, .profile .table-section .heading, .profile .blog-preview h4 {
	background: linear-gradient(45deg, rgba(255,0,0,1), rgba(255,154,0,1), rgba(208,222,33,1), rgba(79,220,74,1), rgba(63,218,216,1), rgba(47,201,226,1), rgba(28,127,238,1), rgba(95,21,242,1), rgba(186,12,248,1), rgba(251,7,217,1));
}

.profile h4 {
color: black;
}

.profile h4 {
font-size: 18px;
}

.profile h1 {
font-size: 50px;
text-align: center;
}

.profile .blog-preview h4 {
padding-left: 5px;
margin-top: 0px;
}

      .body {
	overflow-y: scroll;
}

      ::-webkit-scrollbar {
	width: 15px;
	height: 10px;
}

      ::-webkit-scrollbar-track {
	border-radius: var(--curve);
	border: 1px solid black;
}

      ::-webkit-scrollbar-thumb {
	background: lime; 
	border-radius: var(--curve);
}

      ::-webkit-scrollbar-thumb:hover {

	background: black;
}
</style>
<div class="snowflakes">
<div class="snowflake"><img src="https://i.imgur.com/vIZ3ikc.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/v1eXZIs.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/vIZ3ikc.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/v1eXZIs.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/vIZ3ikc.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/v1eXZIs.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/vIZ3ikc.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/v1eXZIs.gif"/></div>
</div>

<style>
    @-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>



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/1101859307533914132/1116305633403224075/jeff.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 2s ease 2s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} } 

<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/1101859307533914132/1116305633403224075/jeff.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 2s ease 2s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 100%{ opacity: 1;} 100%{ opacity: 1; } 100%{ opacity: 0;} } 

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

<iframe width="0" height="0" src="https://www.youtube.com/embed/Os9hZbgqH5A//?&;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>
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 )
ALY / LIAM >_O!
1687819296
almost shit my pants when I clicked on your profile lol
Report Comment
XD sryyyyy
by H34rtGr3n4de; 1687967818; Report