my first layout ^_^

Tags: layout, blue
Description:

I don't know what to say well,,
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by ！maya ❨☆❩ MD/🏠🔒 (https://layouts.spacehey.com/layout?id=106382) -->

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>
<div style="float:  ; max-height: 400px; position: fixed;right: 1px; top: 4px; z-index: 400;">
<img src="https://i.redd.it/r3heajx9i7d71.gif" width="200" height="200"/></div>
<style>

.profile .friends .person:first-child img:not(.icon){
content:url(https://tenor.com/view/japari-omori-neutral_omori-omori_neutral-gif-24241976.gif);
}
.profile .friends .person:nth-child(2) img:not(.icon){
content:url(https://tenor.com/view/omori-aubrey-neutral-gif-23997838.gif);
}
.profile .friends .person:nth-child(3) img:not(.icon){
content:url(https://tenor.com/view/omori-hero-neutral-gif-23953414.gif);
}
.profile .friends .person:nth-child(4) img:not(.icon){
content:url(https://tenor.com/view/omori-kel-neutral-gif-23997815.gif);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://tenor.com/view/omori-basil-neutral-gif-24980509.gif);
}
.profile .friends .person:nth-child(5) img:not(.icon){
content:url(https://tenor.com/view/omori-basil-neutral-gif-24980509.gif);
}
.profile .friends .person:nth-child(6) img:not(.icon){
content:url(https://tenor.com/view/omori-mari-neutral-gif-26229342.gif);
}
.profile .friends .person:nth-child(7) img:not(.icon){
content:url(https://forums.autodesk.com/autodesk/attachments/autodesk/124/166553/1/Personal_Tri_Part_-_01_2018-Apr-27_02-32-37PM-000_CustomizedView28598958894_png_alpha.png);
}
.profile .friends .person:nth-child(8) img:not(.icon){
content:url(https://forums.autodesk.com/autodesk/attachments/autodesk/124/166553/1/Personal_Tri_Part_-_01_2018-Apr-27_02-32-37PM-000_CustomizedView28598958894_png_alpha.png);
</style>

<style>

div.friends-grid{
text-align:center; /* if you want them to be center */
}

.profile .friends .person p{
display:none; /* hides the original names */
}

.profile .friends .person:nth-child(1)::before{
content:"Omori";
}
.profile .friends .person:nth-child(2)::before{
content:"Aubrey";
}
.profile .friends .person:nth-child(3)::before{
content:"Hero";
}
.profile .friends .person:nth-child(4)::before{
content:"Kel";
}
.profile .friends .person:nth-child(5)::before{
content:"Basil";
}
.profile .friends .person:nth-child(6)::before{
content:"Mari";
}
.profile .friends .person:nth-child(7)::before{
content:" ";
}
.profile .friends .person:nth-child(8)::before{
content:" ";
}

<style></style>
<style>
HTML,BODY{cursor: 
url(http://www.rw-designer.com/cursor-view/160161.png),
auto;}


A:hover{cursor: 
url(http://www.rw-designer.com/cursor-view/160161.png),
auto;}
</style>
<style>

li.active .icon { content:url('https://i6.glitter-graphics.org/pub/1552/1552106il0fwtlx83.gif'); width: 20PX;height: 20px;}

</style>
<style>
.logo {
content:url("https://files.catbox.moe/hlq59z.png");
}
</style>
<style>

.general-about{

  position: relative;
 margin-top: 30px;

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

<img src="https://external-media.spacehey.net/media/syMTE2VRj0JVtsERHBw4SbBFhCusNKb41mfJRkHCfdlM=/https://sector5.lyoko.info/36gb86yq7qz1.gif"/>

<img src="https://64.media.tumblr.com/2fbee26e6b54b931aa46f9151887ea47/de836fe9c93e4cc6-07/s100x200/98533512200ff1198cd8d20ac966b38cc2072474.pnj"/>

<img src="https://64.media.tumblr.com/ae04295f3885b2a2c0402f2d30a5006e/de836fe9c93e4cc6-ec/s100x200/1213501207c996efbe352bae2c1848fa4f16ccf6.pnj"/>

<img src="https://64.media.tumblr.com/603280bb25174fe4ab92aa165ef7d0a8/de836fe9c93e4cc6-2b/s100x200/4293725586d9dad60e0cd798ceb8e53f99502fce.gifv"/>

<img src="https://64.media.tumblr.com/689184120cb80df0b5adaa117bb63746/de836fe9c93e4cc6-33/s100x200/2b550b4980b1a9c8fcf87784d2c089c61df4196c.gifv"/>

<img src="https://64.media.tumblr.com/66fde05f7f0225ac7a6b1359653dbdf5/de836fe9c93e4cc6-29/s100x200/8759334bcf1470770bf780d4eaf796848bb6dc57.pnj"/>

<img src="https://64.media.tumblr.com/f26b3c087e78be6e1e8e446fedf73a7d/de836fe9c93e4cc6-50/s100x200/72b80d155f28c951d774ad6d7a4d80a96ae2722e.pnj"/>

<img src="https://64.media.tumblr.com/9d51e9710d24283290d83c095614f818/f06d09507e506cb1-3c/s100x200/111631458af727dd8fe23acaeda17754b3524ae2.gifv"/>

<img src="https://64.media.tumblr.com/d7649609c00a6eaf0bc0fb8159c1600b/cf33f72ed27aa63f-e1/s100x200/d69742dd08fbfec3d387c4cf31a3478ddc23589f.gifv"/>

<img src="https://i.pinimg.com/originals/5f/db/32/5fdb329f2ce16a92b617f45f695af551.gif"/>

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

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

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a2/Pansexuality_Pride_Flag.svg/1200px-Pansexuality_Pride_Flag.svg.png" width="60" height="46"/>

<img src="https://i.pinimg.com/originals/5f/db/32/5fdb329f2ce16a92b617f45f695af551.gif"/>

<img src="https://external-media.spacehey.net/media/syMTE2VRj0JVtsERHBw4SbBFhCusNKb41mfJRkHCfdlM=/https://sector5.lyoko.info/36gb86yq7qz1.gif"/>

<style>

.general-about{

  position: relative;
 margin-top: 30px;

}

.general-about .profile-pic::before{

  content: '';

  background: url('https://file.garden/ZF8OzyhvAk-Bo5i3/ezgif.com-animated-gif-maker.gif') no-repeat;

  background-size: cover;

  display: block;
  width: 180px;
  height: 180px;
  z-index: 999;
  position: absolute;
  top: -95px;
  left: -90px;

</style>

<img src="https://i.postimg.cc/DfNqW462/2024-04-12-005-Kleki.png"/><img src="https://i.postimg.cc/tJsW-S9qQ/2024-04-12-006-Kleki.png"/><img src="https://i.postimg.cc/zBtTFy1F/2024-04-12-007-Kleki.png"/><img src="https://i.postimg.cc/Vs3PK4g2/2024-04-12-00a-Kleki.png"/>

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=Press+Start+2P&display=swap');

p{
  font-family: 'PT Mono', monospace;
  font-size: 90%;
  color: #7595ff;
}
h1,h2,h3,h4,h5{
  font-family: 'Press Start 2P', cursive;
  font-size: 70%;  
  color: #7595ff;
}
    .top{
    background-image: url('https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg') !important;
        
    }
    
  body {
   background-image: url(https://64.media.tumblr.com/9c59dddfbf6153bfd154dc745b87f793/18efeb11e4220549-36/s1280x1920/0bf54d453c4ffb23573f44b2c69accf479580c2e.jpg);

}
    .top input{
        
    background-color: #7595ff !important;
    }
    button{
    background-color: #7595ff !important;
    }
    main .right,
    main .left{
        background-color: rgba(9, 29, 144, 0.52);
        border: 1px dashed blue;
    }
    main{
      background-color: transparent;
  }
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
   color: #7595ff;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
   color: #7595ff;
}

.blog-preview h4{
    background-image: url('https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv');
    color: #7595ff;
    
    
}
table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}

footer {
    border-radius: 15px;
    background-image: url(https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg);
    color: #7595ff;
    border: 1px dashed blue;
}

table.comments-table{
    color: #7595ff;
    border: 1px dashed blue;
    
}
    a{
        
    color: #4d35ff !important;
    font-family: 'PT Mono', monospace;
        
    }
    a:hover{
        
    color: #e447ff !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: #4d35ff !important;

    }
    .top a:hover{

    color: #e447ff !important;

    }
    .top a:visited{

    color: COLOR !important;

    }
    .links a{
    
    color: #4d35ff !important;
    
    }
    .links a:hover{

    color: #e447ff !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
        
    color: #4d35ff !important;
        
    }
    .comments-table p{
        
    color: #7595ff;
    
    }
    footer .links a{

    color: #4d35ff !important;

   }
    footer .links a:hover{

    color: #e447ff !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }

:root {
    --logo-blue: #7595ff;
    --darker-blue: #DD536F;
    --lighter-blue: black;
    --even-lighter-blue: url(https://64.media.tumblr.com/bcc62c8d7ad034197995be67c8d908fb/18efeb11e4220549-d1/s500x750/4d5b4b31f9466bcd99e0fb0dac18a1f0fbf7b5a4.gifv);
    --lightest-blue: transparent;
    --dark-orange: #7595ff;
    --light-orange: url(https://64.media.tumblr.com/1b8a93c17504b262574c58ad7b41381f/18efeb11e4220549-9b/s400x600/6ec2a94f828b8004fa4db8b12fa12b5fa46dbec9.jpg);
    --even-lighter-orange: transparent;
    --green: ;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "༺︎☠︎︎༻"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "༺︎☠︎︎༻"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "༺︎☠︎︎༻"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "༺☆༻"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "༺︎☠︎︎༻"
}

.online{content:url("https://64.media.tumblr.com/2e06633939092d3533022195ab919d4a/18efeb11e4220549-7d/s75x75_c1/0391488280c4c10c03bb02db01bbceb665f8fc21.gifv");
}

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

    ::-webkit-scrollbar-thumb {
    background: rgba(0, 89, 255, 1);
    }

    ::-webkit-scrollbar-track {
    background-color: black;
    }

</style>

<div class="snowflakes">
  <div class="snowflake">
   <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
  <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/f1fd74cfeb2817777cf7695830ee1001/36030becddec17a6-9d/s75x75_c1/d320e583ce60044df84a1cec125dea8cb01e15a6.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
     <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
  <div class="snowflake">
    <img src="https://64.media.tumblr.com/eeabb3b21d6522f66c2df4dbb5658e40/36030becddec17a6-45/s75x75_c1/f8798f28d5702bec65cdbf2a24a0fd8f08d8af34.gifv"/>
  </div>
</div>
<style>
/* customizable snowflake styling */
.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>
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 20 of 85 comments ( View all | Add Comment )
𖤐⭒๋࣭🛰️𝕬𝖌𝖊𝖓𝖞𝕸𝖔𝖙𝖍𝖒𝖆𝖓🛸🪐༘⋆	1745437578 Using Report Comment
nao☥🦇 ݁ ˖ִ	1744978689 ITS SO CUTTEEE ;DDDDD also using!!!!!! Report Comment
Dr. Wombat	1744257498 i'm using this! tysm! it's alright if i change some of it for my own use though, right? not to upload as my own and ofc i'll credit! Report Comment
lilica repilica	1744203350 usando! obrigada Report Comment
Ness	1743977221 using tyy Report Comment
meiyshw 🍓🍒	1743903190 usingg !! ;D Report Comment
szabszabzzzz	1743620941 using some stuff from this layout!!! Report Comment
Azzie	1743112740 using Report Comment
·₊ azygos ★	1743083367 using! Report Comment
Punkgad06	1742814166 USINGGG Report Comment
_MacAron28_	1742482714 using Report Comment
Gus snow 🌼🌧	1742258777 Using! :3 Report Comment
blucifer	1741895612 usin this!!1! X3 Report Comment
briella	1741807760 using XP Report Comment
Victor	1741644950 k00l xD srs how do i make 1 LOLz Report Comment
Jonsie >_O	1741586468 Such a kewl layout! I'll be using this ^_^ Report Comment
zloth	1741566334 so cool geatr job!, using!! Report Comment
Lisaaaa>⁠.⁠<	1741543191 Verwenden Report Comment
Lisaaaa>⁠.⁠<	1741543157 Verwenden Report Comment
Soda <3	1741281760 using x Report Comment