D4DJ SOPHIA LAYOUT

Tags:
Description:

i luv sophia meow anyway put thiz (exept the last 2 img src codez in general unless u dont care) in abt me, plz comment if using plz and i take suggestionz:3
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by 𝖘𝖜𝖊𝖊𝖙𓆩♡𓆪𝖈𝖆𝖛𝖎𝖙𝖞 (https://layouts.spacehey.com/layout?id=103241) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/3GZwUCiKbN8?si=9-lK1AoBpL2P5EXL//?&;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>main:before {
    width: 100%;
    height: 125px ;
    display: block;
    content: "";
    background-image: url('https://static.wikia.nocookie.net/d4dj/images/1/18/Unsung_Hero.jpg/revision/latest/scale-to-width-down/1528?cb=20230825112157');
    background-position: center center;
    background-size: cover;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 200px;
    }
}</style>

<style>
      body {
         text-align: center;
      }
      .my-img {
         border:5px solid #555;
         margin-top:20px;
         animation: rotation 4s infinite linear;
      }
      @keyframes rotation {
         from {
            transform: rotate(0deg);
         }
         to {
            transform: rotate(360deg);
         }
      }
   </style>

  
      <img src="https://static.wikia.nocookie.net/d4dj/images/8/8a/Disc_Skin_RAVE2023_P1_AM2.png/revision/latest/scale-to-width-down/250?cb=20230713153545" class="my-img"/>
   



<style>
body {
        background:url(https://i.pinimg.com/originals/d8/0a/d9/d80ad9f6ae98861529a30bb19f09d5a3.gif);
}
.profile {
background:url(https://static.wikia.nocookie.net/d4dj/images/1/1a/%2Apant%2A_%2Apant%2A%2C_Neo-sama....jpg/revision/latest/smart/width/386/height/259?cb=20221024171150);
color:#121112;
text-shadow: 0 0 5px black;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#665470; 
text-shadow: 0 0 5px black;
background:#b2a9b8;
}

/* 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: "♡"
}
footer {
border-radius: 15px;
background-image: 
url(https://opreviews.anime-pictures.net/f2f/f2fe7a55d51a3fff4bfd79166767a18a_cp.png);
color:White; 
}
.online{
content: url('http://www.myspacegens.com/images/online_now/315.gif');
}
nav .top {
        background: url("https://64.media.tumblr.com/723a0ba051305cfd136f013ba7dac5e6/364faf99b132d8b2-64/s640x960/687dd8dbd551c16ac30555d2381a726367641c51.gifv");
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#665470;
--even-lighter-blue:#665470;
--lightest-blue:#3d2245;
--dark-orange:White;
--light-orange:#3d2245;
--even-lighter-orange:black;
--green:black;#121112
}


}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ


ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>


</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friendz .ᐟ.ᐟ✮⋆˙"; font-size:.8rem; font-weight:bold; 
color:White; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "commentz .ᐟ.ᐟ✮⋆˙"; font-size:.8rem; font-weight:bold;
color:White; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "my interestz✮⋆˙ & my socialz .ᐟ.ᐟ✮⋆˙"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi .ᐟ.ᐟ✮⋆˙"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me .ᐟ.ᐟ✮⋆˙"; font-size:.8rem; font-weight:bold; color:White; }</style>

<style>

<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://media.tenor.com/byJq8apXme4AAAAi/sophia-d4dj.gif" width="400" height="300"/>


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; top: 10px; z-index: 200;"><img src="https://static.wikia.nocookie.net/d4dj/images/a/a9/Dig_Rank_200_AM2.png/revision/latest/scale-to-width-down/250?cb=20230603091200" width="300" height="300"/>

img:hover {

  animation: shake 0.5s;

  animation-iteration-count: infinite;



}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }


  100% { transform: translate(1px, -2px) rotate(-1deg); }


</style>

<style>

body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('https://media.tenor.com/33aTzGI2RTwAAAAM/sophia-d4dj.gif');
    background-size: cover;
    background-repeat: no-repeat;
background-position:center;
    animation: yourAnimation 2s ease 0s 1 normal forwards;
    pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>

<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://media.tenor.com/byJq8apXme4AAAAi/sophia-d4dj.gif" width="400" height="300"/>


<div style="float:  ; max-height: 800px; position: fixed; right: 1px; top: 10px; z-index: 200;"><img src="https://static.wikia.nocookie.net/d4dj/images/a/a9/Dig_Rank_200_AM2.png/revision/latest/scale-to-width-down/250?cb=20230603091200" width="300" height="300"/></div></div>





<img src="https://media.discordapp.net/attachments/1050058150348337235/1226774311075844227/Untitled77_20240408005518.png?ex=6625fd9c&is=6613889c&hm=1ec766ad77a8b9ff5801d12fe1cabd712d0ba427ba2da306b995d2e58a798feb&=&format=webp&quality=lossless&width=1390&height=380"/>
<img src="https://media.discordapp.net/attachments/1050058150348337235/1226774144356581396/Untitled77_20240408005350.png?ex=6625fd74&is=66138874&hm=cef1c493eefbcf7da5331928e86dd643d46a0d676c1f48cb3b3509715a89d926&=&format=webp&quality=lossless&width=1390&height=380"/>
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 )
Stormy / Amia
1712868341
meow
Report Comment