sprinkles cake layout

Tags: sprinkles, cake, rainbow, pink, sprinkle cake, pastel, yellow, white

Description:

made for my friend :3

Preview:

click on the image for a larger preview

Code:

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

<img src="https://cdn.discordapp.com/attachments/1138238855460442143/1140794338884980736/1de9ef3d0fc5d0dcc3dca0cc659dc866.jpg"/>


<style>
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background-image: url(' https://media.tenor.com/HO7_BpPpu5AAAAAM/topping-icing.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>

<style>
main:before {
    width: 810px;
    margin-bottom: 25px;
    border: 0px solid black;
    height: 180px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/b4/e3/d8/b4e3d89f9d002829388aeacfaaface40.jpg);
    background-position: center center;
    background-size: cover;
    border-radius: 30px;




}
body{
   background-image: url(https://i.pinimg.com/originals/6c/85/e2/6c85e2b0f4ba669f0b5a99b76dacfbd6.gif) 
!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: brown; 
	//text-shadow: 1px 1px #ff87c3;
};
	text-shadow: 2px 2px 3px  #ff54af, 0 0 25px #ff54af, 0 0 5px black;
}
main {
  background:url("https://i.pinimg.com/564x/5e/b8/69/5eb86996f2ae58f9b697593b504dc952.jpg");
  color: black;
  
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview {background:url("https://i.pinimg.com/564x/02/4d/4a/024d4a3e2e7b7aa8aee43fcff048357e.jpg");
}

.profile-info {
    background-image:url("https://cdn.discordapp.com/attachments/1138238855460442143/1140794740867084400/73ae2bd352ebef4e275e1ebc70dd9489.jpg") !important;
       border: var(--borders) !important;
    border-radius: var(--curve) !important;
}

.count {
  color:  #ff87c3;
}
.online{
  color: black!important;  
}


.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: url("https://i.pinimg.com/originals/d8/a5/1c/d8a51c76a2e331210206223da49b37b7.gif");
  --darker-blue: transparent;
  --lighter-blue: transparent;
  --even-lighter-blue: transparent;
  --lightest-blue: transparent;
  --dark-orange: #ff87c3;
  --light-orange: #a1ffe7;
  --even-lighter-orange: transparent;
  --green: transparent;
  --table-header:#262626;
  --table-color: #262626;
  --link-text: #262626;
  --main-text: #262626;
}
<style>
a:hover {
  
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 0.7s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 0.7s infinite;
  
  /* Standar Syntax */
  animation: rainbow 0.7s infinite; 
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: red;}
  10%{color: orange;}
20%{color: yellow;}
  30%{color: lime;}
40%{color: deepskyblue;}
  50%{color: darkviolet;}
60%{color: deepskyblue;}
  70%{color: lime;}
  80%{color: yellow;}
  90%{color: orange;}
100%{color: red;}
}
/* Internet Explorer */
@-ms-keyframes rainbow{
  0%{color: red;}
  10%{color: orange;}
20%{color: yellow;}
  30%{color: lime;}
40%{color: deepskyblue;}
  50%{color: darkviolet;}
60%{color: deepskyblue;}
  70%{color: lime;}
  80%{color: yellow;}
  90%{color: orange;}
100%{color: red;}
}
/* Standar Syntax */
@keyframes rainbow{
  0%{color: red;}
  10%{color: orange;}
20%{color: yellow;}
  30%{color: lime;}
40%{color: deepskyblue;}
  50%{color: darkviolet;}
60%{color: deepskyblue;}
  70%{color: lime;}
  80%{color: yellow;}
  90%{color: orange;}
100%{color: red;}
}
</style>
<!-- (c) Layout created by fini hoover :3 (https://layouts.spacehey.com/layout?id=30834) -->
<style>
a:hover {
  
   /* Chrome, Safari, Opera */
  -webkit-animation: rainbow 0.7s infinite; 
  
  /* Internet Explorer */
  -ms-animation: rainbow 0.7s infinite;
  
  /* Standar Syntax */
  animation: rainbow 0.7s infinite; 
}
/* Chrome, Safari, Opera */
@-webkit-keyframes rainbow{
  0%{color: red;}
  10%{color: orange;}
20%{color: yellow;}
  30%{color: lime;}
40%{color: deepskyblue;}
  50%{color: darkviolet;}
60%{color: deepskyblue;}
  70%{color: lime;}
  80%{color: yellow;}
  90%{color: orange;}
100%{color: red;}
}
/* Internet Explorer */
@-ms-keyframes rainbow{
  0%{color: red;}
  10%{color: orange;}
20%{color: yellow;}
  30%{color: lime;}
40%{color: deepskyblue;}
  50%{color: darkviolet;}
60%{color: deepskyblue;}
  70%{color: lime;}
  80%{color: yellow;}
  90%{color: orange;}
100%{color: red;}
}
/* Standar Syntax */
@keyframes rainbow{
  0%{color: red;}
  10%{color: orange;}
20%{color: yellow;}
  30%{color: lime;}
40%{color: deepskyblue;}
  50%{color: darkviolet;}
60%{color: deepskyblue;}
  70%{color: lime;}
  80%{color: yellow;}
  90%{color: orange;}
100%{color: red;}
}
</style>
<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: "sprinkle cake";
}
</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>
<style>


.online{content:url("https://i9.glitter-graphics.org/pub/2195/2195749hecuyt3482.gif");}


</style>


<style>
h1, h2, h3, h4,h5,a, p, nav label, .section {color: #ffffff;}
h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}
.online{
  color: black!important;  
}
</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 17 of 17 comments ( View all | Add Comment )

⸝⸝ ꒰ Angel Food 🍒ㆍ₊⊹	1707234365 using !! Report Comment
Snickers!!⁹⁹	1699193701 using !! ^^ Report Comment
lotofy	1698764140 using Report Comment
jewels	1698446479 using!! Report Comment
T>A>T>U>M_R>O>T ദ്ദി(*꒦ິ꒳꒦ີ)(mostly inactive)	1697483195 using Report Comment
Robbie	1693691995 Using Report Comment
veinette	1693534102 using!!! so kute and sweet Report Comment
yvesntual	1693430391 usingggg Report Comment
꧁༺ɢօɖ օʄ ƈɦǟօֆ (օƈ)༻꧂	1693280525 uzing!! =3 Report Comment
MX. VELA	1692947474 using! <3 Report Comment
janebug (FROM HOMESTUCK!!!)	1692671662 Uzing!!!!!!!!! Report Comment
XxChaxX ♡‧₊˚‎ <3	1692446092 Usinggg Report Comment
Puppi	1692270166 Can I use this plz? Report Comment
Ǝ𝙉𝘼	1692206588 omg so cutee!! can i use? Report Comment tysmm using rn :3!! by Ǝ𝙉𝘼; 1692207296; Report
zombieboycoal	1692123480 cute!! Report Comment
MIKEMUSTDIE!!X3	1692059076 Can I use this? :3 Report Comment Thanks!! by MIKEMUSTDIE!!X3; 1692059149; Report