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

Shuri	1732556320 Using :3 Report Comment
swagmonster	1732198633 using! Report Comment
skegg	1731211236 using this cause its pretty, kudos to creator! Report Comment
skegg	1731211235 using this cause its pretty, kudos to creator! Report Comment
Alin / kyze	1729520982 using Report Comment
joci	1728847479 USINGGG:] Report Comment
♥~ (𝖡𝗅𝗈𝗈𝖽𝗒𝗓) ~♥	1727068693 Useeeee3er Report Comment
sergeant_Sweetie	1725131501 using Report Comment
☆𝚃𝚢𝚕𝚎𝚛 𝙼𝚊𝚝𝚑𝚎𝚠𝚜 (O_O)☆	1724204845 usding Report Comment
Kiyo~ (He/They/It)	1723743214 using Report Comment
sia	1723118767 USING Report Comment
y0yle_berr!ez..	1723103660 not using, but SUPER COOL!!! does places play? Report Comment
Jaxxon	1722967843 using Report Comment
vince	1722872421 USINGG !! Report Comment
MIAU!!	1722601565 USING! :3 Report Comment
L1gh7bulb43	1722383495 USINGGSGUCSWVHJBKQOIAQHS8UDYVH Report Comment
L1gh7bulb43	1722383494 USINGGSGUCSWVHJBKQOIAQHS8UDYVH Report Comment
candycoree	1722091452 Using!!!! Report Comment
max ! ^__^	1721335000 using!!!!! Report Comment