Fall out boy layout :D

Tags: fob; fall out boy

Description:

this was made for someone but i thought I'd post it here cus theres a serious lack of FOB layouts xDD tell me if there are any issues with the layout! :DD

Preview:

click on the image for a larger preview

Code:

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

<style>  
body{
        
   
    background-image: url('https://w0.peakpx.com/wallpaper/34/647/HD-wallpaper-fob-folie-a-deux-folie-a-deux-fall-out-boy-fob.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        background-size:cover;
    }
    </style>
    
    <style>
        main{
            background-image:url('https://i.scdn.co/image/ab67616d0000b2731f255a0cc54021028a6c15b3');
            background-position:center;
        }
    </style>
    <style>
        {
}
* {
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
body {
    background-color: #e3e3e3;
    font-family: verdana, arial, sans-serif, helvetica;
}
:root {
    --logo-blue: #c00;
    --darker-blue: #e2e4e9;
    --lighter-blue: #c00;
    --even-lighter-blue: #f5f7f8;
    --lightest-blue: #1234;
    --dark-orange: #c00;
    .9): ;
    --light-orange: rgb(95 91 84 / 60%);
    --even-lighter-orange: #c00;
    --green: #34D399;
    --dark-green: #059669;
}
        
    </style>
    <style>
        .blurbs{
    
   
    background-image:url('https://i.scdn.co/image/ab67616d0000b273861e1a412ff91955e73eedc7');
        background-position:center;
    }
    </style>
    <style>
        .contact{
            background-color:#1234;
        }
    </style>
    <style>
        main:before {
width: 100%;
height: 200px;
display: block;
content: "";
background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQZlmt2vmFnql2Xl8Ks7NGwW-8konCuK92oSocfiFW2nDFxzNIgxXIpyJJ0CqaCydKLJuQ&usqp=CAU');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
        
    </style>
 <style>
     main{
         border: 5px solid black !important; 
     }
     
 </style>
 <style>
    .top{
        
border: 3px solid black !important;        

    }
</style>
<style>
    .links{
        border: 3px solid black !important; 
    }
    
</style>

<style>

.profile h1{background: -webkit-linear-gradient(#000, #1234);
-webkit-background-clip: text;
-webkit-text-fill-color:transparent;}
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=DynaPuff&display=swap');
p,h1,h2,h3,h4,h5{
    font-family: 'DynaPuff', cursive;
}
}
</style>
<style>
       footer{
        
    background-color:RED;
    }
</style>
<style>
    .top{
        
    background-image: url('https://media.karousell.com/media/photos/products/2017/12/28/fall_out_boy__american_beautyamerican_psycho_band_po_flag_1514474032_c82706420') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
nav::before {
   content: "";
   background:  url(https://logos-world.net/wp-content/uploads/2020/01/Fall-Out-Boy-Logo.png);
background-size: 290px;
    position: fixed;
    float: right;
    display: inline;
    bottom: 0;
    right: 5px;
    height: 180px;
    width: 299px;
    margin-bottom: 10px;
    margin-right: 5px;
}

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

      <img src="https://i.scdn.co/image/ab6761610000e5eb1443b137c8941b9c73237a27" width="200/"/>
<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-11/cur1059.ani), url(https://cur.cursors-4u.net/cursors/cur-11/cur1059.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2012/03/03/white-fire-pointer.html" target="_blank" title="White Fire Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="White Fire Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>

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

lily	1726643818 USINGGG!!! THIS IS SO FIRE Report Comment
Seven! ⁠☆	1680164066 I LOVE THIS TY Report Comment
acer	1661915700 ITS SO AMAZINGGG!!! Report Comment YAYYY im glad you like it :DD by Spoon xPP(FW); 1661940786; Report
H34RTBR34KER	1661901105 I LOVE IT ITS A WORK OF ART Report Comment YAYY im glad it works properly ^^ by Spoon xPP(FW); 1661904911; Report