Minimalistic Rose Garden Layout (Full-Featured)

Tags: lovecore, valentine, red, simple, cute, roses, rose

Description:

CLICK HERE FOR FULL PREVIEW / ALT VERSION

^__^

FEATURES:

minimalistic aesthetic
easily customizable if you'd like it to be different
customize ur pronouns, thank you dangered wolf!
invisible but functional footer, thank you sarah!
hidden comments with preserved "add comment" link
preserved "blurbs", "about me", and "who i'd like to meet" titles
preserved "about me" blurb title - put your about in the "who i'd like to meet section", it's easier to code or to just type out your about there instead imo
custom contact buttons (rose emojis by default)
rounded profile img and friend imgs
rounded corners on profile page
centered blurbs content
custom scrollbar

CREDITS:

HTML_ - most coding
dangeredwolf - pronoun coding!
sarah - invisible footer coding!
??? - profile preview, would be impossible without this tool
danisaesthetics - page decor on DA (link embedded in code, thank you for your wonderful artwork)

Preview:

click on the image for a larger preview

Code:

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

<!-- main coding (background image and generic colors) -->
<style>
    body{
    background-image: url('https://i.imgur.com/9d5icSe.png') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: white;
        color: black;
    }
        .count {
        color: #d69ba0 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #990713;
        --darker-blue: #ad3842;
        --lighter-blue: #ad3842;
        --even-lighter-blue: #d69ba0;
        --lightest-blue: #fff;
        --dark-orange: #fff;
        --light-orange: #ad3842;
        --even-lighter-orange: #ad3842;
        --green: #d69ba0;
    }
    a:hover{
        color: #d69ba0 !important;
    }
    h4 {
        color: white;
    }
    main p {
        color: black;
    }
    .profile .blurbs .section h4 {
        color: black;
    }
</style>

<!-- rounded borders +dotted border -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

<!-- rounded profile pic and friend pics -->
<style>
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
</style>

<!-- custom online text -->
<style>
    .online {
        color: #d69ba0;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(1.0,0,0,1.0);
        animation-duration: 3s;
    }
    .online img {
        display: none;
    }
</style>

<!-- pronouns -->
<style>
    .details:after {
        content: "pronouns go here!";
    }
</style>    
    
<!-- invisible but functional footer -->
<style>
    footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
</style>

<!-- hidden things -->
<style>.comments-table{display:none !important;}
   .blurbs .inner .section:nth-child(1) h4{ font-size:0; }
   .blurbs .inner .section:nth-child(2) h4{ font-size:0; }
   .blurbs .heading{display:none !important;}
   }
</style>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background: #990713;
    }
    ::-webkit-scrollbar-track {
    background: #fff;
    }
</style>

<!-- custom blurb text by cory -->
<style>
    @import url('https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap');
    .blurbs .inner .section:first-of-type h4{
	font-size:0;
    }
    .blurbs .inner .section:first-of-type h4:after{
	content:"About me...";
    font-size:.8rem; font-family: 'Lobster Two', cursive; font-size: 23px;
    text-shadow:
    0 0 5px #d69ba0, 0 0 10px #d69ba0,
    0 0 10px #d69ba0, 0 0 42px #d69ba0;
    }
</style>

<!-- custom profile name font -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two&display=swap');
.profile .left h1{
    font-family: 'Lobster Two', cursive; transform: rotate(0deg); font-size: 30px;
    text-shadow:
    0 0 5px #d69ba0, 0 0 10px #d69ba0,
    0 0 10px #d69ba0, 0 0 42px #d69ba0;
</style>

<!-- custom contact buttons -->
<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: "🌹"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🌹"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🌹"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🌹"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🌹"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🌹"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🌹"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🌹"
   }
</style>

<!-- fancy image(s) at beginning of 'about me' blurb -->
<br/><a href="https://www.deviantart.com/danisaesthetics"><img src="https://i.imgur.com/tSqmHyD.png"/></a>

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

⊹ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ ‎ cross ˳

1693607127

Might use!

Report Comment

Clam

1688843226

Used for my profile. Love it!

Report Comment