honkai star rail sparkle layout (request)

Tags: honkai star rail, star rail, red, simple, gaming

Description:

requested by lluvvvbella

photos found on Pinterest and Tumblr, I do not own any of the images. credit is always appreciated if used :] please comment or message me if something doesn't work

Preview:

click on the image for a larger preview

Code:

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

<style>
main:before {
  width: 808px;
  margin-bottom: 8px;
  border: 1px solid black;
  height: 350px;
  display: block;
  content: "";
  background-image: url("https://wotpack.ru/wp-content/uploads/2024/01/2-10.jpg");
  background-position: top;
  background-size:700px;
  border-radius: 19px;
}


  body{
    background: url("https://i.pinimg.com/564x/ad/01/13/ad0113ab9195ac08361be7103f393a74.jpg"); 
    background-size: 500px ;
        background-attachment: fixed;
}

.profile {
background-color: #F8F2EA;
  background-attachment: fixed;
  background-position: top; 
}

nav .top {
       background: url("https://i.pinimg.com/564x/5d/a7/1f/5da71f7d2aa322a94e015b64770bf30f.jpg");
  background-size: 700px;
  background-position: centre;
}



.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
background: #EDE8DC;
}


:root {
    --logo-blue: black;
    --darker-blue: black;
    --lighter-blue: #A51E04;
    --even-lighter-blue: #EDE8DC;
    --lightest-blue: #EDE8DC;
    --dark-orange: black;
    --light-orange: #A51E04;
    --even-lighter-orange: #EDE8DC;
    --green:;
}

table.comments-table{
display: block;
height: 400px!important;
overflow-y: scroll;
}

img:hover {
  animation: shake 0.5s; 

  animation-iteration-count: infinite; 
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.image {
    background: url("https://64.media.tumblr.com/6460e2d9359aca9c6011d1288bee3d4c/423061c99a52ba5f-ba/s540x810/46237905ed0f0cf41ab8ac037d13181c0b7c398a.pnj") no-repeat;
    background-size: 103%!important;
    position: fixed;
    right: 10px;
    bottom: 10px;
height: 300px;
width: 300px;
    z-index: 1000;
    opacity: 100;
}
@media (max-width: 600px) {
.image{display:none;}
}

</style>
<div class="image"></div>

<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: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://hosting.photobucket.com/albums/a168/evelynregly/mini_gifs/mini_gifs4.gif')
}

@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}

img.logo{
content: url("https://seeklogo.com/images/H/honkai-star-rail-logo-565BFA0AB3-seeklogo.com.png");
width: 150px !important;
height: 60px !important;
}

.online {
        content: url("https://sillyblinkies.neocities.org/online/catonline.gif");}
</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 2 of 2 comments ( View all | Add Comment )

noonespikes! 🍉

1711981430

this is so cute! can u make one for dr ratio or adventurine?

Report Comment

sure! I have a couple other requests to make first so once ive gotten those done I'll go ahead with that too :3

by ☆Lucky☆; 1711983007; Report

ahh alr ty!

by noonespikes! 🍉; 1712334317; Report

hey, I'm really busy with school rn so I unfortunately dont have time/energy to make the layout rn, sorry

by ☆Lucky☆; 1713191729; Report

no its fine! dw i get it! my school started too so i understand!

by noonespikes! 🍉; 1713285246; Report

raymond

1711495975

can u do winnie from um cold front or madeleine cookay plaz ur layouts are soo good

Report Comment

Sure I could probably do that! It’ll probably be a while before they’re done to if that’s ok :3

by ☆Lucky☆; 1711543417; Report

yaeyy ojay

by raymond; 1711850849; Report

yo i finished the Winnie layout! and hopefully I'll finish the Madeleine one soon

by ☆Lucky☆; 1711986586; Report

yayayyy ur the bestest!!! thank u :3

by raymond; 1712069555; Report

hey again, im really sorry but im struggling a lot with the Madeleine layout so I think I might just give that up :/ hope you understand

by ☆Lucky☆; 1712163237; Report

ofc!! thank you so much for the winnie one tho, ur amazing!! 💗

by raymond; 1712195915; Report