Space/Black & White Layout!!

Tags: space, black, white

Description:

A black and white layout for your page. It also could be used for an outerspace vibe! (: **PLEASE** credit me in your about me or comment if you use any this tysm!! I've already seen someone not using credit. ): If the code is broken by any means please let me know!!

Preview:

click on the image for a larger preview

Code:

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

<div style="float: ; max-height: 400px; position: fixed; right: 1px; bottom: 3px; z-index: 200;">

<img src="https://media2.giphy.com/media/IG2NnjFpofCZRtrvHU/giphy.gif?cid=6c09b952oi3yy1nbv5pqabbfubdsmva9kux031mb2enzt94w&ep=v1_stickers_related&rid=giphy.gif&ct=s" alt="MsGxSBl"/>



<style>

@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

p{

font-family: 'Indie Flower', sans-serif;

font-size: 170%;

color: white;

text-align: center;




}

.online {

content: url('http://dl4.glitter-graphics.net/pub/70/70114ow466u9oc3.gif');

}



footer {

border-radius: 25px;

background-image: url(https://media.tenor.com/rCTjuSKG7FAAAAAC/static-gif-animated-tv.gif);

color: black

}

:root {

--logo-blue: url(https://media.tenor.com/_OQD039ks1oAAAAC/space.gif);

--darker-blue: #545454;

--lighter-blue: #545454;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: #292929;

--light-orange: #292929;

--even-lighter-orange: #292929;

--green: ;

}

.profile {

background: url(https://mir-s3-cdn-cf.behance.net/project_modules/disp/ace4ba107608503.5faaed457d1ce.gif);

}
body {

background: url(https://mir-s3-cdn-cf.behance.net/project_modules/disp/ace4ba107608503.5faaed457d1ce.gif);
cursor: url(https://cur.cursors-4u.net/others/oth-6/oth641.cur), auto !important;

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed;

top: 0;

left: 0;

z-index: 100;

background-image: url('https://bestanimations.com/media/stars/1092151385stars-sky-space-gif-21.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 0s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }

</style>






<style>

*{

border-radius: 25px;

}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading{

border-radius: 15px 15px 15px 15px;

}

</style>



<style>





.container {

width: 69%;

max-width: 1600px;

}



</style>



<style>

@import url('https://fonts.googleapis.com/css2?family=Rubik+Puddles&display=swap');



.w-40 h1{

font-family: Rubik Puddles;

font-size: 70px;

text-align: center;

background: -webkit-linear-gradient(#7d7d7d, #ffffff);

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

-webkit-text-stroke: 1px white;

}

<!-- (c) Layout created by flycel // Mari (https://layouts.spacehey.com/layout?id=24665) -->



<style>

.contact {

font-size: #px;

font-family: fontfamily;

border: dotted 0px!important;

background-image: url("URL")!important;

background: ;

border-top: 0px;

}

.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://gifs.crd.co/assets/images/gallery24/4a9eef06.gif?v=28909a2e")

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorites */

content: url("https://graphic.neocities.org/tumblr_inline_otet06DO5L1umlbhz_500.png")

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send Message */

content: url("https://gifs.crd.co/assets/images/gallery23/50f79c1f.gif?v=28909a2e")

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* forward to friend */

content: url("https://gifs.crd.co/assets/images/gallery23/dc60bf03.png?v=28909a2e")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: url("https://graphic.neocities.org/tumblr_m6vw5gMSpb1qb1380.gif")

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: URL("https://pixeloving.neocities.org/symbols/warn.png")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add to group */

content: url("https://gifs.crd.co/assets/images/gallery25/53a08afa.gif?v=28909a2e")

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report user */

content: url("https://external-media.spacehey.net/media/s7RkClpwsmb1b3s_vO5vlhze1aHSkXbUVl1uNqFyfH9I=/https://maguro.carrd.co/assets/images/gallery03/407065e5.gif?v=2e38620a")

}

</style>

</div>

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

𖤐 char.	1716023997 using Report Comment
𓏲 ๋࣭ ࣪ ˖Astra 𓇼	1714943853 using Report Comment
𐀔 selune	1714369568 usinggg Report Comment
𓊆ྀི 𝘀𝗶𝗿𝗶 𓊇ྀི	1712553604 using!! Report Comment
𓊆ྀི 𝘀𝗶𝗿𝗶 𓊇ྀི	1712553568 using!! Report Comment
Sunny	1709758663 Using :D Report Comment
LAVEN!ー✰	1708079980 Using!1!1 Report Comment
urfavmumi	1705891382 ¡¡USANDO!!🧖🏻‍♀️ Report Comment
zaraswurld	1702271976 using!! Report Comment
j-dawggie	1702179176 using,, Report Comment
LUFFY	1698796224 USING :3! Report Comment
<3 MADDY !!	1698533164 using! :) Report Comment
W1llammm	1693174593 Using Report Comment
2P !	1691094116 will use. Report Comment
Fyo / taru	1689369332 Using!! :3 Report Comment
○★Ryan★○击	1689287899 using!! x) Report Comment
Reficul	1688851549 gonna use Report Comment
howshyper	1688445848 using!!! Report Comment
tiff ♡	1687840444 using tysm Report Comment