Yumemi Riamu Overload!

Tags: cute, pink, grain, float

Description:

A layout all about Yumemi Riamu! i love her design :)

Preview:

click on the image for a larger preview

Code:

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

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

<div style="float:  ; &#10;max-height: 1000px; &#10;position: fixed; &#10;right: -590px; &#10;top: -100px; &#10;z-index: 300;"><img src="https://media.discordapp.net/attachments/1002765210932744333/1096621728412749875/yuemmeememe.png?width=334&height=760" width="400" height="1000"/>
</div>

<style>

body{
background-image: url(https://i.pinimg.com/564x/cf/50/6d/cf506df70dd4751dfcdbcfe182aea4eb.jpg);
background-size: 400px;
}
.heading {
        margin-top: 2px;
        margin-bottom: 4px;
        background-color: #ffe3f1!important;
        color: white !important;
        border-bottom: #f7e6ef 2px solid;

}
.blurbs{
outline: groove #e6aec9 2px;
background-image: -webkit-linear-gradient(top right, #f59ac0, #ffdee8);
}

:root {
    --logo-blue: none; 
    --darker-blue: white; 
    --lighter-blue: none; 
    --even-lighter-blue: none;
    --lightest-blue: none;
    --dark-orange: white; 
    --light-orange: whit; 
    --even-lighter-orange: none; 
    --green: white;
}
.table-section{

background-image: -webkit-linear-gradient(#fcf0f6, #f7b0cb,#eda1c2);
}
.contact{

outline: groove #e6aec9 2px;
background-image: -webkit-linear-gradient(top right, #f59ac0, #ffdee8);
}
.friends{
outline: groove #e6aec9 2px;
background-image: -webkit-linear-gradient(top right, #f59ac0, #ffdee8);
}
.table-section{
outline: groove #e6aec9 1px;
background-image: -webkit-linear-gradient(top right, #f59ac0, #ffdee8);
}
.table-section .heading:before {
 content: url(https://64.media.tumblr.com/bddec45606e45baf08402f4429a64386/49148566a2e0c40c-c0/s75x75_c1/dfd1b212da22328902e3b4a00b56b0eac52da7c0.gifv);
}
.friends .heading :after {

     content: url(https://64.media.tumblr.com/bddec45606e45baf08402f4429a64386/49148566a2e0c40c-c0/s75x75_c1/dfd1b212da22328902e3b4a00b56b0eac52da7c0.gifv);
padding: 20px;
}
main{
background-image: url(https://i.pinimg.com/564x/b7/01/82/b7018267d9ee5c77d4ffa14bbe952fc0.jpg);
background-size: 290px;
border: groove #de6287 3px;
outline: groove #ebb9c8 2px;
 box-shadow: 0px 0px 20px #de6287;
border-radius: 32px;
}
.blog-preview h4:before{
content: url(https://cdn.discordapp.com/attachments/1002765210932744333/1096588898446094426/yumemimi.jpeg);
padding: 10px;
}
.blog-preview{

outline: groove #e6aec9 2px;
background-image: -webkit-linear-gradient(top right, #f59ac0, #ffdee8);
padding-bottom: 10px;
}
.blog-preview h4{

border: solid #e6aec9;
padding: 9px;
background-color: #ffe3f1;
}

h1 {
  font-size: 30px!important;
background: -webkit-linear-gradient(#FFE0E0, #bd448c)!important;
-webkit-text-stroke: 1px #c77191;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important; color:
}
.general-about{

outline: groove #e6aec9 3px;
background-image:url();
background-size: 200px;
padding-bottom: 100px;
padding-top: 35px;
 box-shadow: 0px 0px 8px #de6287;
color: #a13a59;
}
.top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: white;
        
    }
nav .links a {
    text-decoration: none;
    color: #ffffff;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    text-shadow: 0 0 7px #ffffff8c;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ★ ";
    color: white;
}
.general-about .profile-pic img{
        border-radius: 500px;
        overflow: hidden;
}

.online{

content: url(https://64.media.tumblr.com/ed50489dd4b4c72b707b662d3ff9cb3d/68d2ea2da25d500d-0d/s500x750/3fb9190e924a6cfc682d5db8218774908e0522e7.gifv);
width: 100px;
height: px;
}

.col.right:before {
  content: "";
  white-space: pre-wrap;
border-radius: 55px;
  display: block;
  height: 50px;
  width: px;
  background-image: url(https://64.media.tumblr.com/dc4e8b24b123bd311b97fc7f39a93f7f/72cfa98a908c3f76-cc/s250x400/588eb19fc823a78406b60777a16de2f479da2df2.gifv);
  background-repeat: no-repeat;
  background-size: 200px;
  background-position-x: center;

}

.col.right:after {
  content: "";
  border-radius: 50px;
  white-space: pre-wrap;
  display: block;
  height: 200px;
  width: 400px;
  background-image: url(https://media.tenor.com/A4MYCm2uUXkAAAAC/pareo-lovely.gif);
  background-repeat:  no-repeat;
  background-size: 200px;
  background-position-x: center;
}
.col.left h4:before{
  content: "";
  display: block;
  height: 77px;
  width: 300px;
  background-image: url(https://cdn.discordapp.com/attachments/1002765210932744333/1096597740986834954/yumemi_23.png);
  background-repeat: no-repeat;
  background-size: 77px;
}

footer{

background-image: url(https://64.media.tumblr.com/fae13543573fd826e159a8ca84d34bbb/92f62f9b43e11477-44/s640x960/abaf2dcfdb9ed8927444f54a4e8cb2d1da8fc523.gifv);
background-size: 260px;
border: dashed white 2px;
}

div.contact:after {
    width: 98%;
    height: 160px;
    display: block;
    content: "";
    background-color: transparent;
    background-image: url(https://64.media.tumblr.com/e369df89d5e1c07501ee45ea25d3e9b3/e1cecc11d063ffcd-60/s250x400/0522f56029557d433c64af42c502a20a52509870.pnj);
    background-position: center;
    background-size: 242px;
    background-repeat: no-repeat;
}
.mood p{

color: #915769;
}

.comments-table img,
.person img{
border-radius: 55px;
filter: grayscale(100%) hue-rotate(299deg);
opacity: .5;
}
 body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none;
}
.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/1096615012950347776/yumemi_1_icon_3_7.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/1096615012950347776/yumemi_1_icon_3_7.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/1096615436155621386/yumemi_icon_2_7.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/1096615436155621386/yumemi_icon_2_7.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/1096615436390510684/yumemi_icon_3_7.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/1096615436390510684/yumemi_icon_3_7.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/1096615436726046740/yumemi_icon_4_7.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/1096615436726046740/yumemi_icon_4_7.png")
}

table.comments-table{

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

}
(bounce animation) .col, main, footer, nav::before, .online, nav .links, nav .top {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
 .col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}


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

jadalicious	1739065404 using rn!! this is so cute !! Report Comment
𝖝𝖆𝖓𝖎𝖛𝖗	1700479537 USING !!!! Report Comment
lena	1692542699 using! Report Comment
🎀LYDIA🎀	1690049756 USINGGG ITS SO CUTEEE!1!1!1!1!! Report Comment
MaoMao	1688968937 using!! i customized it a bit Report Comment
bunnflrt	1686361931 using rnnn Report Comment
kaishun	1684943988 Mind asking which code is the yumemi figure? Report Comment sorry im late! the very first bit of the code that is says〈div〉! by pupupowa; 1685765968; Report Thank you💌 by kaishun; 1685784323; Report
oranges!	1684792174 Using!! Thank you :D Report Comment
NEWPROFT !?!?!	1682127784 How did you get those lines across your screen? Report Comment if u mean the tv lines, here u are! ( body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; } ) (just get rid of the () at the start and end, but make sure to leave the }!) by pupupowa; 1682158668; Report
w0agstarzz ☆	1682033793 Omg tysm using!! :3 Report Comment
NEWPROFT !?!?!	1681939743 how do you get it to float like that? Report Comment heres the code! just delete the parenthesis at the beginning and end (so the code sends fbrefhje) (.col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } .col, main, footer, nav::before, .online, nav .links, nav .top { animation: float 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes float { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 8px); } 100% { transform: translate(0, -0px); } ) by pupupowa; 1681975418; Report tysm!!! by NEWPROFT !?!?!; 1681996700; Report
Wisq☆	1681880809 Very cuteee Report Comment
yunyun!	1681825907 using! Report Comment
mellow <3	1681754203 using ^^ Report Comment
⋆˚࿔ van 𝜗𝜚˚⋆	1681742661 so pretty !! i love miss yamu <3 Report Comment
Marl <3	1681690399 oh my god this is so pretty ! ur so talented!! Report Comment thank you so much!!(´▽`ʃƪ)♡ by pupupowa; 1681693064; Report Btw if you can share whats the code for adding images into ur profile and for the old web style (the lines) I'm trying to make a lay that kinda looks like this because urs are so cute <3 ill be crediting u ofc <3 by Marl <3; 1681711887; Report ofc! :D here: (ignore the parenthesis its so the code actually sends c:) ( body::before { content: " "; display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%); z-index: 2; background-size: 100% 2px, 3px 100%; pointer-events: none; } ) by pupupowa; 1681861136; Report and theres a lot of dif codes for adding imgs embedded into ur profile, if u wanna add one without the () brackets and just around u can use (<img src=" enter url of image between quotation marks “/>) but mostly its finding places on ur profile and putting before or after like (.col.left h4:before{ ) i hope that made sense!!! :D i think the easiest way is to command F my code for url's and take all those headings and put ur own pics :D (im so bad at explaining im so sorry :,D) by pupupowa; 1681861362; Report