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

angie	1758846419 using!! Report Comment
ATM0SPH3R31C	1757830934 Using! Very pretty layout btw :D Report Comment
☆【SaRaH_ThE_TTTE_fAn】☆	1754661348 Using ^^ Report Comment
gab ☘︎ ݁˖⋆˚࿔ ₊	1753222628 using Report Comment
Jinxed	1752824184 using this, ty! Report Comment
rochi	1752212162 will be using! Report Comment
Sapphiee	1751436127 gonna use it, thankss Report Comment
Mykel	1749614327 Using!! Tysm it's so pretty 🫶 Report Comment
jasper ☆	1748779873 using!! Report Comment
Slumby!	1748635652 SO COOL!!! Report Comment
w0lfn0va_666	1748532982 using Report Comment
STORMY	1743984335 Using <3 Report Comment
A_S_OUL	1731813121 using :D Report Comment
Scott ^_^	1729148897 Using !! Report Comment
Ghost Kisser	1728733120 Using!!! :D Report Comment
Kayce	1724969635 usinggg Report Comment
hoppitydoppity	1722191783 used!! Report Comment
xXpantshitterXx	1717900681 using!!! Report Comment
Squ1di0t	1712025704 Using :3c Report Comment
♡☆Haunted Dolly ☆♡	1711404800 using :3 Report Comment