Pixel galaxy layout

Tags: galaxy

Description:

Pixel gif background and floating profile animation! Made with bits and pieces of different code, change it up however you’d like! Just comment if used :-)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sip O' Poison (https://layouts.spacehey.com/layout?id=32340) -->

<style>.online { visibility: hidden; } .online img { content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/cf2836cb-5893-4a6c-b156-5a89d94fc721/dcaqpix-339a15bf-a734-4d86-b7bf-2c6b0ecd4f51.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2NmMjgzNmNiLTU4OTMtNGE2Yy1iMTU2LTVhODlkOTRmYzcyMVwvZGNhcXBpeC0zMzlhMTViZi1hNzM0LTRkODYtYjdiZi0yYzZiMGVjZDRmNTEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.G9iqEgub69EtQ6ChNdudiQRUoWH1WGVmLxyuUN0UbAo"); animation-name: none; visibility: visible; height: 115px; width: 115px; }</style>

<style>
/*the username glow and shadow*/
h1
{
	color: /*the username glow and shadow*/
h1
{         color: #FFCCFF; 
	//text-shadow: 1px 1px #6f00ff;
	
};
	text-shadow: 2px 2px 3px #6f00ff, 0 0 25px #6f00ff, 0 0 5px white;
}
h1, h2, h3, h4,h5,a, p, nav label, .section
{


</style>

<style>
.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}


</style> 

<style>
body {
font-family: Allegro, serif typeface;
}



/* contact icons */
.contact .inner a img {
font-size: 0;
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d9z67sc-554cde86-241f-45d7-9142-5ce0530e322a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDl6NjdzYy01NTRjZGU4Ni0yNDFmLTQ1ZDctOTE0Mi01Y2UwNTMwZTMyMmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.Broai74cZSPLOpAiocowUcZMMhVyGpzP0kOI9sbHZGI")
}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d9z67sc-554cde86-241f-45d7-9142-5ce0530e322a.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDl6NjdzYy01NTRjZGU4Ni0yNDFmLTQ1ZDctOTE0Mi01Y2UwNTMwZTMyMmEucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.Broai74cZSPLOpAiocowUcZMMhVyGpzP0kOI9sbHZGI")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d8opmkx-561cbcb2-2866-4c0b-8502-4c007ddb9146.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDhvcG1reC01NjFjYmNiMi0yODY2LTRjMGItODUwMi00YzAwN2RkYjkxNDYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1vCzFygw6qyU9mSKsqIaYqgbRVxZqi6vFHSXxeSIAFo")
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d8opmkx-561cbcb2-2866-4c0b-8502-4c007ddb9146.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDhvcG1reC01NjFjYmNiMi0yODY2LTRjMGItODUwMi00YzAwN2RkYjkxNDYuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.1vCzFygw6qyU9mSKsqIaYqgbRVxZqi6vFHSXxeSIAFo")
}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d9z65ho-5b679f26-c99a-4b6e-a0ec-f2c79f16b702.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDl6NjVoby01YjY3OWYyNi1jOTlhLTRiNmUtYTBlYy1mMmM3OWYxNmI3MDIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.D77pwhB8MHkxzfiW7_1092NIb0LUelQCqzpsz9Fv3vI
")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d9z65ho-5b679f26-c99a-4b6e-a0ec-f2c79f16b702.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDl6NjVoby01YjY3OWYyNi1jOTlhLTRiNmUtYTBlYy1mMmM3OWYxNmI3MDIucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.D77pwhB8MHkxzfiW7_1092NIb0LUelQCqzpsz9Fv3vI
")
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d8olxes-fa85a30b-354d-4cd1-aa3a-2cfd2d7c3e39.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDhvbHhlcy1mYTg1YTMwYi0zNTRkLTRjZDEtYWEzYS0yY2ZkMmQ3YzNlMzkuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ijsyYMVey2yyAPlAyXDINuSa7Ye0tj7v132dAaa1CXU")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/ac0f4740-0a93-4c32-9553-fa4f1e4770fc/d8olxes-fa85a30b-354d-4cd1-aa3a-2cfd2d7c3e39.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2FjMGY0NzQwLTBhOTMtNGMzMi05NTUzLWZhNGYxZTQ3NzBmY1wvZDhvbHhlcy1mYTg1YTMwYi0zNTRkLTRjZDEtYWEzYS0yY2ZkMmQ3YzNlMzkuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.ijsyYMVey2yyAPlAyXDINuSa7Ye0tj7v132dAaa1CXU")
}

</style>

<style>
.profile {

background:#090112;


 } </style>
<style>
p {
color: #caa1ff;

} </style>


<style>

body {
  background-color: #7400FF;
} </style>


<style>
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.logo {
filter: sepia(100%) hue-rotate(230deg) saturate(4);
</style>

<style>
body {
 background-image: url("https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExMjY1ZGZhYTdlZTM1ODMyZWI5ZmJiNmRjYTU3OTI5NDkyMDE5YTNlNSZlcD12MV9pbnRlcm5hbF9naWZzX2dpZklkJmN0PWc/1jXAh9RJME0LZoBFRp/giphy.gif");
background-attachment: fixed;
<style></style>

<style>
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {

  background-color: #2d0069;

  color: #caa1ff;
 
  text-decoration: underline !important;

  border: 1px dotted #b175ff;
  
  
  

} </style>

<style>
.online {
    color: #7400FF;
}</style>  

<style>
nav .links {
    display: block;
    background-color: #090112; 
    border-bottom 2px solid line;
    color: #caa1ff;
    text-decoration: underline !important;
}

nav .top {

background: none;
margin-top: 0;
color: #caa1ff;
background-color: #090112;
border: 2px solid #b175ff !important;
text-decoration: underline !important;

}

</style>

<style>main {
border-left: 2px solid #b175ff;
border-right: 2px solid #b175ff;
border-top: 2px solid #b175ff;
border-bottom: 2px solid #b175ff;
</style>

<style>
.profile .blurbs .heading, .profile .friends .heading {
    display: block;
    background-color: #2d0069;
   border: 1px dotted #b175ff;
    color: #caa1ff; !important;
    text-decoration: underline !important;

}

.profile .blurbs .inner h4 {
    color: #b175ff;
    text-decoration: underline !important;
  
}  

</style>
<style>
.details-table {
margin: 0;
}
.details-table, td {
border: 1px solid #b175ff;
border-collapse: collapse;
}
td {
color: #caa1ff !important;
background: none;
background-color: black !important;
} 
table.details-table {
max-width: 98%;
}
</style>

<style>
}

.comments-table td {
    background-color: transparent; 
  
}

.comments-table td a {
    color: #caa1ff;
}

.comment-replies {
    border:  1px dotted #b175ff;

}

<style>
.heading, .url-info {
border: 1px dotted #b175ff !important;
}
.inner {
border-top: none;</style>

<style>
.profile .blurbs .inner h4 {
    color: #b175ff;
    
}

<style>
<p style="background-color: #7400FF;">#7400FF 
</style>


<style>



    .profile .friends .person img:not(.icon){

        
border: 1px solid #b175ff !important;
   

        

    }

</style>

<style>

.profile .contact {
  border: 1px dashed #b175ff !important;
}

.profile .url-info {
    border: 1px dashed #b175ff !important;
    
}

.profile .table-section {
    border:1px dashed #b175ff !important;
}

.profile .blurbs .inner {
    border: 1px dashed #b175ff !important;
}

.profile .friends .inner {
    border: 1px solid #b175ff !important;
}

.general-about .profile-pic img { 

  
}

.general-about .details{
padding: 2px;
background: transparent;
border:  1px dotted #b175ff;

}

.count {
    border: 1px solid #b175ff !important;

}

nav .links {
    background-color: #090112;
    border: 1px solid #b175ff !important;
    text decoration: underline !important;
}

footer {
color: #caa1ff !important;
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: #090112;
border: 2px solid #b175ff;
  }    


</style>

<style>
h1, h2,h3,h4, h5, h6, a {
color: #caa1ff;
}</style>

<style>
.general-about .profile-pic img{
clip-path: circle(50% at 50% 50%);
}
</style>

<style>
#q, button {
color: #caa1ff;
background-color: transparent;
border: 1px dotted #caa1ff;
font-family: inherit;
}
</style>

<style>

.blog-preview{
text-align: center;
color: #caa1ff;
border:  1px dotted #b175ff;

}

.profile-info{
border:  1px dotted #b175ff;
}

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

Squ1di0t	1712025704 Using :3c Report Comment
♡☆Haunted Dolly ☆♡	1711404800 using :3 Report Comment
deealienbunny	1709268598 usingg Report Comment
Cassidy	1705983848 usin :) Report Comment
.x•X°itsyamibiitch°X•x.	1701662737 Tyty 💓💞💕 Report Comment
wO_o	1701163950 Using! Report Comment
Claude	1698611585 using :3 Report Comment
König's #1 Fan☆	1694870699 USING ^__^ Report Comment
Solen	1693644261 using!! :0 Report Comment
The Disco Toad	1692391503 very nice im using this Report Comment
☾!Moon!☆	1687185217 So pretty!! I'm using ^^ Report Comment