Lain/dokodemo layout <3

Tags: pink, pastel, cute

Description:

This is a layout I pieced together from multiple tutorials and other layouts. Feel free to change anything to fit your aesthetic. credit is not required but deeply appreciated!

Preview:

click on the image for a larger preview

Code:

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

<style>

body{
}
.container{
    width: 100%;
}

main{
    border:8px double black;
    width:800px;
    height:500px;
    overflow-y: scroll;
    margin: auto;

}
h1{
    font-size:50px!important;
    font-weight: 1;
    text-transform: uppercase;
}

nav{
    background-color: transparent;
    border: none;
    margin-bottom: 50px;
}
nav .top{
    background: transparent;
    color:var(--links);
    z-index=30;
}
nav .top a, nav .links a{
    color: var(--text);
}
nav .links{
    background-color: transparent;
    text-align: center;
}
</style>
<style> 

*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after { 

   font-family: Diediedie !important;  

   font-size: 10px !important;  

   color: #000000  !important;  

   text-shadow: none !important;  

   letter-spacing: 1px; 

} 

body { 

   background-color: #C1B492 !important;
   background-image: url(https://i.pinimg.com/originals/0e/68/f3/0e68f3840f4d893a677e32bd668a8b55.gif) !important;
   background-size: 20%;



} 

.top, .links, .heading, footer, button { 

   background-color:#D2738A !important;
 

} 

h1 { 

   font-family: courier !important;  

   font-size: 18px !important; 

} 

h4 { 

   color:#91001d !important; 

} 

.contact, .url-info, .table-section, .profile-info { 

   border-color: #ffffff !important; 

} 

td { 

   background-color: white !important; 

} 

input, button:not(.logout-btn) { 

   border: 1px groove #868686 !important; 

} 

.pfp-fallback, .row.profile { 

   border: 1px dotted #868686 !important; 

}
</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://fauux.neocities.org/sane_pls.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}

</style>

<div style="float:  ; height: 20%; width: 20%; position: fixed; left: 2px; bottom: 50px; z-index: 0;"><img src="https://static.wikia.nocookie.net/dokodemo/images/4/49/JunNew.png/revision/latest?cb=20190805034452"/></div>


<marquee behavior="scroll" direction="left">im too lazy to code</marquee>
<iframe width="0" height="0" src="https://www.youtube.com/embed/coZqAEkze2I///?&;amp;;autoplay=1&;loop=6" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

<div style="float:  ; max-height: 400px; position: fixed; right: 1px; bottom: 9px; z-index: 200;"><img src="https://64.media.tumblr.com/1bd3ca4c03d29418d78702beb09bd4fd/14536f4a957055d0-38/s400x600/f0393f455e9953db4b18187139497a6d2afb73db.gif" alt="GIF"/></div>


<img src="https://www.pngmart.com/files/4/Hatsune-Miku-PNG-Clipart.png" height="50%" width="50%"/>

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 5 of 5 comments ( View all | Add Comment )

luoxxp	1706054412 usando owo Report Comment
nico	1700461713 using ^_^ Report Comment quick question, how can i make the screen of my profile bigger? i dont want it small if that's okay with u by nico; 1700464038; Report under "main" where it has height and width you can change it to however big you would like :} by Nolan Astaroth; 1702348111; Report
shu☆	1687457326 usingg Report Comment
reality✭	1687386533 Using :3 Report Comment
kokomo!	1686969478 using this!!! Report Comment