lavender / purple layout

Tags: purple, lavender, butterfly, lofi, flower, meteor shower, star, fields

Description:

lavender layout i made for my friend

Preview:

click on the image for a larger preview

Code:

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


<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(' https://i.pinimg.com/originals/b5/18/4d/b5184d5e1667a2afd9fc6fed9c252afb.gif');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0% { opacity: 1; } 75% { opacity: 1; } 100% { opacity: 0; } }
nav, footer {
	margin: 1em;
	position: relative;
	box-shadow: 5px 8px 10px #0006;
}
</style>

<a href="INSERTURL">carrd</a>
<style>
main:before {
    width: 810px;
    margin-bottom: 25px;
    border: 0px solid black;
    height: 180px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/originals/40/de/c5/40dec5132d54d852a87c74baf8d0210a.gif);
    background-position: center center;
    background-size: cover;
    border-radius: 30px;
}
<style>
@import url(“https://fonts.google.com/specimen/Kanit);
p{
  font-family: ‘Kanit, cursive;
  font-size: 100%;
}
h1{
  font-family:’Kanit’, cursive;
  font-size: 200%;  
}
h2,h3,h4,h5{
  font-family:’Kanit’, cursive;
  font-size: 100%;  
}

body{
   background-image: url(https://i.pinimg.com/564x/7e/03/fd/7e03fdc5f858bbf14702b9b9ba0ee5a8.jpg) 
!important;
 height: 100%;
   background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: yellow; 
	//text-shadow: 1px 1px #5416a6;
};
	text-shadow: 2px 2px 3px #5416a6, 0 0 25px #9dc96b, 0 0 5px black;
}
main {
  background-color:#bda3ff;
  color: white;
}
.count {
  color: #709c40
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue:#543885;
  --darker-blue: #352261;
  --lighter-blue: #432170;
  --even-lighter-blue:#5e3ea3;
  --lightest-blue: transparent;
  --dark-orange: #34136b;
  --light-orange:#b870ff;
  --even-lighter-orange: #34136b;
  --green: #34136b;
  --table-header:black;
  --table-color: white;
  --link-text: white;
  --main-text: #21330f;
}

a:hover{
        color: #923ee6 !important;
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/symbols/sym-3/sym223.ani), url(https://cur.cursors-4u.net/symbols/sym-3/sym223.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/02/06/shiny-dark-purple-spinning-heart.html" target="_blank" title="Shiny Dark Purple Spinning Heart"><img src="https://cur.cursors-4u.net/cursor.png" alt="Shiny Dark Purple Spinning Heart" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.profile-info {
border-color #180833
}
.profile-info .inner {
border: none;</style>
<style>
.profile-pic img{
 clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}


overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
</style>

<style>
.details:after {
content: "lavender <3";
}
</style>
<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #000000 !important;}
}
</style>
<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 0em;
    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>
<style>
table{background:colour !important; line-height:15px !important;}
table ul li a {color: #5e8536 !important;}
}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/qB4agGGyZFg//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>



<style>

	.online { visibility: hidden; } .online img { content: url("http://www.myspacegens.com/images/online_now/104.gif'); animation-name: none; visibility: visible; height: 15px; width: 112px; }

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

Hanna Ruby	1713914674 usando!! Report Comment
hiimawae	1711554804 using!! Report Comment
naomi :3	1707307913 using !! Report Comment
🌼GaryMew🍄	1706145988 using :D Report Comment
Chuuya! <3	1699028204 using!! Report Comment
T E S S A ! ☆	1698565446 possibly using!! Report Comment
XxakatsushixX	1697643460 Using Report Comment
Vivian	1694921993 Using :3 Report Comment
Felis_Under_The_Stars	1693112995 Hi!! I hope u dont mind if I use this! I'll credit this post and if you don't want me to I ofc wont!! Report Comment
𝓗𝓸𝓽𝓽𝓸𝓹𝓲𝓬 𝓦𝓪𝓷𝓷𝓪𝓫𝓮	1692048562 IT LOOKS SO CUTEE AAAAAA Report Comment