Pink layout

Tags: cute, pink

Description:

Cute pink layout with floating profile animation and custom online icon that you can change at the top of the code! Made with different pieces of code, so 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=35312) -->

<style>

.online { visibility: hidden; } .online img { content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/25425fb2-bc94-4349-8d8a-6eabb4d6ccd2/dcki6y7-3ee72625-f419-4109-b072-5584e48598fe.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzI1NDI1ZmIyLWJjOTQtNDM0OS04ZDhhLTZlYWJiNGQ2Y2NkMlwvZGNraTZ5Ny0zZWU3MjYyNS1mNDE5LTQxMDktYjA3Mi01NTg0ZTQ4NTk4ZmUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.sAQiM6UQYlHU-B4JoHZWESMZPyqsUViIaj9n-v_jRzQ');
 animation-name: none; visibility: visible; height:25px; width: 97px; }

}
</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: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>
body {
 margin:0;
 background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dg2a3dk-4a7043f5-f801-4182-8c2e-18a67ab49066.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E4MGNlMzAyLTQwY2QtNGQ4ZC04MWJmLWYzZDQ5MjM3ZmUyNVwvZGcyYTNkay00YTcwNDNmNS1mODAxLTQxODItOGMyZS0xOGE2N2FiNDkwNjYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.mzrRvusKewjjFcaDexfO6LZwnad8hUrphn-9pnDnkL8");
background-attachment: fixed;
no-repeat fixed; background-size:cover;

}
</style>

<style>

main{
background: rgb(255,251,113);
background-color: rgba(235, 52, 97, 0.5);
box-shadow: 0px 0px 10px #8f2540;
text-shadow: 0px 0px 5px #591627;
}

p{
color: #ffb3e4;
text-shadow: 0px 0px 5px #591627;
}

nav .top{
background-color:  rgba(235, 52, 97, 0.5);
box-shadow: 0px 0px 10px #8f2540;
border: 1.5px dotted #ffb3e4;

}

nav .links{
background-color:  rgba(235, 52, 97, 0.5);
background-size: cover;
box-shadow: 0px 0px 10px #8f2540;
border: 1.5px dotted #ffb3e4;

}

.profile h1{
color: #ffb3e4;
text-shadow: 0px 0px 5px #591627;
font-size: 30px;

}

.profile .general-about{

background-color: rgba(184, 83, 108,0.5);
box-shadow: 0px 0px 10px #8f2540;
color: #ffb3e4;
border: 1.5px dotted #ffb3e4;
text-shadow: 0px 0px 5px #591627;
}

.profile-pic img{
border: 1.5px dashed #ffb3e4;
}

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

}

footer {
color: #ffb3e4 !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background:  rgba(235, 52, 97, 0.5);
border: 1.5px dotted #ffb3e4;
box-shadow: 0px 0px 10px #8f2540;
text-shadow: 0px 0px 5px #591627;
}

.profile .contact .heading,
.profile .table-section .heading{
background-color: #bd3154;
color: #ffb3e4;
text-shadow: 1px 1px 0px #591627;
border: 1.5px dotted #ffb3e4;

}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: 1.5px dotted #ffb3e4;
background-color: rgba(184, 83, 108,0.5);
box-shadow: 0px 0px 10px #8f2540;
margin: .5em 0;


}


table.details-table td {
background-color: transparent !important;
color: #ffb3e4 !important;
border: 1.5px dotted #ffb3e4;
text-shadow: 0px 0px 5px #591627;

}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: #bd3154;
background-size: cover;
color: #ffb3e4;
text-shadow: 1px 1px 0px #591627;
border: 1.5px dotted #ffb3e4;

}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(184, 83, 108,0.5);
box-shadow: 0px 0px 10px #8f2540;
color: #ffb3e4;
border: 1.5px dotted #ffb3e4;
text-shadow: 0px 0px 5px #591627;
}

.profile .blurbs .section h4{
color: #ffb3e4;
text-shadow: 1px 1px 0px #591627;
padding: 1em 0;
border: 1.5px dotted #ffb3e4;

}

.profile .profile-info{
color: #ffb3e4;
text-shadow: 1px 1px 0px #591627;
background-color: rgba(184, 83, 108,0.5);
box-shadow: 0px 0px 10px #8f2540;
border: 1.5px dotted #ffb3e4;

}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(184, 83, 108,0.5);
box-shadow: 0px 0px 10px #8f2540;
padding: 1em 0;
color: #ffb3e4;
border: 2px dotted #ffb3e4;
text-shadow: 0px 0px 5px #591627;

}

.profile .friends .friends-grid p{
color: #ffb3e4;
text-shadow: 0px 0px 3px #591627;
border: 1.5px dotted #ffb3e4;

}

.count{
color: #ffb3e4;
text-shadow: 0px 0px 3px #591627;
}

.profile .comments-table{
color: #ffb3e4;
background-color: rgba(184, 83, 108,0.5);
box-shadow: 0px 0px 10px #8f2540;
border: 2px dotted #ffb3e4;
text-shadow: 0px 0px 5px #591627;
}

.profile .comments-table .comment-replies{
background-color: rgba(184, 83, 108,0.5);
box-shadow: 0px 0px 10px #8f2540;
border: 2px dotted #ffb3e4;
color: #ffb3e4;
text-shadow: 0px 0px 5px #591627;
}

.profile .comments-table td{
background-color: transparent;
color: #ffb3e4;
padding: .5em;
border: 1.5px dotted #ffb3e4;
text-shadow: 0px 0px 5px #591627;
}

a{
color: #ffb3e4;
text-shadow: 0px 0px 3px #591627;
}

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

a:hover {
color: #290202;
text-decoration: none;
text-shadow: 0px 0px 5px #591627;
}

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

nav .links a:hover{
color: #290202;
text-decoration: none;
text-shadow: 0px 0px 3px #591627;
border: 1.5px dotted #ffb3e4;

}

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

catrix2003	1723847652 using online icon!! Report Comment
Mishuuuฅ^._.^ฅ	1703533398 using!! Report Comment
♡leti_luv♡	1699475650 might usee Report Comment
tav ⍟ \| ๑ avantris...	1696544060 MIGHJT USE!! Report Comment
zero !!	1694222778 using Report Comment
xXSceneSimpXx	1693095271 Usingg UwU Report Comment
robin !! ★	1690765510 using1!1!!1!1! Report Comment
Vriska :3	1690679956 Using!! Report Comment
Tori	1690580908 using !!! Report Comment
♥ Sunni ♥	1689978654 using!! :3 Report Comment
inactive tav 💥	1689816396 using!!! :3 Report Comment
aleeeex	1689794264 using! super cute!!!! Report Comment
Lucian	1689748974 using !! Report Comment
Xee	1689577281 USING :DD Report Comment
KOHANE !	1689566478 using!! Report Comment
Morphinemuffin	1689551208 Using!:3 Report Comment
chuu :33	1689535054 using :3 Report Comment
FRANCIS / KRIS !	1689388764 Gonna use! Report Comment
Ashley	1689369610 using !! Report Comment
¡¡¡ SMITUNA !!!	1689292560 using ^^ Report Comment