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

SPOOKY NENE/POOH!!🕷🕸 {SPOOKY EDITION}	1759608350 Using ^^ Report Comment
teddy	1759461611 using! Report Comment
Emp5r0r	1758873501 So pretty! Using! Report Comment
Raelynn	1755657283 using c: Report Comment
Sirphrogie	1751817451 Using this!! Report Comment Oops it lagged (I didn't mean to comment 3 times ) by Sirphrogie; 1751817515; Report
Kaliqui	1748181385 using o((>ω< ))o Report Comment
Yuna	1736908139 Using! Report Comment
C0smick1ss	1724048537 Using Report Comment
☽ Keith ⋆	1723105967 Using! Report Comment
☆Kilee Miracle ☆	1720993697 Using Report Comment
ABBEES!!	1719058335 USING Report Comment
[S] gumball	1712222700 using Report Comment
M3RCURYYYY	1711982061 Using it!!!! Report Comment
mugiiskaito	1707359892 Usingggg!! Report Comment
Nonya ★	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