paste pinkl / regal layout

Tags: frankie ☆ iero, pink, pastel, princess, royal, regal, gold, animated, love
Description:

a princess-ey layout, complete with; custom pixel icons, autoplayer playing merry-go-round of life from howls moving castle, floating page animation, custom logo cover, heart pfp, bonus page boxes, spotify embed + more !! please keep my credits in the code <33
Code:

<!-- (c) Layout created by frankie ☆ iero (https://layouts.spacehey.com/layout?id=89678) -->

<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: 125%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: top;}
</style>



<style>
 .logo {
 
 content:url("https://cdn.spacehey.net/layouts/36987_4ce972e86d88cd7d6c4a7ebb45d33b00.png?token=D-kn9l4ormn8YYo-7S2ci4gWQ19scG79Wr2S_FTcy1Q&expires=1701681349");
    }
</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/J6qIzKxmW8Y&t//?&;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/69c3e37b9e55c24e19a96f7c76440aa7/2b4eeb5b4785339f-d0/s75x75_c1/71c51dfa7e848181ccbb1d8cf491f52a7b2bd1bb.gifv) }
    </style>


<style>
    body {
          background-image:url(https://i.pinimg.com/564x/c7/c4/f6/c7c4f6bf788e487411614588706bf20e.jpg);
 no-repeat fixed;
    background-size: cover;  }

body { cursor: url(https://64.media.tumblr.com/9b09f6df4571c7848c49aa6188d53f8f/87835fa9ddc370f1-25/s75x75_c1/f1c123d6887bd3a6e3d24b76a6b8dacae4b1d3da.gifv), auto; }
</style>

<style>
.profile-info{
background: url(https://i.pinimg.com/originals/96/0a/e3/960ae37f69f35ed4043c7ff16e6fa4b0.gif);
no-repeat fixed;
    background-size: cover;
    height: 155px;
    border: white;
    font-size: 0;
    background-size: cover;
    height: 152px;
    border: white;
    font-size: 0;
    background-position-y: center;
  border-radius: 25px;
}

    .profile {
       
 color: white;
background:url(https://i.pinimg.com/564x/17/2b/e3/172be3f4cfd3fa91af19aa1001ac749d.jpg);
color:white;
text-shadow: 0 0 9px #FF48A6;
 </style> 

<style>
.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:#98ABBC; 
  border-radius: 25px;
background: url(https://i.pinimg.com/564x/c8/3b/6b/c83b6be37fdf6486c5efcbec2aeba5e9.jpg);
color: white;
}

/* contact icons */
.contact .inner a img {
font-size: 0;
color: white;
}
.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/6c4962446f22515e51e72b0958d281b2/0ab9c7ddcc6880e8-f9/s75x75_c1/ec4b7c043ca96c4b585e5e63b877f34d11187a0c.gifv);
color:White;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content:url(https://64.media.tumblr.com/3bb5ac680fa9bce650e6bc67e7d6bf6d/513203850157b7c8-62/s75x75_c1/706b4672b9007bb2defa49304c923404bdb739f5.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/c65c00e574826bcb2b1fbd6845bd4f22/0ab9c7ddcc6880e8-16/s75x75_c1/ec6031591f7b2e48eca144d1eeccf7220fe4cb26.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/5beff407993bf2f955e71d05b3791e46/307b7dbb2e3bc3c0-9f/s75x75_c1/27f55ac1b173e94478bc9eb4c4d6372c8b44d97a.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content:url(https://64.media.tumblr.com/991e6f21ed4780a58843008a8e8c5b59/61b7c2f115506a7e-c5/s75x75_c1/3b3443336d128af604fa0ff15ec5b951e9e96d58.gifv);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content:url(https://64.media.tumblr.com/dce6cbb6da955120f96d6a34a930712a/08c39938cd58adf9-0c/s75x75_c1/ccc28fa1933ba1be0b484d852711a95a85f260ee.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/4ff7632fa5384ada6fa09b842233a2ec/08c39938cd58adf9-14/s75x75_c1/8beacdfda5ad6f81a0638801d76589a4aa021afe.gifv);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content:url(https://64.media.tumblr.com/8107b802023b4b2c1398ce41bb9a294a/513203850157b7c8-17/s75x75_c1/37a978ad79c288e61759d420ab1e0c8a9b4be5fa.gifv);

}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/564x/3e/e2/ec/3ee2ecb4c20f105d7a815f159215fc0a.jpg);
color:White; 
}
  

nav .top {
        background: url(https://i.pinimg.com/564x/1c/4d/5c/1c4d5c28153e25ea810e5846b873cee8.jpg);
    }
    
    nav { background: black url(""); }

:root {
--logo-blue:#FFFFFF;
--darker-blue: #FFFFFF;
--lighter-blue: #98ABBC;
--even-lighter-blue: url(https://i.pinimg.com/564x/db/16/f6/db16f60411357b5e64bde0760375b8b9.jpg);
--lightest-blue:#FFF4DD;
--dark-orange:#FFFFFF;
--light-orange:#98ABBC;
--even-lighter-orange:#FFF4DD;
--green: #FF48A6;
}
</style>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "fellow royals "; 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 of moi"; font-size:.8rem; font-weight:bold; 
color:White; }
 </style>
<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "contact me."; 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 0 of 0 comments ( View all | Add Comment )