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 144 comments ( View all | Add Comment )
rabbiteen	1774994875 how did you get the transparent background?? Report Comment
Kaykay👾	1772352420 Def usingggg Report Comment
˚ ༘ ೀ⋆｡˚C.A.I.N.E ˚ ༘ ೀ⋆｡˚	1771350237 USINGGGGGG TYSMMMM Report Comment
WebPupXX	1769486773 USIINNNGUHH Report Comment
Nicole Miller	1769110874 not using but omg this is perfection Report Comment
૮ ․ ․ ྀིა	1768865983 use! Report Comment
Astro	1768418909 useee :3 Report Comment
Morian	1768375758 Use Report Comment
TraumasticFischh	1768323155 use Report Comment
Aether	1767442934 using ^^ Report Comment
n1ki!	1767362869 USING Report Comment
monsteralic_666	1767148249 using Report Comment
CASPER COOLAID	1766773652 using Report Comment
CASPER COOLAID	1766773627 using Report Comment
narik675	1766605765 using :33 Report Comment
lycoris_radiata	1765365917 Using :3 Report Comment
-ˋˏ✄┈Nyx┈┈	1765164814 usingg!! Report Comment
mikeyy ¡! ★	1765014637 usingg !! :3 Report Comment
mikeyy ¡! ★	1765014617 using !! :3 Report Comment
v ! ♡	1764485635 using! :3 Report Comment