Hfjone Layout!

Tags: hfjone, osc, layout, simple

Description:

Since I Could Only Find 2 Osc Layouts I Decided To Make One Myself!, Feel Free To Use You Don't Have To Credit Me Edit: Sorry If The Myspace Logo Isnt Showing

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
        background:url(https://i.ibb.co/ZzzCwpg/airy-s-world-by-sariastudios-dfb60qo-pre-1.png);
}

h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

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

.logo {
content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");
filter: invert(100%);
}

</style>

<style>
body {
  background-color: #111;
}

main {
  background-color: #333;
  color: #ccc;
}

main a {
  color: var(--green);
}

.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #111;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #444;
  color: #bbb;
}

.profile .table-section .details-table td {
  background-color: #333;
  color: #ccc;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #444;
  color: #bbb;
}

nav .links {
   color: red;
}
</style>

<style>
nav .top {
    background-color: #333 ;
}

    nav .links {
        background-color:#bbb;
    }

</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 )

lottie !!	1732215246 using !!!!!!!! Report Comment
Miles	1731708822 Using! :D Report Comment
itzvenusthegay	1724958304 OOOOO UZING <3 !! Report Comment
Boredperson	1723940924 USING OMG Report Comment
Juju	1720135368 useing:D Report Comment
vivian !!	1714694438 using !! ^^ Report Comment
BeckyAGH!	1713572672 Using!! Report Comment
stinkypoo9000	1711009131 Using ^^ Report Comment
phea!	1709497198 Using!!! :3333 Report Comment
🄼i̲k̲e̲✉️	1708359614 using!! Report Comment
MED ♡	1706703341 oo using Report Comment
Astrid :3	1702138827 Using :33 Report Comment
Arryn	1701695129 usin Report Comment
Fishie :3	1700194058 augh using Report Comment
RED !! ^__^	1699843318 Using!! (>_<)b Report Comment
confettayjune 🦑🐇	1699613282 using! ^_^ Report Comment
dave	1699501482 UZING!! Report Comment
★ 　⌒　 Joey / Ty﹒ .ᐟ	1698509428 USINGG!! Report Comment
kimchi/pixels :0 🍉	1697697437 Using!! its so satisfying the way it bounces slowly :) Report Comment