Galaxy space layout

Tags: galaxy, space

Description:

Galaxy layout with floating profile animation and custom online icon you can change the url for at the top of the code. Made with different pieces of coding, 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=34070) -->

<style> .online { visibility: hidden; } .online img { content: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/1392f2e3-d214-440d-8a97-65e1d6f5a460/dcq4nqj-20de38c7-952b-464c-8e01-a97c32111f3b.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzEzOTJmMmUzLWQyMTQtNDQwZC04YTk3LTY1ZTFkNmY1YTQ2MFwvZGNxNG5xai0yMGRlMzhjNy05NTJiLTQ2NGMtOGUwMS1hOTdjMzIxMTFmM2IucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.j0xDAe2ZHmD2cwMOz0PLDnJU81FoNlOqV1nyxaLX8VA');
 animation-name: none; visibility: visible; height: 50px; width: 50px; }

}
</style>

<style>

body{
background-image: url(https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/a80ce302-40cd-4d8d-81bf-f3d49237fe25/dg11637-ac0c3835-669b-4d2d-8d4d-8f6a3af0428e.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2E4MGNlMzAyLTQwY2QtNGQ4ZC04MWJmLWYzZDQ5MjM3ZmUyNVwvZGcxMTYzNy1hYzBjMzgzNS02NjliLTRkMmQtOGQ0ZC04ZjZhM2FmMDQyOGUuanBnIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.MwUtDyq92WcRCoiqVkMXlEPJvOOS1m7zaWY8lkS7eTw);
background-size: cover;
height: 100%;
background-attachment: fixed;
}

main{
background: rgb(255,251,113);
background: linear-gradient(180deg, rgba(119, 0, 255, 0.5) 0%, rgba(119, 0, 255,0.5) 34%, rgba(119, 0, 255,0.5) 69%, rgba(119, 0, 255,0.5) 89%);
box-shadow: 0px 0px 10px #7700ff;
}

p{
color: #b778ff;
}

nav .top{
background-color: rgba(0,0,0,0.5);
}

nav .links{
background-color: rgba(0,0,0,0.5);
text-align: center;
}

.profile h1{
font-family: 'Exo 2', sans-serif;
color: #b778ff;
text-shadow: 0px 0px 5px #3e0085;
font-size: 30px;
}

.profile .general-about{
padding: 3em;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #7700ff;
color: #b778ff;
}

.profile-pic img{
border: 1px solid black;
}

.general-about .profile-pic{
margin: 0;
}

footer{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #7700ff;
color: #b778ff;
}

.profile .contact .heading,
.profile .table-section .heading{
background-color: rgba(0,0,0,0.5);
color: #b778ff;
text-shadow: 1px 1px 0px #7700ff;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #7700ff;
margin: .5em 0;
}

.profile .url-info{
color: white;
}

table.details-table td {
background-color: transparent !important;
color: #b778ff !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: rgba(0,0,0,0.5);
color: #b778ff;
text-shadow: 1px 1px 0px #7700ff;
}

.profile .blurbs,
.profile .friends{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #7700ff;
color: #b778ff;
}

.profile .blurbs .section h4{
color: #b778ff;
text-shadow: 1px 1px 0px #7700ff;
padding: 1em 0;
}

.profile .profile-info{
color: #b778ff;
text-shadow: text-shadow: 1px 1px 0px #7700ff;
}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #7700ff;
padding: 1em 0;
color: #b778ff;
}

.profile .friends .friends-grid p{
color: #b778ff;
text-shadow: 0px 0px 3px #7700ff;
}

.count{
color: #b778ff;
text-shadow: 0px 0px 3px #7700ff;
}

.profile .comments-table{
color: #b778ff;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #7700ff;
border: none;
}

.profile .comments-table .comment-replies{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #7700ff;
border: none;
color: #b778ff;
}

.profile .comments-table td{
background-color: transparent;
color: #b778ff;
padding: .5em;
}

a{
color: #b778ff;
text-shadow: 0px 0px 3px #7700ff;
}

a:visited {
color: #b778ff;
text-shadow: 0px 0px 3px #7700ff;
text-decoration: none;
}

a:hover {
color: #B0FDFF;
text-decoration: none;
}

a:active {
color: #b778ff;
text-decoration: none;
text-shadow: 0px 0px 3px #7700ff;
}

/* 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/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}

.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/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}

.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/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}

.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/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}

.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/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}
.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/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}

.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/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/768df49b-9b9a-45f9-b8b9-56558c7b0cfb/d7wvsmh-cb6bd135-d72f-4ba8-bbd4-13b163490d1d.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzc2OGRmNDliLTliOWEtNDVmOS1iOGI5LTU2NTU4YzdiMGNmYlwvZDd3dnNtaC1jYjZiZDEzNS1kNzJmLTRiYTgtYmJkNC0xM2IxNjM0OTBkMWQuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.yPNCagtCqSXw6kkYvQOH5sfWGrE7HlnRN7PPrgL5fUc")
}

nav .links a:hover{
color: #B0FDFF;
text-decoration: none;
text-shadow: 0px 0px 3px #6FFFE9;
}

.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>

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

gumball [profile is a wip]	1712222700 using Report Comment
S0CKN01SES	1711982061 Using it!!!! Report Comment
mugiiskaito	1707359892 Usingggg!! Report Comment
stvr ୨୧	1705963484 using! Report Comment
PHOBOS	1701912271 (using!!) Report Comment
Nooby	1696979751 usin g ! Report Comment
╰┈➤ 𝑗 𝑢 𝑛 𝑜	1693775952 USING tyyy :3c Report Comment
Ren	1688314038 USING!!!! <33333333 Report Comment
#𝓲𝓽𝓼𝓐𝓷𝓰𝓲𝓮!	1687998675 Using Report Comment