Lily Of The Valley Layout [Requested]

Tags: layout, layouts, lily of the valley, green, white, black, floral, flowers, cute, simple

Description:

Hello Everyone!
I hope you like this layout I created!
The profile layout is flipped to give the layout a different look! 😊
Please let me know in the comments if you decide to use this layout!
If you'd like to be super nice & credit me somewhere on your page, that would be much appreciated as well!
Additionally, feel free to add me! I always love gaining new friends!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jody Marie ♡ (https://layouts.spacehey.com/layout?id=33198) -->

<style>/* Cursor & Scrollbar */
	* {cursor: url('https://cur.cursors-4u.net/cursors/cur-5/cur477.cur'), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #fff;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #94bf27;
		border-radius: 10px;
		border: 3px solid #94bf27;
	}
</style>

<style>/* Profile Design Info */
    :root {
        --logo-blue: #94bf27;
        --darker-blue: #94bf27;
        --lighter-blue: #94bf27;
        --even-lighter-blue: #000000;
        --lightest-blue: #000000;
        --dark-orange: #ffffff;
        --light-orange: #94bf27;
        --even-lighter-orange: #000000;
        --green: #000000;
	}


    body
        {background: url("https://wallpaperaccess.com/full/6355698.jpg");
background-position: left;
background-size: 100%;
background-repeat: no-repeat;
background-attachment: fixed;}
     
    .profile {background-color: #fff; color: #000;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(255,255,255) !important;
padding: 0px 0px;
    }
	
	* {font-family: Monospace;}
	
	.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(148,191,39) !important;
        color: #fff !important;
        display: block !important;
    }
	
	footer .links a{color: #ffffff !important;}
	
    footer .links a:hover{color: #ffffff !important;}

footer .copyright a{color: #ffffff !important;}
	
	.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
	
	a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #94bf27;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #ffffff; !important;
        text-shadow: none !important;
font-weight: bolder;
    }
    
    nav .links a:hover {color: #fff; !important;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
</style>
    
<style>/* Links */
    a:hover {color: #000;}
</style>

<style>/* Flip Profile */
    .profile{direction: rtl;}
.blog-preview{direction: ltr; text-align: center;}
    .blurbs{direction: ltr;}
    .friends{direction: ltr;}
    .general-info{direction: ltr;}
.profile .left h1{direction: ltr;}
    .details-table{direction: ltr;}
    .profile .table-section .heading{direction: ltr;}
    .details p{direction: ltr;}
	.mood{direction: ltr; text-align: right;}
.contact .heading {display: none !important;}
.url-info{direction: ltr; text-align: right;}
</style>

<style>/* Profile Name Header */
	@import url('https://fonts.cdnfonts.com/css/parisienne');
	.profile .left h1{ font-family: 'Parisienne', sans-serif; font-size: 40px; color: #94bf27; text-align: center; overflow-wrap: break-word;}
</style>

<style>/* Profile Picture & Online Icon */
	.details p {text-align: center; font-family: monospace; font-size: 15px;}
	.profile-pic {border-radius: 500px; overflow: hidden;}
.profile .mood {color: #000;}
	.mood {text-align: right;}
    .online {visibility: hidden;} 
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px;
		display: block;
		margin-left: auto;
		margin-right: auto;
    }
.profile .url-info {color: #000;}
</style>   

<style>/* Headers Colors */
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #94bf27 !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid;
border-radius: 10px 10px 10px 10px;
    }
	
	.profile .blurbs .section h4{color: #94bf27; font-weight: bolder;}
</style>

<style>/* Interests Table Info */
    table.details-table {border-collapse: collapse;}
    table.details-table td {background-color: #fff !important;}
.details-table td:first-child {color: #94bf27 !important;}
</style>

<style>/* Blog Info */
.blog-preview h4 {color: #000;}

    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #000;
font-weight: bolder;
    }
	
    .blog-preview p a{color: #94bf27 !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #000 !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
.profile .friends{text-align: center;}
    .count {color: #94bf27;}
    .profile .friends .person p{color: #94bf27 !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(148, 191, 39, 0.71);
        border: 2px solid rgba(255, 255, 255, 1);
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {transition: 0.5s ease}
</style>

<style>/* Comments Info */
    table.comments-table td {
        background-color: #fff !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 350px;
        overflow-y: scroll;
        border: none;
    }
</style>

<style>/* Custom Profile Headers */
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact Me 🤍"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "What I Like 🤍"; font-size:.9rem; font-weight: bolder; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "Follow Me 🤍"; font-size:.9rem; font-weight: bolder; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "My New Blogs 🤍"; font-size:.9rem; font-weight: bolder; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "My Life 🤍"; font-size:.9rem; font-weight: bolder; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.9rem; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.9rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "The Friends 🤍"; font-size:.9rem; font-weight: bolder;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Leave Me A Comment 🤍"; font-size:.9rem; font-weight: bolder;}
</style>

About me text goes here.

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

._Moonstxr	1705266333 Hello! I'm struggling to make a profile of my own, because I struggle in making the backgrounds right, can I request for you to make a Spider Lily layout? I'm trying to make a profile off my favourite character Blade from Honkai Star Rail, and his design is focused on dark colours and spider lilies(they show often in his animations in combat). whenever i use any picture of a spider lily, it doesnt look right: its either really pixelly when put in fixed and no repeat, or it doesnt blend that well when its repeated. Report Comment just use a high resolution spider lily wallpaper! by Insomniac ⁠˘⁠ ⁠o⁠ ⁠˘ 🇧🇷; 1732494628; Report i found this one https://www.greenvilleonline.com/gcdn/-mm-/fac3dff09d224b4e4f42c43aa38f4d985bf5d6b3/c=0-160-3000-1848/local/-/media/Greenville/2014/09/18/lifehome-ongardening1mct.jpg?width=3000&height=1688&fit=crop&format=pjpg&auto=webp by Insomniac ⁠˘⁠ ⁠o⁠ ⁠˘ 🇧🇷; 1732494676; Report
KALUM!	1694299983 I love this so much!! I'm going to be using this :) Report Comment Thank you! by Jody Marie ♡; 1694301398; Report
𝓕𝓻𝓮𝓪𝓴𝔂nines	1692619486 Using omg! Report Comment Thank you! by Jody Marie ♡; 1692621753; Report
hematotomato	1689634880 usinggg this is so cute^^ Report Comment Thank you! by Jody Marie ♡; 1689636878; Report
Basil 🌠	1688294033 USING <333 IT LOOKS SO AMAZING Report Comment Thank you! by Jody Marie ♡; 1688353491; Report
mel!	1688253045 so cute, ty for making it !! using :) Report Comment Thank you! by Jody Marie ♡; 1688253162; Report
𝓕𝓻𝓮𝓪𝓴𝔂nines	1688100813 Using!! Report Comment Thank you! by Jody Marie ♡; 1688134514; Report
Goblin Teatime	1687748919 This is really pretty! I am going to use it as well. Thank you for sharing it with us! Report Comment Thank you! by Jody Marie ♡; 1687796048; Report
Jane Doe	1687680860 Using!! Report Comment Thank you! by Jody Marie ♡; 1687702678; Report
Thalia	1687123518 it's super pretty! using the layout :3 Report Comment Thank you! by Jody Marie ♡; 1687123606; Report
suzuzuki	1687010150 rlly pretty, using!! Report Comment Thank you! by Jody Marie ♡; 1687024062; Report