'🎀|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 114 comments ( View all | Add Comment )

doll ☆	1651490922 using !! super cute Report Comment
wwiinter !!!!!	1651146304 using this! Report Comment
n3ko_p4ws <3	1650458075 SUPPPAAAA CUTE!!! X3 Report Comment
space bread	1649793925 Thank you very much :3 Report Comment
dollie	1649386835 might use this O.o Report Comment
salt	1649102567 prob gonna use x) Report Comment
𝓫𝓲𝓻𝓭𝓲𝓮	1649083411 def using, this is adorable Report Comment
Bella	1648685732 Using!! this is so cute Report Comment
claire	1648318558 def using tyyyy!!! Report Comment
laya	1647889357 using Report Comment
gothdum	1647886390 Gonna use this! Report Comment
faefae	1647886000 using! Report Comment
Lumi	1647760690 using this!! looks rlly cute Report Comment
nyanwheel	1647710056 using! Report Comment
maddy	1647706413 Using! Love it!!!! Report Comment
Eden<3	1647688557 Using Report Comment
☁elliot☁	1647674415 super cute!! Report Comment
✿catt.Hellokitty✿	1647654603 so prettyyyy aaah Report Comment
Mimi	1647651278 Using! :) Report Comment
lejla :3	1647648822 adorbs using it rn Report Comment