BFB/BFDI EXIT layout !!

Tags: autoplay, simple, song, layout, layouts

Description:

contains autoplay !!! this is my first layout so if theres any errors pls tell me :DD but yeah theres gonna be more to come!

Preview:

click on the image for a larger preview

Code:

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

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

<style>
.online{
  content: url(https://www.myspacegens.com/images/online_now/41.gif);
}
</style>


<style>* {cursor: url(http://www.rw-designer.com/cursor-view/95695.png), auto !important;}</style>
<a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;"></a>

<img src="https://media1.tenor.com/m/unPpWsHOmPgAAAAC/bfdi-stapy.gif"/>
<style>


<style>

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> body:before { content: " "; height: 100vh; width: 100vw; display: block; position: fixed; top: 0; left: 0; z-index: 100; background-image: url('https://media1.tenor.com/m/fTQhB7hGEq4AAAAC/bfdi-bfdia.gif'); background-size: cover; background-repeat: no-repeat; background-position:center; animation: yourAnimation 2.25s ease 0s 1 normal forwards; pointer-events: none;} @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } </style>

<style>
main:before {
 width: 100%;
 height: 200px;
 display: block;
 content: "";
 background-image: url('https://static.wikia.nocookie.net/battlefordreamisland/images/8/86/Bandicam_2018-04-29_18-59-27-546.jpg/revision/latest?cb=20180429110111');
 background-position: center center;
 background-size: cover;
 </style>

<style>
main:after {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://static.wikia.nocookie.net/battlefordreamisland/images/8/85/The_test_from_leafie.png/revision/latest/scale-to-width-down/1000?cb=20190107165646');
 background-position: center center;
 background-size: cover;
 </style>


<style>


body{
    background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/7/79/EAC_Background_1.png/revision/latest/scale-to-width-down/1000?cb=20180428210512) no-repeat fixed;
    background-size: cover;
}

nav .top {
    display: flex!important;
    opacity: 1!important;
    margin-top: 15px;
background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/7/7c/Bandicam_2018-04-28_17-10-30-202.jpg/revision/latest?cb=20180428141708);
    background-position-y: center;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 4px 4px 4px #00000075;
}

button, input {
    overflow: visible;
    background: white;
    border: none;
    border-radius: 4px;
    padding-bottom: 3px;
    box-shadow: 3px 3px 5px #00000080;
}

nav .top .left .logo {
    width: 165px;
    height: 42px;
    filter: drop-shadow(3px 3px 1px black);
}

nav .links, footer .links {
    margin: 0;
    list-style: none;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 3px 3px 5px #00000096;
    text-align: center;
    background: #2798c4;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 2px 2px 0px black;
    font-size: 0.98em;
    font-size: max(0.98em, 12px);
    font-weight: bold;
}

nav .links a:hover {
    text-decoration: none;
    color: #1a7feb;
    font-style: comicsans;
}

main{
background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/4/4e/Lo_quadro.png/revision/latest/scale-to-width-down/1000?cb=20190107165159) no-repeat center;
    background-size: cover;
    text-shadow: 2px 2px 1px black;
    color: white;
    text-align: center;
    border-radius: 8px;
    border: 2px solid white;
    box-shadow: 3px 3px 5px #00000096;
}

.inner{
background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/f/f2/The_computadorizado.png/revision/latest?cb=20190107165308);
    border: 2px solid white;
    border-radius: 0px 0px 8px 8px;
    box-shadow: 3px 3px 5px #00000082;
}

.heading {
    background: #2798c4!important;
    border: 2px solid white;
    border-bottom: none;
    border-radius: 8px 8px 0px 0px;
    color: white!important;
}

.blurbs .inner {
    height: 250px;
    overflow-y: scroll;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.details-table td:first-child {
    background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/e/ea/Pencils_desk.PNG/revision/latest?cb=20200120214357);
    color: white;
    font-weight: bold;
    width: 33%;
    border: 1px solid white;
}

.details-table td:first-child {
    background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/f/f4/Ma_projects.png/revision/latest/scale-to-width-down/1000?cb=20190107165221);
    color: white;
    font-weight: bold;
    width: 33%;
    border: 1px solid white;
}

.details-table td {
    background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/e/ea/Pencils_desk.PNG/revision/latest?cb=20200120214357);
    vertical-align: top;
    border: 1px solid white;
}

.comments-table td:first-child, .music-table td:first-child {
    background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/7/79/EAC_Background_1.png/revision/latest/scale-to-width-down/1000?cb=20180428210512);
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: url(https://static.wikia.nocookie.net/battlefordreamisland/images/4/4e/Lo_quadro.png/revision/latest/scale-to-width-down/1000?cb=20190107165159);
    vertical-align: top;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    border: transparent;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: white;
}

a {
    color: #cfdde9;
    text-decoration: none;
}

.icon, .award img {
    display: none;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

.profile-info .inner {
    font-weight: bold;
    text-align: center;
    background: none;
    border: none;
    box-shadow: none;
}

.profile-info {
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
}

}

.awards {
    filter: invert(1);
    text-shadow: none;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: transparent;
    color: white;
}

a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    color: #1a7feb;
    text-decoration: none;
    font-style: comicsans;
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 2px solid white;
    border-radius: 8px;
    box-shadow: 3px 3px 5px #0000007d;
}

.count {
    color: white;
}

.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}

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

ricescaK3!☆~	1742959129 ME USINGG Report Comment
. grim , 🌹	1741944826 IM USING IT Report Comment
. grim , 🌹	1741944811 IM USING IT YIPPEEEEEE Report Comment
gps ?! \| 📱🎩	1741803798 IM GANNA USE IT YAYYYYYYYYYYYYYYYYYYYYYYYYYYYYYYY Report Comment
TR1XE	1741044939 using :3 Report Comment
finiscool	1739970966 USING!!!! :3 Report Comment
THEC00K_OSC :3	1739679500 using!!! :3 Report Comment
🎧 ... F0UR ... 🎧	1739340963 Using Report Comment
Smolbean1794	1739093796 Using!! Report Comment
theresnoway	1738603483 using Report Comment
n0uf3rz !! [📄🏫] [💭🏝️]	1738318132 US1NG!! Report Comment
n0uf3rz !! [📄🏫] [💭🏝️]	1738318132 US1NG!! Report Comment
Twoziepin	1737171572 Using1!1! :D Report Comment
lilie ^_^ (#1 mephone4s fan)	1736871492 USINGGG! Report Comment btw, can i leave the autoplay out? i dont rlly want it lol by lilie ^_^ (#1 mephone4s fan); 1736872413; Report
💉ｊａｋ ♩ ｗａｄｅ ⊹ ∘˚ ᯓ	1736118854 using!! Report Comment
GreenyGuyFan	1736027523 Using!! Report Comment
Robin	1735614919 using!! Report Comment
The ultimate OSC fan	1735515189 USING!!! >_< Report Comment
[⪰_⪯]	1735385899 Def using^_^ Report Comment
archer/finney ☆	1735011654 using!! ^_^ Report Comment