Pretty soft pink Layout

Tags: pink, cute, kawaii, anime, cutecore

Description:

I'm back one year later, and i bring you my old profile layout from a year ago, oh wow. Maybe i'll remake it later.

It includes a hello kitty cursor and a gif in the navigation bar. It may make it hard to read, so you can change it if you like.

You can modify my code and use some parts of it for your own code. But don't re-post this same layout even with some minor changes like changed colors. Also I don't need to be credited for it.

As i said in my last layout, a little part of the code is made by CammysNotOkay (specifically the part code that i used to insert the symbols in the contact section)

Preview:

click on the image for a larger preview

Code:

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

<style>
body {background-color: #ffd9d9; font-family:arial; color: #DC6198}
nav .top {background-image: url(https://64.media.tumblr.com/bebc6ce55d37546b553e96a7fe30efbe/a283c2aad6f88ee6-16/s540x810/fed2252dd4db31a6d6431a3923356227dd9d5f46.gifv); border-radius: 20px 20px 0px 0px; background-size: 200px; background-position: center}
nav .links {background-color: pink}
a {color: #DC6198}
main .left {background-color: pink}
main .right {background-color: white}
main {background-color: #DC6198}
.profile .contact {background-image: url(https://cdn.discordapp.com/attachments/817938951070285837/910698397198061578/unknown.png); background-size: cover; background-position: left; }
.general-about .profile-pic img {border-radius: 100px}
.profile .contact  {background-color: pink; border-color: pink; border-radius: 10px}
.profile .contact .heading {color: white; background-color: white; text-align: center; border-radius: 10px 10px 0px 0px; color: #DC6198}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/anime/ani-10/ani976.ani), url(https://cur.cursors-4u.net/anime/ani-10/ani976.png), auto !important;} /* End https://www.cursors-4u.com */
.profile .url-info {background-image: url(https://cdn.discordapp.com/attachments/817938951070285837/910706264630251571/unknown.png); background-size: 200px; background-position: center; background-color: pink; border-color: pink; border-radius: 10px; color: #DC6198}
table.details-table {border-collapse: collapse}
table.details-table td {background-color: white;}
table.details-table td * {background-color: white;}
 .profile .table-section .details-table td{background: white; border-style: solid; border-color: white; color: #DC6198}
.profile .table-section {border-color: #DC6198;}
.profile .table-section .heading {background-color: pink}
</style>

<style>
.profile .blurbs .heading {background-image: url(https://cdn.discordapp.com/attachments/817938951070285837/910714627288092814/unknown.png); background-size: 200px; text-align: center; width: 300px; margin: auto; padding: 10px; color: #DC6198; border-radius: 10px}
.profile .blurbs .section h4 {color: #DC6198}
.profile .blurbs .section {color: #DC6198}
DIV.blog-preview {color: #DC6198; text-align: center}
p {color: #DC6198}
.profile h1 {color: #DC6198}
.profile .friends .heading {background-image: url(https://i.pinimg.com/564x/af/0b/4e/af0b4e61a442ed8d14e233ac67ded320.jpg); background-size: 200px; text-align: center; width: 300px; margin: auto; padding: 10px; color: #DC6198; border-radius: 10px}
.count {color: #de1f68}
.profile .friends .person img:not(.icon) {border-radius: 200px}
DIV.friends-grid {background-image: url(https://cdn.discordapp.com/attachments/817938951070285837/910717075402657833/unknown.png); border-radius: 10px}
.profile .friends .person p {color: #DC6198}
.comments-table td {background-image: url(https://i.pinimg.com/736x/79/df/e5/79dfe50c8b6c0cfaf0beb7dd6e5a9b89.jpg); background-size: 150px}
.comments-table td * {border-radius: 100px}
.comments-table td:first-child {background-color: pink}
footer {background-color: white; border-radius: 10px}
.icon {opacity: 0}
.icon {display: none}
.contact .inner .f-row:nth-child(1),  .f-col:nth-child(1), .f-col:nth-child(2) a:before {
	content: "❤";
}
.contact .inner .f-row:nth-child(2),  .f-col:nth-child(1) a:before {
	content: "❤";

</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 )