black and red~~

Tags:
Description:

hihi new layout! again the layout is mixed with many of other creators + my own layouts so enjoy!!! the code is a bit messy... but its okay ~~~ i hope y'all enjoy and i will make new ones soonnnn~~ ｡ﾟ(ﾟ´(00)`ﾟ)ﾟ｡ please lmk if youre using it by commenting using!!! thanks smmmmm
Preview:

click on the image for a larger preview
Code:

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

<style>
.general-about .profile-pic img{
-webkit-mask-image: url(https://external-media.spacehey.net/media/sE8UvUVDkz5slrQdP2iQknxXKMhHv9BV0xfHOeIUExYg=/https://cdn.makitatools.com/apps/cms/img/792/d4665776-075a-4503-a292-d6f478652f2a_792377-a_p_1500px.png);
  -webkit-mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  animation: rotation 2s infinite linear;
}
@keyframes rotation{
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);
}
</style>

<style>
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://i.pinimg.com/originals/4d/ef/cd/4defcd7c6edfda6765b01b3ce83d74d5.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
</style>

<style>* {cursor: url(cursor), url(https://i.postimg.cc/Dyy4mc2K/2024-04-14-0jn-Kleki.png  ), auto;}</style><a href="meat" target="_meat" title="meat"><img src="https://postimg.cc/s1qgN7Qn" alt="meat" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.logo {
filter: sepia(100%) hue-rotate(290deg) saturate(200);
</style>

<style>
li.active .icon { content:url('https://64.media.tumblr.com/f517acfbb25f96a536109ae4ffa57ca6/3f0c1072274efeef-c0/s75x75_c1/ed764e72740a3ea43a0176470cb199080b7cad8c.gifv'); width: 20PX;height: 20px;}
</style>

<style>
.contact .inner a img {
  font-size: 0;
}
.contact .inner a img:before {
  font-size: 1em;
  display: block
}
.contact .inner a:before {
  content: ""
}


.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
  /* add to friends */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/56607b05.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
  /* add to favorites */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery90/9f8f06f9.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
  /* send Message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/81f0c7e5.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
  /* forward to friend */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/78ed9a20.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
  /* instant message */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery01/206258c7.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
  /* block user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/716af8ce.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
  /* add to group */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery16/ecd66e8a.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
  /* report user */
  display: inline-block;
  background: url("https://pixels.crd.co/assets/images/gallery112/2d519ac6.gif?v=2942f085")no-repeat 0 0;
  background-size: 100%;
  width: 16px;
  height: 16px;
}
</style>

<style>
    body{
color: white !important;
background-color: black !important;
    }
    .container{
border: 0px solid black !important;
    }
    main{
border: 0px solid black !important;
background-color: black !important;
    }
    .profile{
border: 0px solid black !important;
background-color: black !important;
    }
    a{
        color: white !important;
    }
    a:hover{
        color: white !important;
    }
    a:visited{
       color: white !important;
    }
    button{
color: white !important;
background-color: black !important;
border 0px solid black !important;
    }
    h4{
color: white !important;
background-color: black !important;
    }
    .top{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .logo{
            }
    .top label{
        color: white !important;
background-color: black !important;
    }
    .top input{
        color: white !important;
background-color: black !important;
            }
    .top button{
        color: white !important;
background-color: black !important;
            }
    .top a{
        color: white !important;
            }
    .top a:hover{
        color: white !important;
            }
    .top a:visited{
        color: white !important;
            }
    .links{
        background-color: black !important;
border: 0px solid black !important;
            }
    .links a{
        color: white !important;
            }
    .links a:hover{
        color: white !important;
            }
    .links a:visited{
        color: white !important;
            }
    h1{
        color: white !important;
background-color: black !important;
            }
    .profile-pic{
            }
    .profile-pic img{
        border: 0px solid black !important;
            }
    .general-about{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .mood{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .mood a{
        color: white !important;
            }    .mood a:hover{
        color: white !important;
            }
    .mood a:visited{
        color: white !important;
            }
    .mood b{
        color: white !important;
            }
    .mood p{
    }
    .contact .heading{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .contact{
border: 0px solid black !important;
background-color: black !important;
background-color: black !important;        
    }
    .contact a{        
color: white !important;        
    }
    .contact a:hover{
        color: white !important;        
    }
    .contact a:visited{        
color: white !important;        
    }
    .url-info{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;     
    }
    .url-info b{        
color: white !important;        
    }
    .url-info p{                
    }
    .table-section{
border: 0px solid black !important;
background-color: black !important;
    }
    .table-section .heading{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;        
    }
    table.details-table{                
    }
    .profile .details-table td{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .profile-info{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .blog-preview{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .blog-preview h4{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .blog-preview a{
        color: white !important;
            }
    .blog-preview a:hover{        
color: white !important;        
    }
    .blog-preview a:visited{        
color: white !important;        
    }
    .blog-preview p{
    }
    .blurbs{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .blurbs .heading{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .blurbs .section h4{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;        
    }
    .friends .heading{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .friends{        
color: white !important;
border: 0px solid black !important;
background-color: black !important;        
    }
    .friends-grid{
    }
    .friends a{
        color: white !important;
            }
    .friends a:hover{
        color: white !important;
            }
    .friends a:visited{
        color: white !important;
            }
    .friends b{
        color: white !important;
            }
    .friends p{
    }
    .friends .person p{
        color: white !important;        
    }
    .count{
color: white !important;
    }
    .more{
color: white !important;
    }
    .comments-table{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    .comments-table td{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    .pagination{
    }
    footer{
        color: white !important;
border: 0px solid black !important;
background-color: black !important;
            }
    footer a{
        color: white !important;
            }
    footer a:hover{
        color: white !important;
    }
    footer a:visited{
        color: white !important;
    }
    footer .links{
color: white !important;
border: 0px solid black !important;
background-color: black !important;
    }
    footer .links a{
color: white !important;
    }
    footer .links a:hover{
color: white !important;
    }
    footer .links a:visited{
color: white !important;
    }
    .copyright{
color: white !important;
text-decoration: none !important;
    }
main {
    background: white;
    color: white;
    padding: 6px 0px;
    font-size: 80%;
}
nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 7px #000000;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
}
</style>

<style>
.url-info{display: none !important;}
</style>

<style>
.profile-info{display: none !important;}
</style>

<style>
.online {
    color: #ffffff;
</style>

<style>
.online img {display: none !important;}
</style>

<style>
.edit-info{
  background: none;
  background: none;
  border: none;
  border: none;
  width: 100%;
  padding: 5px;
  overflow-wrap: break-word;
  word-break: break-word;
</style>

<style>
.comment-replies {
	border: 5px solid black;
}
</style>

<style>
/* banner */
main:before {
	width: 100%;
	height: 170px;
	display: block;
	content: "";
	background-image: url('https://i.pinimg.com/originals/42/1e/af/421eaf6e2fc6d51f5afcfb08f317a961.gif');
	background-position: center center;
	background-size: cover;
}

</style>

<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/f54f83db99abcc1e71067e5787f4ceef/ac62f8d3de77ac38-23/s75x75_c1/9beabc5e2b99a4571a87ce4f4b806a4cf7d46b99.pnj"/></div>
</div>

<style>

.snowflake {

  color: #27cff5;

  font-size: 2em;

  font-family: Arial, sans-serif;

  text-shadow: 0 0 0px rgba(0,0,0,0.7);

}


    @-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 style="float:  ; max-height: 800px; position: fixed; right: 1px; bottom: 10px; z-index:200;"><img src="https://i.pinimg.com/originals/bd/ad/3b/bdad3bc26fc223c89b242b29b0335fc6.gif" width="300" height="400"/></div>

<img src="https://i.ibb.co/YPRRsFB/daf0zy9-39266617-2198-464c-bf5d-68442608e768.png"/><img src="https://i.ibb.co/tpjwCY6/tumblr-e36286952686e6d3b965901950ecd590-da275d2d-100.png"/> <img src="https://i.ibb.co/RjBdSrQ/tumblr-03d1ef9137e1966107f981e5a63729b4-106ac2e0-100.webp"/><img src="https://i.ibb.co/hKkjY7S/d2oxuir-2278659c-b19d-4d47-98b8-544a17cef48d.png"/> <img src="https://external-media.spacehey.net/media/s122AbrET7_K_3l-qWti276mOap6BberzoNEWXgCS2oQ=/https://y2k.neocities.org/blinkiez/754667r8n2u197zw.gif"/><img src="https://external-media.spacehey.net/media/sxODQPFY-x0s4Dip8xerjYahzWGv-qYh_SN38VA__b4o=/https://y2k.neocities.org/blinkiez/tumblr_inline_pcjgdawteA1vss73l_1280.gif"/><img src="https://i.postimg.cc/PJyQbBNQ/ezgif-5-d204025030.gif"/><img src="https://i.postimg.cc/ZY9xRp89/blinkies-Cafe-r-A.gif" alt=""/><img src="https://i.ibb.co/M298VP5/blinkies-Cafe-q4.gif" alt="blinkies-Cafe-q4"/><a target="_blank" href="https://emoticoncentral.com/category/comics"></a><a target="_blank" href="https://emoticoncentral.com/category/comics"><img src="https://i.postimg.cc/50d4BMTc/blinkies-Cafe-wu.gif" alt=""/><img src="https://64.media.tumblr.com/d3615cc187f6253cf271db2d12a53aa0/981010d5b892665b-61/s250x400/e65b40a711f8989154f896c3ce089282ad48e303.gifv"/><img src="https://i.ibb.co/P5DwVzc/b9829ff44addec09b2931e75db7ab0d5146b962b-gifv.gif"/><img src="https://external-media.spacehey.net/media/sRVSGDPp0-dHy9KluoEL9EuLjmclaeHmZ9gZas2epLa8=/https://y2k.neocities.org/blinkiez/1557044guouyvicm5.gif"/><img src="https://64.media.tumblr.com/e3ed914fc5f94c3b8efec4a258a13030/4e363739be3d4f0c-1e/s400x600/1fbd201b503cb9f7a0c2943e3c87a83e6d63c50a.gifv" style="font-size: max(0.875em, 12px);"/><img src="https://i.ibb.co/VMZf3qY/37d954dd.gif"/><img src="https://i.ibb.co/FDdr2VZ/ilovemusic.png"/></a>

<style>
.jerking {
animation: jerk 0.5s infinite;
}
 
@keyframes jerk {
0% {
transform: rotate(1deg);
}
50% {
transform: rotate(1deg);
}
51% {
transform: rotate(-1deg);
}
100% {
transform: rotate(-1deg);
}
}
</style>
<div class="jerking"> i js like livin life tbh ;--;..... hai bmf!
"you'll never take us alliiveeee ~~"
this is so fun 2 do idk hahal </div>

<iframe width="0" height="0" src="https://www.youtube.com/embed/XL8nixACAgc//?&;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>

<style>
.jerking {
animation: jerk 0.5s infinite;
}
 
@keyframes jerk {
0% {
transform: rotate(1deg);
}
50% {
transform: rotate(1deg);
}
51% {
transform: rotate(-1deg);
}
100% {
transform: rotate(-1deg);
}
}
</style>
<div class="jerking"> words here </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 2 of 2 comments ( View all | Add Comment )
valeria
1730401337
Using
Report Comment
KUROSAWA, S.
1723590257
using
Report Comment