Cute pink layout

Tags: pink

Description:

Cute pink layout with floating profile animation! Made w/ bits and pieces of other code, change it up however you’d like just comment if used! (-:

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sip O' Poison (https://layouts.spacehey.com/layout?id=31426) -->

<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:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/5552cb82-6fb8-4c7f-9d29-a10b2e5daf6c/dbs3spb-59878339-1c7d-4535-a013-3a68531f41dd.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzU1NTJjYjgyLTZmYjgtNGM3Zi05ZDI5LWExMGIyZTVkYWY2Y1wvZGJzM3NwYi01OTg3ODMzOS0xYzdkLTQ1MzUtYTAxMy0zYTY4NTMxZjQxZGQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.5i_S735s_TThb_nNykHO2ARQwlP2Sm1IpX9rmimEOrA');
}
</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500&display=swap');

body { background-image:url('https://thevioletjournal.com/wp-content/uploads/2021/11/Pink-wallpaper-11-1.png');
background-size: cover;
background-attachment: fixed;
}

main{
background: rgb(255,251,113);
background: linear-gradient(180deg, rgb(255, 192, 203) 0%, rgb(255, 182, 193) 34%, rgb(201, 169, 166) 69%, rgb(169, 92, 104) 89%);
box-shadow: 0px 0px 10px #F33A6A;
}

p{
color: white;
}

nav .top{
background-color: transparent;
box-shadow: 0px 0px 10px #F33A6A;
border: 2px dotted white;

}

nav .links{
background-color: transparent;
background-size: cover;
text-align: center;
text-shadow: 0px 0px 5px #F33A6A;
box-shadow: 0px 0px 10px #F33A6A;
border: 2px dotted white;

}

.profile h1{
font-family: 'Exo 2', sans-serif;
color: white;
text-shadow: 0px 0px 5px #F33A6A;
font-size: 30px;
text-align: center;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #F33A6A;
text-align: center;
color: white;

border: 2px dotted white;

}

.profile-pic img{
border: 2px dashed #FFB6C1;
border-radius: 100%;
}

.general-about .profile-pic{
margin: 0;

}

.online { visibility: hidden; } .online img { content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/f5ad7883-a9d8-49d3-be3d-8cdc9a4559b1/d8jdf0w-24ccaa22-1eef-460c-b687-cd66eed63655.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Y1YWQ3ODgzLWE5ZDgtNDlkMy1iZTNkLThjZGM5YTQ1NTliMVwvZDhqZGYwdy0yNGNjYWEyMi0xZWVmLTQ2MGMtYjY4Ny1jZDY2ZWVkNjM2NTUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.iw6O8WZ-_nFkOx0D26Gy2pX5OFKljsygNFZ-Rjm4l5Y');
 animation-name: none; visibility: visible; height: 67px; width: 253px; }

}

footer{
background-color: transparent;
box-shadow: 0px 0px 10px #F33A6A;
color: black;

}

.profile .contact .heading,
.profile .table-section .heading{
background-color: #FFB6C1;
text-align: center;
color: white;
text-shadow: 1px 1px 0px #F33A6A;

border: 2px dotted white;

}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: 2px dotted white;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #F33A6A;
margin: .5em 0;

}

.profile .url-info{
color: white;
text-align: center;
}

table.details-table td {
background-color: transparent !important;
color: white !important;

border: 1.5px dotted white;

}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: #FFB6C1;
background-size: cover;
text-align: center;
color: white;
text-shadow: 1px 1px 0px #F33A6A;

border: 1.5px dotted white;

}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #F33A6A;
text-align: center;
color: white;

border: 2px dotted white;

}

.profile .blurbs .section h4{
color: white;
text-shadow: 1px 1px 0px #F33A6A;
padding: 1em 0;

border: 1.5px dotted white;

}

.profile .profile-info{
color: white;
text-shadow: text-shadow: 1px 1px 0px #F33A6A;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #F33A6A;
border: 1.5px dotted white;

}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #F33A6A;
padding: 1em 0;
color: white;

border: 2px dotted white;

}

.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 3px #F33A6A;

border: 1.5px dotted white;

}

.count{
color: white;
text-shadow: 0px 0px 3px #F33A6A;
}

.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #F33A6A;
border: 2px dotted white;

}

.profile .comments-table .comment-replies{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #F33A6A;
border: 2px dotted white;
color: white;
}

.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;

border: 2px dotted white;

}

a{
color: white;
text-shadow: 0px 0px 3px #F33A6A;
}

a:visited {
color: white;
text-shadow: 0px 0px 3px #F33A6A;
text-decoration: none;
}

a:hover {
color: #F33A6A;
text-decoration: none;
}

a:active {
color: white;
text-decoration: none;
text-shadow: 0px 0px 3px #F33A6A;
}

nav .links a:hover{
color: #F33A6A;
text-decoration: none;
text-shadow: 0px 0px 3px #F33A6A;

border: 2px dotted white;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

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

neptunehears	1730497328 using!! Report Comment
𝓂𝒶𝓁𝓁𝑜𝓇𝓎 ପ(๑•ᴗ•๑)ଓ ♡	1718805457 usingg <33 Report Comment
Ada 💌	1715497200 Using <3 Report Comment
K4nn1e	1710643112 Using!1 Report Comment
𝖅𝖔𝖗𝖆𝖞𝖆 🎀🪦	1702787129 using :P! Report Comment
MauledBunny	1695111557 using <3 Report Comment
🌸𝓢𝓲𝓮𝓷𝓪🌸	1694567607 Using! Report Comment
🦴☾⛧gh0Ztt⛥☽🥩	1692746466 Uzing :] Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂nines	1689843205 Using!! Report Comment
V🎀💫	1689115000 using!! Report Comment
♡Britney♡	1688589862 Using! Report Comment
Prince	1688164391 using ty!! Report Comment
Larry Banks	1687711605 Usinggg Report Comment
Rith!!(´꒳`)	1687591841 Useee Report Comment
strawberriprofen	1687464665 using :) Report Comment
JACK/JAMES!!!	1687066675 using Report Comment
Lawrence	1686854456 use Report Comment
MoonyLune	1686853692 using!! Report Comment
miso	1686684875 using Report Comment
Angelicfa1ry	1686672328 Using!!!! Report Comment