Kawaiicore / Cutecore layout <3

Tags: frankie ☆ iero, cutecore, kawaiicore, kawaii, cute, pastel, softcore, aninmated, sanrio, ainme

Description:

a sugary sweet layout complete with a custom strawberry cusor, pixel icons, floating page animation, heart shaped pfp, a custom kawaii playlist autoplayer, extra image boxes, spotify embeds + much more please keep my credits in the code <33

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Kyle or something  (https://layouts.spacehey.com/layout?id=89234) -->

<style>
.general-about img {-webkit-mask-image: url(https://uvassociates.in/sites/default/files/images/clip-arts/3d-Peach-Love-Heart-Transparent-Background.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: top;}
</style>


<style>
  .top > .left > a > .logo {
    display: none;
  }
  .top .left a {
    content: url(https://media.discordapp.net/attachments/899055662506602539/1176292607370985554/Spacehey_Logo.png?ex=656e56dc&is=655be1dc&hm=6ee33b601f5dc50ce119cd43e713347ce114ca918839a766d41333e1fd819909&=);
    height: 50px;
    width: 165px;
    display: inline-block;
  }

</style>


<div class="about"> 
Made by Frankie ☆ Iero
about me goes here!!

</div>

<div>
<h3>music keeps me sane…:</h3>
<!-- spotify embed here -->
<!-- put a yt id here for autoplay music -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/LaTXnBVXTV4//?&;amp;;autoplay=1&;loop=infinite&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>
</div>
  
  
<style>
        .online{content:url(https://64.media.tumblr.com/3d6c162bae11d8a477e6cba9a2de11a1/50dde544cc4fb212-9d/s75x75_c1/b8fcef7b8aae1502794c526bbe16432ae4731d1c.gifv) }
    </style>


<style>
    body {
          background-image:url(https://i.pinimg.com/originals/d6/08/29/d60829bd5a6b9ea708ba7d1fb535892a.gif)
    }
</style>
<style>
body { cursor: url(https://64.media.tumblr.com/dad8298d6ceb12a90b244e02ebc83410/bf9539443eee6547-cf/s75x75_c1/9e7f1c6a67c0268c55d107176939b2df01790222.gifv), auto; }
</style>

<style>
.profile-info{
background: url(https://i.pinimg.com/originals/ae/98/2e/ae982e7168c2c920fa7056f06d874a74.gif);
no-repeat fixed;
    background-size: cover;
    height: 200px;
    border: white;
    font-size: 0;
    background-size: cover;
    height: 200px;
    border: white;
    font-size: 0;
    background-position-y: center;
}

    .profile {
       
 
background:url(https://i.pinimg.com/564x/0f/c6/62/0fc662365976093d8fc619f8f8cdc19b.jpg);
color:white;
text-shadow: 0 0 9px #FF5AC6;
    }

.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:#FFFFFF; 
Background:url(https://i.pinimg.com/564x/e4/43/0f/e4430ff1d3b4738113e29f529e480028.jpg);
}

/* 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:url(https://64.media.tumblr.com/24a5a890f363c693e420a3180fadb30e/bf9539443eee6547-8e/s75x75_c1/5551b2733080977fb9986d78eb8f6f2974a974b8.gifv);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content:url(https://64.media.tumblr.com/1e11bf032c1fc447511ccbbb2054d7d0/bf9539443eee6547-f5/s75x75_c1/666274744f03e448572b99ad5aad8a893ccf4126.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://64.media.tumblr.com/a0ca6549330a9aa3051fd6c5e6698066/864d1bda21cb5b1a-12/s75x75_c1/ee7075f73c668af8019b526d01df4c6b389b67b4.gifv);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content:url(https://64.media.tumblr.com/a4684f5a22ac0fc2eab4dc9caf7e72be/74e3a4f2f60c0e4d-0b/s75x75_c1/7217a1da74ec1e273c473711e30de3e351f79a0d.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content:url(https://64.media.tumblr.com/38b26db6380dbd91ce8d53b243a51999/008397d74f64ea97-b2/s75x75_c1/8f962b404d67e23a4520c64508b3e424b7e1e154.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content:url(https://64.media.tumblr.com/a7675a12d61f869bc21c449f929d6291/0d435de286f63e02-e8/s75x75_c1/96a95f9837a05ad1cb2b0741a5e53d9a64ebc669.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content:url(https://64.media.tumblr.com/b097da022a6c39783fb710a6315e22e8/6dff416b2679203e-76/s75x75_c1/a7fc684fba16170b3caa0a0a5004f238a105254c.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content:url(https://64.media.tumblr.com/ff664ba593319dfaed958653ce77a9f3/864d1bda21cb5b1a-55/s75x75_c1/29eacb640967f406c820fdefbddb96bbb2759161.gifv);
}
footer {
border-radius: 15px;
background-image: 
url(https://64.media.tumblr.com/ff664ba593319dfaed958653ce77a9f3/864d1bda21cb5b1a-55/s75x75_c1/29eacb640967f406c820fdefbddb96bbb2759161.gifv);
color:White; 
}
  

nav .top {
        background: url(https://i.pinimg.com/originals/be/5a/11/be5a11b56780bf2606179b60a595c79f.gif);
    }
    
    nav { background: black url(""); }

:root {
--logo-blue:#FFFFFF;
--darker-blue: #FFFFFF;
--lighter-blue: #DEC3E7;
--even-lighter-blue:C3DFE7 url(https://i.pinimg.com/564x/68/ff/d8/68ffd8817cf3f8bd10468b8bbd86b01a.jpg);
--lightest-blue:#C0E5EE;
--dark-orange:#C3DFE7;
--light-orange: url(https://i.pinimg.com/564x/68/ff/d8/68ffd8817cf3f8bd10468b8bbd86b01a.jpg);
--even-lighter-orange:#FFFFFF;
--green: #FFFFFF;
}


<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my luvs <3 "; font-size:.8rem; font-weight:bold; 
color:black; }
}
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "thoughts?"; font-size:.8rem; font-weight:bold;
color:White; } 
</style>
<style>
 .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "more!!"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "talk to me baby!"; font-size:.8rem; font-weight:bold; 
color:White; }
}</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "me!!"; font-size:.8rem; font-weight:bold; color:White; }
<style>

h1{
animation: type 3s steps(27);
  color: transparent;
  font-size: 7px;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 6px);
}
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 20 of 346 comments ( View all | Add Comment )

Yuma! [TEST]	1790169209 using!! also question for the profile background (yellow,blue,pink) is there a way to insert gifs in there? help would be amazing!!!! :'] Report Comment
NYANGUTZ	1788402321 using ^w^ Report Comment
fyolai 🍝🌎	1787922707 Using ^^ Report Comment
🩷pey🩷 (autoplay)	1786403863 usingg Report Comment
baaqa🧁💢	1786068346 using Report Comment
Pretty_Gyaru	1785898154 Using! Report Comment
𝕿𝖍𝖆𝖉𝖉𝖊𝖔	1785637826 using!! Report Comment
ariamofu	1784914767 using Report Comment
waterlily	1784287258 using !! Report Comment
૮꒰˶ ҂ ˕ -꒱ა .ᐟ 𑄝 diesel \| offline!!	1783117838 using ^^ >_< Report Comment
XxBrxtallyAngiexX	1781556184 Ussingg Report Comment
Yuki :3	1781490853 usiing Report Comment
Cheesecake	1779499748 Using Report Comment
Dᨵׁׅׅᥣׁׅ֪ᥣׁׅ֪ (⁠╥⁠﹏⁠╥⁠)	1779278100 Usando! Report Comment
luci ☘️	1779222775 using ⭐️ Report Comment
becstuck	1778016933 using,,,purrhaps :3 Report Comment
ყմ๓ᥱ ͜♬𓏴	1777419074 usin,,,? (maybebeury) Report Comment
valentine !	1776793625 OOO CUTE (using this perhaps:D) Report Comment
m3ow_nak3sha	1776301129 using!! Report Comment
ɛƖƖıơɬ	1775858766 using >< Report Comment