⍟ soft pink layout!! ⍟

Tags: pink, soft, popular, layout, cute, blue, marquee, float, music, bg music

Description:

If you use this layout, please leave a comment and/or friend me!

DO NOT USE THIS AS A BASE, however you can, change image link (only)
p.s do not remove credit.

✿ to use this layout you need to copy paste this in your about me section ✿

what this layout offers:
♥ cute name typing text animation
♥ soft pastel pink theme
♥ marquee (right to left) about me!
♥ round pfp (with floating animation)
♥ banners (/ gif bg)
♥ background music on loop (click here for tutorial)

♥♥♥ lastly there're many comments to help you navigate through this messy layout code ♥♥♥

Preview:

click on the image for a larger preview

Code:

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



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

<!-- (c) Layout created by lav_u24ever (https://spacehey.com/profile?id=1552103) -->

<style>

main:before {
width: 100%;
height: 100px;
display: block;
content: "";
background-image: url('https://pa1.narvii.com/6857/91ffd04ff68bff4fab496a2ca9dc5217112247b5_hq.gif');
background-position: center;
    background-size: cover;
   border-radius: 30px;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
.blurbs .inner{

text-align: center !important;

}
</style>

<style>

/* Gen Body Settings */

.container {
  border: 1px solid white;
  
}

#cutom cursor
<style>
/* cursors: top URL is the cursor that shows when you hover over links, bottom URL is the main or "resting" cursor */
/* https://cursors-4u.net */
a:hover {    
 cursor: url('http://www.rw-designer.com/cursor-view/162434.png'), auto;
}
* {
 cursor: url('http://www.rw-designer.com/cursor-view/162398.png'), auto;
}
</style>



<style>.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 Favorites */
    content: "♥"
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* Send Message */
    content: "♥"
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* Forward 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 to Group */
    content: "♥"
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* Report Profile */
    content: "♥"
    }
</style>



<style>
.main {
    color: #EC7699;
}

body {
 background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTmvmu2Fuhnwgv-kK5iT8LoyA8yeQOaIhZSlA&usqp=CAU);
 background-repeat: fixed;
background-size: cover;

 }
    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
} 
.icon {
    border: none !important;
}

.online{
    content: url(https://64.media.tumblr.com/b722388a06fdefeb7c33f5107c88066d/915750647ffe5f8a-bf/s75x75_c1/6bbee2a9db14abb38235bd39e98cd846458af86a.gifv);
}



/* Profile Settings */

.details-table td {
  color: black;
} 

@import url('https://fonts.googleapis.com/css?family=Ms+Madi&display=swap');
.profile h1 {
  position: relative;
  color: hsl(0, 0%, 68%);
  font-weight: 900;
  font-family: 'Ms Madi';
  font-size: 25px;
  color: #EC7699;
  letter-spacing: 7px;
  overflow: hidden;
  border-right: 2px solid hsl(0, 0%, 80%);
  white-space: nowrap;
  animation: typewriter 6s steps(44) 1.5s 1 normal both,
    blinkTextCursor 500ms infinite;
}

@keyframes typewriter {
  from {
    width: 0;
  }
  to {
    width: 200px;
  }
}
@keyframes blinkTextCursor {
  from {
    border-right-color: hsl(0, 0%, 80%);
  }
  to {
    border-right-color: transparent;
  }
}

.details-table td p {
  background-color: linear-gradient(#FFB3B3, #E6F3FF 20px);
  font-size: 11px;
  font-family: 'inter';
  color: white;
} 

.details-table td:first-child {
  background: linear-gradient(#EC7699,  #FFB3B3 20px);
  text-align: center;
  text-shadow: #EC7699;
  width: 30%;
  box-shadow: black;
  color: white;
  font-family: 'Inter';
  font-size: 22px;
  font-weight:bold;
}
.details-table td:{
 background: white;
}
 
.profile .contact .heading h4, .profile .table-section h4 {
  color: white;
  background-color: ;
  font-family: 'Inter';
  font-size: 22px;
  font-weight: bold
}

.profile .contact, .profile .table-section, .profile .url-info {
    border: 0;
    color: #a67184;
}

.profile .contact .inner, .profile .table-section .inner {
    border: #EC7699 1px solid;
    background-color: white;
}
    
.profile-info {
  border: 0;
  margin: 0;
  padding: 0;
}

   .profile-info h3 {
  font-family: 'inter" ;
  font-weight: bold;
  font-size: 11px;
  color: black;
  margin: 0;
}


.general-about .profile-pic {
 box-shadow: darkred 1px 2px 2px;
}
.mood{
   background-image: url(https://www.pinterest.com/pin/7881368091089520/sent/?invite_code=903379b9ca3a4d97b0fa1af6e78c78f7&sender=997547523621095208&sfo=1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    padding: 15px;
}

.mood p, .profile .url-info  {
 font-size: 13px;
 font-family: 'Inter';
 font-weight: bold;
}

.mood b, .profile .url-info b{
  font-weight: bold;
  font-family: 'Inter' ;
  font-size: 0.875em;
}

.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 50px;
  background-image: url(https://media.discordapp.net/attachments/844461767169015838/966667246699163678/Tumblr_l_775756840293249.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;
}

 .profile-pic {
        border-radius: 300px;
        overflow: hidden;
}
/* Link Settings */
.mood a, .inner a, .friends a {
 color: #EC7699;
 font-weight: normal;
 font-size: 13px;
 font-family: 'Inter';
}

.blog-preview a {
 color: #a67184;
 font-weight: normal;
 font-size: 12px;
 font-family: 'Inter';
 font-weight: bold
}

/* Nav Bar */

nav .links {
 background: linear-gradient(#FFB3B3 15%, #EC7699, #E6F3FF); 
 box-shadow: #EC7699 0 1px 1px 1px inset;
 padding: 0;
 text-align: center;
}

nav .links a {
  color: white;
  text-shadow: white 0px 2px 4px;
  padding: 1px
}

nav .links a:hover {
  color: white;
  background: linear-gradient(#CCE6FF, #EC7699);
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: #CCE6FF;
  padding-top: 0;
}

nav .links li.active a {
  color: white; 
  font-weight: bold;
}

nav .links li:not(:last-child)::after {
  color: white;
  text-shadow: white 1px 0px 1px;
}

/* Nav Top */

nav .top {
 background: linear-gradient(#e6ecff , #EC7699 40%, #E6F3FF); 
 box-shadow: white 0px 0px 2px 3px inset;
}

/* Blurbs and Headings Settings */

.profile .blurbs .inner, .profile .friends .inner, .profile .contact .heading {
  border: 1px solid #EC7699 ;
  border-bottom: 1 ;
}
.url-info {
    background: url(https://i.pinimg.com/originals/d5/d0/be/d5d0be59869eeb2c914703251ae88409.gif);
    background-size: cover;
    height: 200px;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
 background: radial-gradient(#FFB3B3 15%, #EC7699, #E6F3FF); 
  box-shadow: #FFB3B3 0 1px 1px 1px inset;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-shadow: #de93a8 0px 2px 5px;
  border: 1px solid #EC7699;
  border-bottom: 0;
  border-radius: 2px;
}

.profile .friends .heading h4,  .blurbs .heading h4{
 font-weight: normal; 
 background-color: rgba(236, 118, 153, 0.35);
 
}


.profile .blurbs .section h4 {
 color: #de93a8;
 background color: black;
 font-weight: bold;
 font-size: 13px;
 font-family: 'Inter';
}

.profile .blurbs .section {
 font-size: 22px; 
 font-family: 'Inter';
 color: #EC7699;
}
.comments-table{
display: block;
height: 400px;
overflow-y: scroll;
Border-radius: 15px;
}

/* Friends */

.profile .inner b {
 font-size: 11px; 
 font-family: 'Inter';
 color: white;
}

.profile .inner span.count {
 color: white; 
}

.profile .friends .person p {
 font-size: 11px;
 font-family: inter;
 color: #EC7699;
}
.profile-pic {
        border-radius: 100px;
        border: white solid 0px;
        overflow: hidden;
        margin-top: -10px!important;
        margin-left: 0px!important;
        filter:;
    }
footer {
    border-radius: 15px;
    background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dd7s0eu-215fe475-e47e-4938-bcbb-e772114bbfee.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGQ3czBldS0yMTVmZTQ3NS1lNDdlLTQ5MzgtYmNiYi1lNzcyMTE0YmJmZWUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.I5C3pWntwvkV2Z-xyCsgonOVn8MyO3MJqG9--s3S2XA);
    background-size: cover;
    color: white;
}
.comments-table td:first-child {
  background: rgba(236, 118, 153, 0.34) ;
  text-align: center;
  Border-radius: 15px; 
  text-shadow: white 0px 1px 2px;
  width: 30%;
  box-shadow: white 0px 1px 2px 2px inset;
}

.comments-table img:(.icon){
    border: 1px solid white;
    box-shadow: 0px 1px 2px #ffffff;
}

.comments-table td {
 background-color: white; 
}

button:not(.logout-btn) {
 background: linear-gradient(#FFB3B3 15%, #EC7699, #E6F3FF); 
 box-shadow: white 0 1px 1px 1px inset;
 color: white;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid white;
 border-radius: 3px;
 padding: 2px;
} 

button:not(.logout-btn):hover {
 background: linear-gradient(white, #FFB3B3); 
 box-shadow: white 0 1px 1px 1px inset;
 color: #FFB3B3;
 font-size: 11px;
 font-weight: normal;
 text-shadow: white 0px 2px 5px;
 border: 1px solid #FFB3B3;
 border-radius: 2px;
 padding: 2px;
} 

</style>



<style>
/* floating animations */
.profile-pic, .profile .friends .person img:not(.icon), .profile .friends .person p{ 
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    margin-left: 0px;
    margin-top: 0px;
}
@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 5px); }
    100%   { transform: translate(0, -0px); }   

}    

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

#your real about me below! (if you want to remove marquee, just delete everything below!!
</style>

<marquee behavior="scroll" direction="left">this is your about me!!</marquee>

<img src="https://64.media.tumblr.com/efdebe5b6d5297caceaa52e4d0bb6c55/69bb480b8b4b3a4a-d4/s640x960/f58f27d419099ebfe7aaf8a142bbfb4afa6ac3c5.gifv" alt="giphy-2" width="500" height="30" class="giphy-embed"/>

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 85 comments ( View all | Add Comment )

spike.310	1759235754 using Report Comment
《 Gale 》	1757855829 Using!! I love that it tells you what certain parts of the code are doing, so you can mix and match! Report Comment
paulie	1756668538 Using thank u love Report Comment
lulu!!	1756060405 Using <3 Report Comment
Sobachka	1755511494 Using tyyyyyy Report Comment
Freaky Princess :3	1755139426 using Report Comment
Mandyy	1752215924 using!! :3 Report Comment
꒰⊹ ｡˚ ೀ ˖｡* ⊹ gigiisita ᓚᘏᗢ ⊹ ｡˚ ೀ ˖｡⊹￤	1751927920 using (❁´◡`❁) Report Comment
Audrey	1751391555 Using Report Comment
Audrey	1751391555 Using Report Comment
Sage 🕊️	1749104903 Using! Report Comment
AmysFavv	1746902808 using tyy Report Comment
supiaa 🐾	1740100851 using!!!thanks Report Comment
Rozaluvs	1740093295 Using!! Report Comment
Rozaluvs	1740093291 Using!! Report Comment
Rozaluvs	1740093291 Using!! Report Comment
Rozaluvs	1740093291 Using!! Report Comment
J4na	1738083803 Using:) Report Comment
Melon	1737016046 using!!! Report Comment
Ally/Al	1736980015 using Report Comment