innocent DDLC layout :)

Tags: pink, cute, horror, glitch

Description:

!!glitch warning!! i made a ddlc layout!!!!! i was planning on making one for awhile, but rex's (https://layouts.spacehey.com/layout?id=18913) lay inspired me and so yeah credits where credit is due!!!!!! check out their ddlc lay if u like mine :-) to get rid of the glitchy monika, delete the "img:hover" bit, and to delete the music delete the bit at the very end that starts with "iframe" emjoy :) (pls dont repost without credits!) ~~~~~~~~~~~~~~~~

Preview:

click on the image for a larger preview

Code:

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

<style>* {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym752.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/13/sexy-pink-heart-15.html" target="_blank" title="Sexy Pink Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sexy Pink Heart" style="position:absolute; top: 0px; right: 0px;"/></a>



<div style="float:  ; &#10;max-height: 1000px; &#10;position: fixed; &#10;right: -9px; &#10;bottom: -50px; &#10;z-index: 300;"><img src="https://64.media.tumblr.com/745937b17906c045020a010a6db9ecc1/9b108bb9f0032e87-4c/s250x400/2fe965065829e0c14b23cc603ec83d4a82a9253a.pnj"/>
</div>



<style>
body{

font-family: 'Allerta', sans-serif;
background-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1100275424619139173/Untitled5360_20230424231918.png);
background-size: 480px;

}

.profile .contact,
.profile .friends,
.profile .contact,
.profile .table-section,
.profile .blurbs{

background-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1100276337945628712/Untitled5359_20230424232507.png);
background-size: 530px;
border-bottom: solid #ffdee7 3px;
border-right: solid #ffdee7 3px;
border-left: solid #ffdee7 3px;
border-radius: 22px;


}

.blurbs .heading{

 background-image: -webkit-linear-gradient(#f7edf0, #cfc8ca)!important;
  -webkit-background-clip: text;
border-radius: 100px;
border-bottom: solid #e0b1be 3px;
height: 33px;
margin: -10px!important;
 text-align: center;


}

.profile .blurbs .section h4{

padding: 12px;

}
 h4{
font-size: 19px;
color: white!important;
text-shadow: -1px -1px 0 #4f1727, 1px -1px 0 #4f1727, -1px 1px 0 #4f1727, 1px 1px 0 #4f1727;
}
.friends .heading{

 background-image: -webkit-linear-gradient(#f7edf0, #cfc8ca)!important;
  -webkit-background-clip: text;
border-radius: 100px;
border-bottom: solid #e0b1be 3px;
height: 33px;
margin: -10px!important;
 text-align: center;
}
main{

font-size: 12px;
color: white!important;
text-shadow: -1px -1px 0 #4f1727, 1px -1px 0 #4f1727, -1px 1px 0 #4f1727, 1px 1px 0 #4f1727;
border: solid #ffbee1  5px;
outline: solid #ffdbef 8px;
border-radius: 44px;
}
:root {
    --logo-blue: none; 
    --darker-blue: none; 
    --lighter-blue: none; 
    --even-lighter-blue: none;
    --lightest-blue: none;
    --dark-orange: none; 
    --light-orange: none; 
    --even-lighter-orange: none; 
    --green: #ffdee7;
}
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
.contact .heading{

 background-image: -webkit-linear-gradient(#f7edf0, #cfc8ca)!important;
  -webkit-background-clip: text;
border-radius: 100px;
border-bottom: solid #e0b1be 3px;
height: 29px;
 text-align: center;
}
.table-section{
display: block;
height: 250px!important;
overflow-y: scroll;
}
.table-section .heading{

background-image: -webkit-linear-gradient(#f7edf0, #cfc8ca)!important;
  -webkit-background-clip: text;
border-radius: 100px;
border-bottom: solid #e0b1be 3px;
height: 33px;
 text-align: center;
}
.table-section td{

border: solid #ffdee7 2px;
}

  .logo {
  
  content:url("https://cdn.discordapp.com/attachments/1002765210932744333/1093413840751951892/ddlc_1_600x600.png");
height: 100px!important;
width: 100px!important;
}
nav .links a {
    text-decoration: none;
    color: #4f1727;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-shadow: 0 0 7px #ffffff8c;
}

.links{

 outline: solid #ffdbef 8px;
border: solid #ffbee1 4px!important;
background-color: white!important;
border-radius: 55px;
margin: 10px!important;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ✑ ";
    color: #4f1727;
}
footer{

background: transparent; 
text-color: #4f1727!important;
}
    
    }
    footer .links a{

    color: #4f1727!important;

   }
    footer .links a:hover{

    color: #4f1727 !important;

   }
    footer .links a:visited{

    color: #4f1727 !important;

   }
.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: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299664907051089/sayori_1.png")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299665091596359/sayori_2.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299708225814568/monika_1.png")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299708435546112/monika_2.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299749988520037/yuri_1.png")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299750181441616/yuri_2.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299796763385957/natsuki_1.png")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://cdn.discordapp.com/attachments/1002765210932744333/1100299796998271018/natsuki_2.png")
}
.contact{

font-size: 10px!important;
}

.online{

content: url(https://i2.glitter-graphics.org/pub/2053/2053762owausl8j90.png);

}
.blog-preview h4:before{
content: url(https://pixelbank.neocities.org/decome/hearts/5b5d476b.gif);
padding: 10px;
}

.contact .heading h4:before{
content: url(https://pixelbank.neocities.org/decome/stationary/a6e9d12d.gif);
padding: 10px;
}

.blurbs:after{

content: url(https://64.media.tumblr.com/897c81c7be197898e44332b786946c0d/4d9ab15404ddfee1-cd/s75x75_c1/3f17315502213543bc2f847738eb65c5960973cb.gifv);
padding: 214px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.person:hover {
  animation: shake 0.5s;
  animation-iteration-count: infinite;
}
.general-about .profile-pic 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); }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} 
@keyframes slideIn {
  0% {
    transform: translateX(900px);
  }
  100% {
    transform: translateX(0);
  }
}
@media screen and (min-width: 0px) and (max-width: 720px) {
  footer:after { display: none; }
}

.comments-table img,
.person img{

-webkit-mask-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093413057243381800/hart.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;

}
.general-about .profile-pic img{

-webkit-mask-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1093413057243381800/hart.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

transform:scale(1.025,1.025);

position:relative;

top:-0.25em;

}

h1{

font-size: 33px!important;
 text-align: center;
}

.div{
        background: url(https://64.media.tumblr.com/745937b17906c045020a010a6db9ecc1/9b108bb9f0032e87-4c/s250x400/2fe965065829e0c14b23cc603ec83d4a82a9253a.pnj) no-repeat;
        background-size: 107%!important;
        position: fixed;
        right: -9px;
        bottom: -50px;
        height: 260px;
        width: 290px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: none;
}

img:hover{
        background: url(https://cdn.discordapp.com/attachments/1002765210932744333/1100716273178001458/monika.png) no-repeat!important;
        background-size: 107%!important;
        position: fixed;
        right: -9px;
        bottom: -50px;
        height: 260px;
        width: 290px;
        z-index: 1000;
        opacity: 100%;
        pointer-events: hover;
}

</style>


<iframe width="0" height="0" src="https://www.youtube.com/embed/Bi1lE3cjQgM/?&;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 20 of 46 comments ( View all | Add Comment )

🔪┆𝐑𝐀𝐙𝐙𝐈┆📓	1721104239 using!! Report Comment
Deadboy_marcuz	1720194046 Using! Report Comment
Kaito	1719767980 Using Report Comment
Shouya	1716065485 Using Report Comment
cupidsapple	1713928714 Using!:3 Report Comment
tatum !!	1713765383 using :3 Report Comment
Pwup.com	1713534489 Using Report Comment
@he4rtfangzz	1712014828 PLSPLSPLS CAN YOU REMAKE/EDIT THIS BUT W THE IMG URL FROM CATBOX PLSS I CANT SEE THE IMGS WHEN YOU USE DISCORD /NF Report Comment
222rikyo☆ 🍼🎀	1711770340 Usingg Report Comment
l4in-1waKur4	1711345797 USING Report Comment
iluvmgy	1708542306 puedes hacer la figura de monika q esta al lado derecho? solo asi tipo png Report Comment
Liv.Berry_	1707541688 Usingg <3 THATS SUPER CUTEEE :DD Report Comment
strbrryMiKo	1707516700 hi!! could you please make a version with just the contacting icons? Report Comment
Trinity <3	1706642535 Might use Report Comment
cupcakedreams	1706608199 using! Report Comment
winecouture	1705256177 Might use! Report Comment
Sam	1704783846 using!!! Report Comment
SLIMJIM	1704676517 CAN U MAKE A LINK FOR JUST THE LITTLE MONIKA? Report Comment
♧Clover♧	1704423417 USING!! Report Comment
--M1ke--	1703381216 Using :3 Report Comment