MARI (omori) layout !!

Tags:

Description:

FINALLY FUCKIN FINISHED THIZ. after i make a weirdcore and 2000z anime horror layout ill do kel or aubrey next :3 anywau plz put under abt me, PLZZ comment if using and i take suggestionz

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
        background:url(https://www.icegif.com/wp-content/uploads/2022/07/icegif-949.gif);
}
.profile {
background:url(https://i1.sndcdn.com/artworks-yCEgyUqlKySwZSJW-i7k8yg-t500x500.jpg);
color:#443754;
text-shadow: 0 0 2px purple;
}
.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:#332a38; 
text-shadow: 0 0 2px purple;
background:#a45ead;
}

/* 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://static.wikia.nocookie.net/omori/images/4/41/Something_Origin.gif/revision/latest/scale-to-width-down/185?cb=20210330220741);
color:White; 
}
.online{
content: url('http://www.myspacegens.com/images/online_now/308.gif');
}
nav .top {
        background: url("https://static.wikia.nocookie.net/omori/images/f/fc/Something_Bed_%282018_Demo%29.gif/revision/latest/scale-to-width-down/215?cb=20220926070118");
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#a45ead;
--even-lighter-blue:#a45ead;
--lightest-blue:#443754;
--dark-orange:White;
--light-orange:#a45ead;
--even-lighter-orange:black;
--green:black;#332a38
}


}
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 friends !⤵"; font-size:.8rem; font-weight:bold; 
color:White; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "⤵comments !⤵"; font-size:.8rem; font-weight:bold;
color:White; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "⤵my interests&my socials !⤵"; 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>

body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed; 
    top: 0; 
    left: 0; 
    z-index: 100;
    background-image: url('https://i.kym-cdn.com/photos/images/newsfeed/002/269/874/baf.gif');
    background-size: cover;
    background-repeat: no-repeat;
background-position:center;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>


<style>main:before {
    width: 100%;
    height: 125px ;
    display: block;
    content: "";
    background-image: url('https://static.wikia.nocookie.net/omori/images/6/69/Marisfuneral.png/revision/latest/scale-to-width-down/250?cb=20210303035636');
    background-position: center center;
    background-size: cover;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 200px;
    }
}</style>



<div style="float:  ; max-height: 800px; position: fixed; left: 1px; top: 10px; z-index: 200;"><img src="https://static.wikia.nocookie.net/omori/images/8/80/MARI%3F.gif/revision/latest/thumbnail/width/360/height/360?cb=20220303095951" width="300" height="300"/></div>



<div style="float:  ; max-height: 800px; position: fixed; left: 1px; bottom: 10px; z-index: 200;"><img src="https://images.gamebanana.com/img/ico/sprays/63703e8f9218e.gif" width="300" height="300"/></div>


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

𖤍 angel

1742599837

using code4 floating brain mari ! thank you so much, this layout is amazing

Report Comment