mvsiclovrr's profile picture

Published by

published

Category: SpaceHey

Layout Code

How the code will look

Idk why but the Layout posting option is down, most likely due to the whole gre scare, idk I wasn't around for that. Anyways here the code, Id say it has a forest/hippie vibe whatever. It includes: Falling leaves over the screen, shark and sun in 1 corner, Arizona tea in the other, Autoplay (song is: Spirit in the Sky) and customized buttons

Code:

<img src="http://dl10.glitter-graphics.net/pub/933/933660eedheaqges.gif"/> 

<iframe width="0" height="0" src="https://www.youtube.com/embed/AZQxH_8raCI?rel//? &;amp;;autoplay=1&loop=1&;controls=1" title="IDK" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

<style>

body:before {


content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/a4/16/b1/a416b12e3248dac398bbdcad7524d405.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

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

pointer-events: none;


}

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

</style>


<style>

.logo {


content:url("https://files.catbox.moe/oyagbo.png");


}

</style>

<style>

/* general styles */

@font-face {

    font-family: 'OLDENGL';

    src: url('https://fluorescent-lights.neocities.org/OLDENGL.TTF');

    font-weight: normal;

    font-style: normal;

}

:root {

  --light-gray: rgba(0,0,0,0) !important;

  --gray: rgba(0,0,0,0) !important;

  --dark-gray: rgba(0,0,0,0) !important;

  --darker-gray: rgba(0,0,0,0) !important;

  --logo-blue: rgba(0,0,0,0); !important;

  --darker-blue: rgba(0,0,0,0) !important;

  --lighter-blue: rgba(0,0,0,0) !important;

  --even-lighter-blue: rgba(0,0,0,0) !important;

  --lightest-blue: rgba(0,0,0,0) !important;

  --red: rgba(0,0,0,0) !important;

  --dark-orange: rgba(0,0,0,0) !important;

  --light-orange: rgba(0,0,0,0) !important;

  --even-lighter-orange: rgba(0,0,0,0) !important;

  --strange-yellow: rgba(0,0,0,0) !important;

  --green: rgba(0,0,0,0) !important;

  --light-green: rgba(0,0,0,0) !important;

  --medium-green: rgba(0,0,0,0) !important;

  --dark-green: rgba(0,0,0,0) !important;

  accent-color: rgba(0,0,0,0) !important;

}

html {

background-color: gray;

background: url('https://files.catbox.moe/8obneh.jpg');

background-size: cover;

background-attachment: fixed;

background-position: center bottom;

background-repeat: no-repeat;

position: relative;

z-index: -99;

}

html:after {

opacity: 15%;

background: url('https://files.catbox.moe/cxlyg9.gif');

content: "";

position: absolute;

height: 100%;

width: 100%;

top: 0;

left: 0;

z-index: -98;

}

*, p, a, form, li, footer .links li:not(:last-child)::after, ul:not(nav .links):not(footer .links) li, nav .links a, footer p {

  font-size: 11px;

  font-family: Verdana;

  letter-spacing: 1px;

}

main, nav, .profile .friends .person p, footer, nav .links a, .logout-btn, .logout-form, nav .top a, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading, nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after, a, a:hover, nav .links a:hover, .details-table td:first-child, .profile .blurbs .section h4, .profile .friends .heading, .online, .count, input, button {

color: #ffffe4;

}

main {

background: none;

padding: 6px 0 0 0;

}

main .left, main .right {

padding: 10px 10px 5px 10px;

}

.container {

  width: 900px;

}

input, button {

  background: #5d5d5d;

  border: 1px solid gray;

  border-radius: 4px;

}

input:focus {

outline: none;

}

h4 {

margin: 0;

text-align: center;

min-width: 100%;

letter-spacing: initial;

font-size: 1.1em;

font-style: italic;

border-bottom: 1px solid #555;

padding: 0 0 5px 0;

}

.blog-preview, .mood, .profile .friends .heading, .general-about {

padding: 7px;

}

hr {

border: none;

margin: 10px 0;

}

hr:before {

content: "";

background: url('https://files.catbox.moe/wp169l.gif');

height: 5px;

display: block;

}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, table.comments-table, .comments-table td, .comments-table td:first-child, .comment-replies {

border: none;

}

.profile .blurbs, #comments {

margin: 10px 0;

}

.blurbs .section p {

padding: 5px;

}

/* end of general styles */


/* element backgrounds */

nav, footer, span[itemprop="name"], .profile-info, .general-about, .blog-preview, .profile .blurbs .inner, .friends, .mood, .profile .contact, .profile .url-info, .table-section, .table-section:last-child::after {

background-size: cover !important;

background-repeat: no-repeat !important;

border-radius: 3px;

box-shadow: 0 0 10px black;

}

nav, footer {

background: url('https://files.catbox.moe/7orggk.jpg');

}

span[itemprop="name"] {

background: url('https://files.catbox.moe/2uswqd.jpg');

}

.profile-info {

background: url('https://files.catbox.moe/9m15js.jpg');

}

.general-about {

background: url('https://files.catbox.moe/t4e7l5.jpg');

}

.blog-preview {

background: url('https://files.catbox.moe/k4hchi.jpg');

}

.profile .blurbs .inner {

background: url('https://files.catbox.moe/t1e1eq.jpg');

background-size: 50% !important;

background-repeat: repeat !important;

background-position: -30px -30px;

}

.friends {

background: url('https://files.catbox.moe/9svkql.jpg');

}

#comments {

background: url('https://files.catbox.moe/wbczah.jpg') !important;

}

.pfp-fallback {

border: 1px solid #333;

border-radius: 4px;

}

.mood {

background: url('https://files.catbox.moe/qtqr7v.jpg');

}

.profile .contact {

background: url('https://files.catbox.moe/9hioks.jpg');

}

.profile .url-info {

background: url('https://files.catbox.moe/nnbpwn.gif');

background-position: center 75%;

}

.table-section:nth-last-child(2) {

background: url('https://files.catbox.moe/qj4y50.jpg');

}

.table-section:nth-last-child(1) {

  background: url('https://files.catbox.moe/ib22al.jpg');

}

.table-section:last-child::after {

  background: url('https://files.catbox.moe/6huis1.jpg');

}

/* end of element backgrounds */


/* element specific styles */

span[itemprop="name"] {

  display: block;

  width: 100%;

  text-align: center;

}

.profile h1 {

font-size: 4em;

font-family: 'OLDENGL';

transform: scale(.8, 1);

word-spacing: -5px;

}

nav .links a {

text-shadow: none;

}

.general-about {

  min-height: 177px;

}

.table-section:last-child {

position: relative;

margin-bottom: 215px;

}

.table-section:last-child::after {

  display: block;

  content: "";

  bottom: -215px;

  left: 0;

  width: 100%;

  height: 200px;

  position: absolute;

}

.mood {

margin: 10px 0;

}

.details-table td b {

text-decoration: underline;

}

.profile-info, .profile-info a {

border: none;

font-size: initial !important;

}

.links {

text-align: center;

}

.profile .url-info {

padding: 20px 0;

text-align: center;

}

nav {

margin: 10px 10px 0 10px;

}

footer {

margin: 0 10px 10px 10px;

padding: 5px 5px 10px 5px;

}

.profile .blurbs .heading {

display: none;

}

.online img {

display: none;

}

#comments {

padding: 0 0 10px 0;

}

.friends-grid {

text-align: center;

}

.details p:first-child {

  font-style: italic;

  font-size: 1.1em;

}

#comments .inner {

  height: 600px;

  overflow: scroll;

  overflow-x: hidden;

  margin: 0 7px 10px 7px;

  border-bottom: 1px solid #444;

}

.comment-reply:not(:first-child) {

  border-top: 1px solid gray;

}

footer p:first-child:after {

content: "(c) Layout created by @fluorescent_lights (https://spacehey.com/fluorescent_lights)";

display: block;

margin: 10px 0 0 0;

}

/* end of element specific styles */

</style>

<style>

/* general styles */

@font-face {

    font-family: 'OLDENGL';

    src: url('https://fluorescent-lights.neocities.org/OLDENGL.TTF');

    font-weight: normal;

    font-style: normal;

}

:root {

  --light-gray: rgba(0,0,0,0) !important;

  --gray: rgba(0,0,0,0) !important;

  --dark-gray: rgba(0,0,0,0) !important;

  --darker-gray: rgba(0,0,0,0) !important;

  --logo-blue: rgba(0,0,0,0); !important;

  --darker-blue: rgba(0,0,0,0) !important;

  --lighter-blue: rgba(0,0,0,0) !important;

  --even-lighter-blue: rgba(0,0,0,0) !important;

  --lightest-blue: rgba(0,0,0,0) !important;

  --red: rgba(0,0,0,0) !important;

  --dark-orange: rgba(0,0,0,0) !important;

  --light-orange: rgba(0,0,0,0) !important;

  --even-lighter-orange: rgba(0,0,0,0) !important;

  --strange-yellow: rgba(0,0,0,0) !important;

  --green: rgba(0,0,0,0) !important;

  --light-green: rgba(0,0,0,0) !important;

  --medium-green: rgba(0,0,0,0) !important;

  --dark-green: rgba(0,0,0,0) !important;

  accent-color: rgba(0,0,0,0) !important;

}

html {

background-color: gray;

background: url('https://files.catbox.moe/8obneh.jpg');

background-size: cover;

background-attachment: fixed;

background-position: center bottom;

background-repeat: no-repeat;

position: relative;

z-index: -99;

}

html:after {

opacity: 15%;

background: url('https://files.catbox.moe/cxlyg9.gif');

content: "";

position: absolute;

height: 100%;

width: 100%;

top: 0;

left: 0;

z-index: -98;

}

*, p, a, form, li, footer .links li:not(:last-child)::after, ul:not(nav .links):not(footer .links) li, nav .links a, footer p {

  font-size: 11px;

  font-family: Verdana;

  letter-spacing: 1px;

}

main, nav, .profile .friends .person p, footer, nav .links a, .logout-btn, .logout-form, nav .top a, .profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading, nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after, a, a:hover, nav .links a:hover, .details-table td:first-child, .profile .blurbs .section h4, .profile .friends .heading, .online, .count, input, button {

color: #ffffe4;

}

main {

background: none;

padding: 6px 0 0 0;

}

main .left, main .right {

padding: 10px 10px 5px 10px;

}

.container {

  width: 900px;

}

input, button {

  background: #5d5d5d;

  border: 1px solid gray;

  border-radius: 4px;

}

input:focus {

outline: none;

}

h4 {

margin: 0;

text-align: center;

min-width: 100%;

letter-spacing: initial;

font-size: 1.1em;

font-style: italic;

border-bottom: 1px solid #555;

padding: 0 0 5px 0;

}

.blog-preview, .mood, .profile .friends .heading, .general-about {

padding: 7px;

}

hr {

border: none;

margin: 10px 0;

}

hr:before {

content: "";

background: url('https://files.catbox.moe/wp169l.gif');

height: 5px;

display: block;

}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, table.comments-table, .comments-table td, .comments-table td:first-child, .comment-replies {

border: none;

}

.profile .blurbs, #comments {

margin: 10px 0;

}

.blurbs .section p {

padding: 5px;

}

/* end of general styles */


/* element backgrounds */

nav, footer, span[itemprop="name"], .profile-info, .general-about, .blog-preview, .profile .blurbs .inner, .friends, .mood, .profile .contact, .profile .url-info, .table-section, .table-section:last-child::after {

background-size: cover !important;

background-repeat: no-repeat !important;

border-radius: 3px;

box-shadow: 0 0 10px black;

}

nav, footer {

background: url('https://files.catbox.moe/7orggk.jpg');

}

span[itemprop="name"] {

background: url('https://files.catbox.moe/2uswqd.jpg');

}

.profile-info {

background: url('https://files.catbox.moe/9m15js.jpg');

}

.general-about {

background: url('https://files.catbox.moe/t4e7l5.jpg');

}

.blog-preview {

background: url('https://files.catbox.moe/k4hchi.jpg');

}

.profile .blurbs .inner {

background: url('https://files.catbox.moe/t1e1eq.jpg');

background-size: 50% !important;

background-repeat: repeat !important;

background-position: -30px -30px;

}

.friends {

background: url('https://files.catbox.moe/9svkql.jpg');

}

#comments {

background: url('https://files.catbox.moe/wbczah.jpg') !important;

}

.pfp-fallback {

border: 1px solid #333;

border-radius: 4px;

}

.mood {

background: url('https://files.catbox.moe/qtqr7v.jpg');

}

.profile .contact {

background: url('https://files.catbox.moe/9hioks.jpg');

}

.profile .url-info {

background: url('https://files.catbox.moe/nnbpwn.gif');

background-position: center 75%;

}

.table-section:nth-last-child(2) {

background: url('https://files.catbox.moe/qj4y50.jpg');

}

.table-section:nth-last-child(1) {

  background: url('https://files.catbox.moe/ib22al.jpg');

}

.table-section:last-child::after {

  background: url('https://files.catbox.moe/6huis1.jpg');

}

/* end of element backgrounds */


/* element specific styles */

span[itemprop="name"] {

  display: block;

  width: 100%;

  text-align: center;

}

.profile h1 {

font-size: 4em;

font-family: 'OLDENGL';

transform: scale(.8, 1);

word-spacing: -5px;

}

nav .links a {

text-shadow: none;

}

.general-about {

  min-height: 177px;

}

.table-section:last-child {

position: relative;

margin-bottom: 215px;

}

.table-section:last-child::after {

  display: block;

  content: "";

  bottom: -215px;

  left: 0;

  width: 100%;

  height: 200px;

  position: absolute;

}

.mood {

margin: 10px 0;

}

.details-table td b {

text-decoration: underline;

}

.profile-info, .profile-info a {

border: none;

font-size: initial !important;

}

.links {

text-align: center;

}

.profile .url-info {

padding: 20px 0;

text-align: center;

}

nav {

margin: 10px 10px 0 10px;

}

footer {

margin: 0 10px 10px 10px;

padding: 5px 5px 10px 5px;

}

.profile .blurbs .heading {

display: none;

}

.online img {

display: none;

}

#comments {

padding: 0 0 10px 0;

}

.friends-grid {

text-align: center;

}

.details p:first-child {

  font-style: italic;

  font-size: 1.1em;

}

#comments .inner {

  height: 600px;

  overflow: scroll;

  overflow-x: hidden;

  margin: 0 7px 10px 7px;

  border-bottom: 1px solid #444;

}

.comment-reply:not(:first-child) {

  border-top: 1px solid gray;

}

footer p:first-child:after {

content: "(c) Layout created by @fluorescent_lights (https://spacehey.com/fluorescent_lights)";

display: block;

margin: 10px 0 0 0;

}

/* end of element specific styles */

</style>

<img src="https://graphic.neocities.org/180793o6w0geqbip.gif"/>

<div style="float:  ; max-height: 150px; position: fixed; right: 40px; bottom: 0px; z-index: 400;">

<img src="https://64.media.tumblr.com/009bc983938c5c0f5d034d352d9cc0bc/605c5fccd3258483-f9/s250x400/4d06fcb0005c2d9dfcb705372a91b66b0ed59a4b.gifv" width="70" height="100"/></div>

<div style="float:  ; max-height: 100px; position: fixed; left: 0px; top: 0px; z-index: 0;">

<img src="https://i.postimg.cc/1zGv4S9R/gt-450px-96dpi-Hersteld.png" height="130"/></div>

<style></style>


<div class="snowflakes">

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

<div class="snowflake"><img src="https://64.media.tumblr.com/bf903cde8f279c66475d604651f9ea3e/4b487b9516393c79-e5/s75x75_c1/1c779e9df6a06ae6afc0bcf5ac542ee0ab7d3a24.gifv"/></div>

</div>


<style>

    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}




</style>

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

<img src="https://i.pinimg.com/originals/b5/43/24/b54324590ea3c1dc5b5ac2b396ed6d64.gif" height="50"/></div>

<style></style>

<a href="https://imgbb.com/"><img src="https://i.ibb.co/R7gh67q/IMG-1541.gif" alt="IMG-1541"/></a>

<style>

.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: "🌱"

}

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

/* Add to Favorites */

content: "🐚"

}

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

/* Send Message */

content: "🐌"

}

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

/* Forward to Friend */

content: "🐾"

}

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

/* Instant Message */

content: "🪶"

}

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

/* Block User */

content: "🕸"

}

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

/* Add to Group */

content: "🦉"

}

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

/* Report Profile */

content: "🕷"

}

</style>


0 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )