'🎀|With a Bow on Top!' Layout

Tags: pink, glitter, sparkle, lace, cute, sweet, sugar, doll, deathloli

Description:

⚠️ IF YOU USE THIS LAYOUT, PLEASE EITHER COMMENT OR CREDIT ME ON YOUR PROFILE!!! ⚠️

❀ I took a little coding endeavor, and really enjoyed it, so, I thought I should post my project here for everyone else to enjoy as well!

❀ A lot of love went into this, and I hope you'll credit me if you use it. It helps motivate me to make more layouts like this one!

❀ Some pieces of code might change, and I'll probably produce more layouts in the near future, so I hope you stick around and stay tuned for those!

❀ I took inspo. from these wonderful creators:

❥ Bela
❥ Leo ☐
❥ KingBoo

❀ Comments and questions are welcomed and appreciated!

⚠️ REMEMBER, IT IS AGAINST SPACEHEY RULES TO HIDE THE SPACEHEY LOGO, SEARCH BAR, FOOTER, CONTACT BAR, OR NAV BUTTONS!!! ⚠️

Preview:

click on the image for a larger preview

Code:

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

<style>
/*==========⚠️==========
* for colors go to https://htmlcolorcodes.com , https://rgbacolorpicker.com
* for fonts go to https://fonts.google.com
* for cursors go to https://cur.cursors-4u.net
==========⚠️==========*/


/* Fonts & Texts */
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Paytone+One&display=swap');
.profile .blurbs .section h4{
        font-family: 'Paytone One', sans-serif;
        text-shadow: 1px 1px #EA99E6;
        text-align: center;
        color: #FFCEFD;
}

h4{
        font-family: 'Paytone One', sans-serif;
        font-size: 16px;
        text-shadow: 1px 1px #EA99E6;
        text-align: center;
        color: #FFFFFF;
}

.profile h1{
        font-family: 'Paytone One', sans-serif;
        font-size: 31px;
        text-shadow: 1px 1px #EA99E6;
        color: #FFFFFF;
}

.count{
        color: #FF4DDF;
}

p{
        font-family: 'Josefin Sans', sans-serif;
        text-shadow: 1px 1px #FFCEFD;
        font-size: 14px;
        color: #FFFFFF;
}

.profile .friends .person p{
        text-shadow: 1px 1px #FFA2E8;
        font-size: 14px;
        color: #FFFFFF;
}

.online {
        background-color: none;
        text-shadow: 1px 1px #EA99E6;
        color: #FFFFFF;
}

.profile .friends .inner, .profile .blurbs .section h4{
        text-align: center;
    }

.profile .blurbs .section p{
        text-align: center;
    }

nav .top .right button{
        font-family: 'Josefin Sans', sans-serif;
        text-shadow: 1px 1px #EA99E6;
}

/* Important Backgrounds */
body { 
background: url(https://i.pinimg.com/originals/be/5a/11/be5a11b56780bf2606179b60a595c79f.gif);
        background-size: 1621px;
        background-attachment: fixed;
        background-position: center;
}

main {
        background: rgba(255, 255, 255, 0.47);
        border-radius: 18px;
        border: 5px dashed;
        border-color: white;
}

footer {
background-image: url(https://64.media.tumblr.com/10ab69ef8421def860caf2bf36b9b7ed/tumblr_or2ft5WIwW1uzwgsuo1_400.gifv);
        background-size: 810px;
        background-position: center;
        border-radius: 15px;
        border: 4px solid white;
        color: white;
}

nav .top {
background-image: url(https://64.media.tumblr.com/10ab69ef8421def860caf2bf36b9b7ed/tumblr_or2ft5WIwW1uzwgsuo1_400.gifv);
        background-size: 810px;
        background-position: center;
        border-radius: 10px;
        border: 4px solid;
        border-color: white;
        box-shadow: 0px 0px 10px white;
}  

/* Cursors */
a:hover {
    cursor: url('https://cur.cursors-4u.net/games/gam-11/gam1088.cur'), auto;
}

* {
    cursor: url('https://cur.cursors-4u.net/others/oth-8/oth710.cur'), auto;
}

/* Links */

a{
        color: #FFBAFC;
}

a:hover{
        color: #FF42F7;
}

nav{ 
        font-size: 13px !important;
        font-family: 'Josefin Sans', sans-serif;
        text-shadow: 1px 1px #EA99E6;
        text-transform:none;
        padding-left:3px;
        text-align: center;
}

nav .links {
        background-color: transparent;
        padding-left:3px;
        font-size: 14px !important;
        text-align: center;
}

nav .links a:hover {
        color: #FF42F7;
}

.friends .heading a.more{
        color: white;
}

.friends .heading a.more:hover{
        color: #FF42F7;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
        content: " | ";
        color: white;
}

/* Icons */

 .icon, .award img {
content: url(https://media.giphy.com/media/YV6HqrUWJtOsen9CVh/source.gif);
        display: inline-block;
        height: 22px;
        width: 22px;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }

.online img { 
content: url("https://media.giphy.com/media/YHmfAJQmy2ludnMCV0/source.gif");   
        visibility: visible; 
        height: 41px; 
        width: 40px; 
        animation-name: example;
        animation-duration: 3s;
        animation-iteration-count: infinite;
        animation-timing-function: ease-in-out;
}

.profile .friends .person img:not(.icon){
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(255, 229, 246, 0.71);
        border: 4px dotted white;
}

.general-about .profile-pic img{
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(255, 229, 246, 0.71);
        border: 4px dashed white;
}

.search-wrapper input[type=text] {
        background-color: rgba(0, 0, 0, 0.0) !important;
        border: 2px solid white !important;
        color: white !important;
        border-radius: 0px !important;
}

nav .top .center form button{
        border-radius: 0px !important;
        border: 2px solid white!important;
        font-family: 'Josefin Sans', sans-serif !important;
        text-shadow: 1px 1px #EA99E6;
        background-color: rgba(255, 247, 253, 0.47) !important;
        color: white!important;
}

.comments-table td * button{
        border-radius: 0px !important;
        border: 2px solid white!important;
        font-family: 'Josefin Sans', sans-serif !important;
        text-shadow: 1px 1px #EA99E6;
        background-color: rgba(255, 197, 241, 0.47) !important;
        color: white!important;
}

.comments-table td:first-child img:not(.icon) {
        width: 90px;
        max-width: 100%;
        max-height: 200px;
        border-radius:15px;
        border: 4px dotted white;
}

/* Information Boxes & Comments  */

.profile .contact{
        border: 4px solid white;
}

.profile .url-info{
        border: 4px solid white;
}

.profile .table-section{
        border: 4px solid white;
}

table.comments-table{
        border: 4px solid white;
}

.profile .contact .heading{
background-image: url(https://64.media.tumblr.com/78eff6befd7f8be02f287e5a57acac6a/tumblr_outpfkHgWy1uzwgsuo1_400.gifv);
        background-size: 462px;
        background-position: center;
}

.profile .table-section .heading{
background-image: url(https://64.media.tumblr.com/78eff6befd7f8be02f287e5a57acac6a/tumblr_outpfkHgWy1uzwgsuo1_400.gifv);
        background-size: 462px;
        background-position: center;
}

.comments-table td{
        border: 1px solid white;
}

.comments-table td:first-child {
background-image: url(https://64.media.tumblr.com/78eff6befd7f8be02f287e5a57acac6a/tumblr_outpfkHgWy1uzwgsuo1_400.gifv);
}

.comments-table td{
        background: #FFF7FD;
}

.profile .blurbs .heading, .profile .friends .heading{
background-image: url(https://64.media.tumblr.com/78eff6befd7f8be02f287e5a57acac6a/tumblr_outpfkHgWy1uzwgsuo1_400.gifv);
        background-size: 462px;
        background-position: center;
        border: 3px solid white;
        border-radius: 20px;
        text-align: center;
}

.profile .table-section .details-table td {
        background-color: rgba(255, 229, 246, 0.75);
}

.profile-info {
background-image: url(https://64.media.tumblr.com/78eff6befd7f8be02f287e5a57acac6a/tumblr_outpfkHgWy1uzwgsuo1_400.gifv);
        background-size: 462px;
        background-position: center;
        border: 3px solid white !important;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 30px;
}

.profile-info .inner {
        font-family: 'Josefin Sans', sans-serif;
        font-weight: bold;
        text-align: center;
        text-color: white;
        text-shadow: 1px 1px #FFCEFD;
}

.comments-table {
        display: block;
        height: 500px!important;
        overflow-y: scroll;
        border: 3px solid white;
        outline: none !important;
}

.comment-reply:not(:first-child) {
        border-top: 3px double #FF6AD7;
}

.comment-replies {
        padding: 0 5px;
        border: 4px solid white;
        margin-top: 10px;
}

/* Animations */

.profile h1, .general-about .profile-pic img, .profile .friends .person img:not(.icon), .profile .friends .person p, .floating {
	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, 9px); }
	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 317 comments ( View all | Add Comment )

Aurora	1762475983 Using!! Report Comment
𝄠 𝕷𝖎𝖈𝖊𝖊 ✧❞	1755355391 Usando:) Report Comment
milyy0uz	1753458585 Usando!! Es hermoso Report Comment
Jolene94	1751558644 Using! Report Comment
koda	1749224951 using! Report Comment
Maddie ૮₍´˶• . • ⑅ ₎ა	1748488771 using Report Comment
sugaryplanet (ﾉ´∀｀*)	1746191832 using!! ^-^ Report Comment
Riri ･*♡	1742983737 Using :3 Report Comment
mel!	1739155970 using!! Report Comment
mercy	1739043258 using ..!!!! :3 Report Comment
isa	1738900289 usinggg Report Comment
ThatWeirdoMarissa	1738510435 Usinngm!gg!g! Report Comment
hueningpudding	1738447609 using !! Report Comment
.sxrtvavcs	1738199331 using Report Comment
.sxrtvavcs	1738199321 using Report Comment
𝘠𝘶𝘶𝘮𝘪 ⋆ 𐙚 ̊.	1737368412 using!!! Report Comment
mogu4u	1737016274 Using!! Report Comment
annet	1736750411 using Report Comment
+:ꔫ:﹤ amy !	1736284760 usingg :3 Report Comment
Aracnídeo	1735334994 Usingg Report Comment