Minimalistic Lovecore/Valentine Layout (Full-Featured)

Tags: lovecore, valentine, pink, simple, cute, girly

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
custom contact buttons (lovecore emojis by default)
rounded profile img and friend imgs
rounded corners on profile page
cute dotted corners on 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
lleafeons - lovecore 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=19155) -->

<!-- main coding (background image and generic colors) -->
<style>
    body{
    background-image: url('https://i.imgur.com/xJ3C1sD.png') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: white;
        color: black;
    }
        .count {
        color: #fbcad9 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #F795B4;
        --darker-blue: #de86a2;
        --lighter-blue: #f9b4ca;
        --even-lighter-blue: #F795B4;
        --lightest-blue: #fff;
        --dark-orange: #fff;
        --light-orange: #f9b4ca;
        --even-lighter-orange: #f9b4ca;
        --green: #f9b4ca;
    }
    a:hover{
        color: #fbcad9 !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;
        border: 3px dotted #fbcad9;
    }
</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: #fbcad9;
        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 comments -->
<style>
    .comments-table{display:none !important;} 
    }
</style>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background: #F795B4;
    }
    ::-webkit-scrollbar-track {
    background: #fff;
    }
</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 images at beginning of 'about me' blurb -->
<br/><a href="https://www.deviantart.com/lleafeons/art/Lovecore-f2u-page-decor-819801625"><img src="https://i.imgur.com/NMzXZau.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 20 of 31 comments ( View all | Add Comment )

irene ☆	1720017696 awhhh this is so cutee !!! im usingg thiss (≧▽≦) Report Comment
rox ur socks	1719951568 heyyyyy think I'm gnna use thank u!!!!! Report Comment
farah/yousef	1714851048 using!!!!!! Report Comment
Sugar ☆⌒(ゝ。∂)	1707435058 using<3 Report Comment
geupir	1706624742 usando Report Comment
geupir	1706624740 usando Report Comment
Jazzy♡	1705943627 Usando! Report Comment
Doppiamine	1703088293 ARGGH THANK YOUU, USINGGGG Report Comment
Chiyo	1690245238 Using :D Report Comment
pearlevrn	1685938409 Using! <3 Report Comment
charmy ^_^	1679441015 using!! this is so cute :3 Report Comment
LEVI!	1677391967 USING, TY! Report Comment
Eliot	1675544901 This is tooo cute!!! (>w<) Report Comment
shu ?!	1671036327 usingg ty for the cute layout! Report Comment
Dia ☆	1670971364 Using! This is rlly cool!! Report Comment
˗ˏˋ leo ˎˊ˗	1664667346 USING!!!! Report Comment
gail	1652267095 it's sooo prettyyy!! i'm using it, thanksss! Report Comment
Erie	1650737695 thank u i will be using !!! Report Comment
kon B)	1650419434 this goes so hard fr Report Comment
mint/niki	1649421487 AHH THIS IS SO CUTE OH MY GOSH?? Report Comment