Lisa Frank Layout

Tags: lisa frank, rainbow, colorful, flashing, glitter, sparkle

Description:

I've tried posting this a bunch but the picture doesn't seem to work sooo just in case it doesn't work this time I have the layout set up on https://spacehey.com/profile?id=167582 so you can view it there!

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Autour+One&family=Sonsie+One&display=swap');
.profile {
    font-family: 'Autour One', cursive;
    font-size: 200%;
    color: #e6008a;


}
h1,h2,h3,h4,h5{
    font-family: 'Sonsie One', cursive;
    font-size: 150%;
    color: #62008f;
}


    body{
        
    background-color: COLOR;
    background-image: url(https://i.gifer.com/embedded/download/Qal0.gif);
    background-repeat: repeat;
    background-position: center;
        
    }

    main{
     
    background-color: COLOR;   
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRlC3YmsTeX8wKS08YWE6A05dGSMzvapHlnNUbr9d7Lf4zf8yRQoL8J2ckpVZyhjXdWYlA&usqp=CAU);
    background-repeat: repeat;
    background-position: center;
        
    }

:root{
/* [background color]: header on top */
 --logo-blue:url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRgMR21oX-3Q1WfSDFyPraaKSD-PicwrePAIXPI5s5HxM8e_DLphY9zaL-afw2Pdh_5TaE&usqp=CAU);
}

nav .links {
    background-image:url(https://media2.giphy.com/media/X13hBKJiU1KV2/giphy.gif);
    padding: 3.5px 16px 5.5px 16px;
}

    .top input{
        
    background-color: COLOR !important;
    background-image: url(https://i.gifer.com/Ogz9.gif);
    background-repeat: repeat;
    background-position: center;
        
    }

    button{
        
    background-color: COLOR !important;
    background-image: url(https://thumbs.gfycat.com/ConcreteAnotherFrilledlizard-size_restricted.gif);
    background-repeat: repeat;
    background-position: center;
        
    }

    h1{
        
    background-color: COLOR;
    background-image: url(https://media2.giphy.com/media/k8BkuYlA5vnDq/200w.gif);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
    
    }
    .general-about{
        
    background-color: COLOR;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQUO_ATx9CyT4I6JEGlJZpMkxuQhvUskgr3s-eCqLlib1WnGUZUxbq6JqEcFBTcEF3qVGU&usqp=CAU);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
    }

    .mood{
        
    background-color: COLOR;
    background-image: url(https://lh3.googleusercontent.com/proxy/3FAO7JrTS776PTJZhBYU0A36-PTXUjRqec3Uga-RIFXSTc-KMWIyWhsthJV7QPDoqovB105QmpOTUJmdn83MfPZPkzyzv5hmTQuTXa6zTug-jYRGpfZoCLDHkKpqup_Mbw-1a6LQ5CWsofSMnOA);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }

    table.details-table{
        
    background-color: COLOR;
    background-image: url(https://lh3.googleusercontent.com/proxy/rE1gnlaJIDzcAGwUrvCMsWsF8lsng42CPisSLFStSgXvnsv2t1_L7Z-1IY9xKuFV6ipRw9Ikuj_TcQgnQ-KWNUGXhiXWMIlriJsR_ZbaDkdGajwOpsjMXk4nCk9N_5Ipigc513625wj9V_9lanE);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }
    .profile .details-table td{
        
    background-color: COLOR;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQUO_ATx9CyT4I6JEGlJZpMkxuQhvUskgr3s-eCqLlib1WnGUZUxbq6JqEcFBTcEF3qVGU&usqp=CAU);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }
    .blog-preview{
        
    background-color: COLOR;
    background-image: url(https://wallpaperaccess.com/full/3566318.jpg);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }

    .blurbs{
        
    background-color: COLOR;
    background-image: url(https://wallpaperaccess.com/full/3566318.jpg);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }

    .friends{
        
    background-color: COLOR;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSINWfSrhE0pYJplljskVGh-fXA86VwuivexvPUf74nX8wNqzfKT1ZLQ4dO73j76mspNaM&usqp=CAU);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }

    .comments-table td{
        
    background-color: COLOR !important;
    background-image: url(https://render.fineartamerica.com/images/images-profile-flow/400/images/artworkimages/mediumlarge/3/rainbow-pattern-neck-gator-rainbow-clouds-rainbow-nostalgia-stacy-mccafferty.jpg);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }

    footer{
        
    background-color: COLOR !important;
    background-image: url(https://thumbs.gfycat.com/ContentExhaustedHen-size_restricted.gif);
    background-repeat: repeat;
    background-position: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 4px 4px 0 #c242f5;
	text-align: center;
        
    }


main:before {
	width: 100%;
	height: 300px;
	display: block;
	content: "";
	background-image: url(https://imagesvc.meredithcorp.io/v3/mm/image?url=https%3A%2F%2Fstatic.onecms.io%2Fwp-content%2Fuploads%2Fsites%2F23%2F2017%2F08%2F30%2Flisa-frank-collage.jpg&q=85);
	background-position: center center;
	background-size: cover;
	border-radius: 10px;
        
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}

.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: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url(https://cdn.discordapp.com/attachments/816900769596178515/904624161295597638/lisafrank02_1.png)
}

             ::-webkit-scrollbar {
    width: 7px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #ff00b3;
    }

    ::-webkit-scrollbar-track {
    background: #ce47ff;
    }

    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }

    .contact{
        
    background-color: COLOR !important;
    background-image: url(https://lh3.googleusercontent.com/proxy/0in0V2q0yDZ3kZHy8FDlioTjIhKQo-0sQI3ppHltAGI2xsJkUTkEjoPDGdm8VbGH_EzPAzdtQI3453lUHNu56xGYWD-kEFcckQGqP2bwoqoIqHdFE9ol8ua_BLNE09G5Ygl8M50os5PDyclbTuA);
    background-repeat: repeat;
    background-position: center;

        
    }

:root 
{
	--logo-blue: ;
 	--darker-blue: ;
	--lighter-blue: #c242f5;
	--even-lighter-blue: ;
	--lightest-blue: ;
	--dark-orange: ;
	--light-orange: ;
	--even-lighter-orange: ;
	--turquoise: ;
        
        --table-header:;
	--table-color:;
	--link-text:;
	--main-text:;

    }   

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

phatbrat92	1646095688 it worked but the text headers are to big and the words are hard to read. Report Comment
phatbrat92	1646095681 it worked but the text headers are to big and the words are hard to read. Report Comment
🌈willow🌈	1642821806 trying it out! Report Comment
Empress Dreams	1636754800 Love this layout 💗 Report Comment Thanks so much! by Janey; 1636755591; Report
Bela	1635832639 this layout is soo cool! love it! Report Comment Thx so much! by Janey; 1635852824; Report