pastel kpop layout

Tags: kpop, pastel, layouts, newjeans, stars, blue, pink, cute

Description:

hi this is my first profile layout so it might be a bit poopy but i hope someone will enjoy it :) includes get up - newjeans autoplay + bunny mascot :3 LMK if something breaks, i'll try fix it even though i kind of have no idea what i'm doing 😅

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by chuu ૮ ˶ᵔ ᵕ ᵔ˶ ა (https://layouts.spacehey.com/layout?id=97302) -->

<style>* {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym752.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2013/02/13/sexy-pink-heart-15.html" target="_blank" title="Sexy Pink Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Sexy Pink Heart" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>



p {

color: darkslateblue;

text-shadow: 0px 0px 4px lightpink;

}



body{

background-image: url('https://i.pinimg.com/564x/b9/ec/00/b9ec006f554e759cd33db2030bd022e1.jpg') !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }



main {

box-shadow: inset 0px 0px 40px lightblue;

padding: 10px;

}

.links a{color: white !important;}

.links{

background-color: lightblue !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }



.top{

background-color: lightblue !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }



h1{color: #f3c7de !important;}



:root {

--cd-image: url('https://i.postimg.cc/HswsgCSx/96fa0c6ed9ee80e8a29c57ad08b7b37c-removebg-preview.png');

}

.profile-pic {

position: relative;

width: 183px;

filter: drop-shadow(0 0 0.25rem gray);

}

.profile-pic:after {

content: "";

background: url('https://fluorescent-lights.neocities.org/f0rzNHe.png'), linear-gradient(150deg, rgba(255,255,255,0.4), rgba(255,255,255,0.2), 40%, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.6));

background-size: contain, cover;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

}



.profile-pic:before {

content: "";

background: var(--cd-image);

position: absolute;

top: 5px;

left: -20px;

width: 150px;

height: 150px;

background-repeat: no-repeat;

z-index: -1;

animation-name: spin;

animation-duration: 5000ms;

animation-iteration-count: infinite;

animation-timing-function: linear;

transition: left ease 0.5s;

}

.profile-pic:hover:before {

left: -75px;

}

@keyframes spin {

from {

transform:rotate(0deg);

}

to {

transform:rotate(360deg);

}

}

.profile-pic .pfp-fallback {

float: right;

width: 163px;

height: 160px;

border: none;

}

.general-about .profile-pic img {

max-width: inherit;

}

.contact img.icon {

display: none;

}

.contact{background-color: !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{

/* add to friends */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{

/* add to favorites */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{

/* send message */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{

/* forward to friend */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{

/* instant message */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: " ";

display: inline-block;

width: 10px;

height: 10px;

background-image: url('https://maguro.carrd.co/assets/images/gallery15/2e3cac88_original.gif?v=10a293e5');

background-size: 100% 100%;

}

/* corner image. hidden on mobile */

.image {

background: url('https://i.postimg.cc/k5V07Qnc/bg-f8f8f8-flat-750x-075-f-pad-750x1000-f8f8f8-removebg-preview.png') no-repeat;

background-size: 100%!important;

position: fixed;

right: 0px;

bottom: 0px;

height: 320px;

width: 300px;

z-index: 1000;

opacity: 1;

}

@media (max-width: 600px) {

.image{display:none;}

}



}



.blog-preview, span[itemprop="name"] h1 {

color: lightblue;

text-shadow: 0px 0px 4px plum;

}



.profile .friends .person p {

color: lightblue;

text-decoration: underline;

}



:root {

--light-gray: #f2f0f0;

--gray: #e3e3e3;

--dark-gray: #919191;

--darker-gray: #545454;

--logo-blue: slateblue;

--darker-blue: lightblue;

--lighter-blue: slateblue;

--even-lighter-blue: lightblue;

--lightest-blue: lightblue;

--red: #FF0000;

--dark-orange: slateblue;

--light-orange: slateblue;

--even-lighter-orange: slateblue;

--strange-yellow: white;

--green: #34D399;

--light-green: #E6F8DD;

--medium-green: #A0C99C;

--dark-green: #059669;

accent-color: #1D4ED8;

accent-color: var(--logo-blue);

}



a:link {

color: #483d8b;

text-shadow: 0px 0px 4px lightpink;

}



.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .setting-section .heading h4, .statistics .heading h4 {

color: lightblue;

}

</style>

<div class="image"></div>



<style>.container{width: 900px !important;}</style>

<style>table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>

<style>

.comments-table td{

background-color: white !important;

background-attachment: fixed !important;

background-repeat: no-repeat !important;

background-position: top left !important;

background-size: cover !important; }

</style>

<style>

.profile .friends .person img {

clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)

}

</style>

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

🪼⋆.ೃ࿔*:･	1747071348 using(its so hard to find a good layout most of them are not it, but this one is so cute) Report Comment
☆	1746730989 using Report Comment
manzanabi	1746649619 using!! Report Comment
arj?	1746444817 using :3 Report Comment
mii ᶻ 𝗓 𐰁	1746167967 using!!! Report Comment
𝒯oria	1743810473 PG Report Comment
elle	1743730207 USINGG Report Comment
⋆Dori⋆｡‧˚ʚ🍓ɞ˚‧｡⋆	1743406829 Using! Report Comment
xlicezq	1742680718 using! Report Comment
kymlvr	1742401644 might b using :) Report Comment
nou_riies	1742039243 using !! it's so cutee Report Comment
lynn🪼	1741516666 Using!! Report Comment
Mel :3	1741201159 Usando!! (fiz algumas alterações, espero que não se importe ️) Report Comment
Moranguinho	1740453027 using!!! ヽ(●´ε｀●)ノ Report Comment
Moranguinho	1740453027 using!!! ヽ(●´ε｀●)ノ Report Comment
Moranguinho	1740453027 using!!! ヽ(●´ε｀●)ノ Report Comment
Moranguinho	1740453026 using!!! ヽ(●´ε｀●)ノ Report Comment
Sttrwberry_soda'zz	1739687181 Using (⁠◕⁠ᴗ⁠◕⁠✿⁠) Report Comment
jaemin	1739467307 usin!! i edited it a bit Report Comment
tyra .⋆. 𐙚 ˚	1739102202 usinggg Report Comment