Halloween/Fall

Tags: fall, halloween, orange, simple

Description:

Fall/Halloween layout! This is my VERY first layout so its bad, but im only posting it so that I have it for next year haha.

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
        
    background-color: COLOR;
    background-image: url(https://ak.picdn.net/shutterstock/videos/27375175/thumb/1.jpg);
    background-size: 100% 100%;
    background-attachment: fixed; 
        
    }
</style>

<style>
    main{
     
    background-color: COLOR;   
    background-image: url(https://www.colorhexa.com/ffb347.png);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

<style>
    h1{
        
    background-color: COLOR;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
    
    }
</style>

<style>
    h1{

border: 1px solid black !important;       
        
    }
</style>


<style>
    .general-about{
        
    background-color: COLOR;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>


<style>
    table.details-table{
        
    background-color: COLOR;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
    .profile .details-table td{
        
    background-color: COLOR;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>

<style>
    .friends{
        
    background-color: COLOR;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</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>


<style>
    .links{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>


<style>
    .blurbs{
        
    background-color: COLOR;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>


<style>
    .contact .heading{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
    table.details-table{
        
border: 1px solid black !important;   
        
    }
    .profile .details-table td{

border: 1px solid black !important;   

    }
</style>


<style>
    button{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style><style>
    .blog-preview h4{
        
    background-color: COLOR;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
    .blurbs .heading{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
    .contact{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>


<style>
    .friends .heading{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
    .comments-table td{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>


<style>
    .profile-pic img{
        
border: 1px solid black !important;   
        
    }
</style>


<style>

    .contact{
        
border: 1px solid black !important;   
        
    }
</style>


<style>

a:hover{

background-color: TRANSPARENT !important;
background-image: url(https://s3.amazonaws.com/spoonflower/public/design_thumbnails/0611/5647/solid_papaya_shop_thumb.png) !important;
background-repeat: repeat !important;
background-position: center !important;

}
.links a:hover{

background-color: TRANSPARENT !important;
background-image: url(https://s3.amazonaws.com/spoonflower/public/design_thumbnails/0611/5647/solid_papaya_shop_thumb.png) !important;
background-repeat: repeat !important;
background-position: center !important;

}
</style>


<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url(https://cdn.webshopapp.com/shops/66605/files/264150740/oracal-631-pastel-orange-mat.jpg);
    background-repeat: repeat;
    background-position: center;
        
    }
</style>


<style>
    .profile-info{
        
border: 1px solid black !important;   
        
    }
</style>



<style>
    a{
        
    color: darkblue;
        
    }
    a:hover{
        
    color: darkblue;
        
    }
    a:visited{
        
    color: darkblue;
        
    }
    .top a{

    color: COLOR;

    }
    .top a:hover{

    color: COLOR;

    }
    .top a:visited{

    color: COLOR;

    }
    .links a{
    
    color: COLOR !important;
    
    }
    .links a:hover{

    color: COLOR !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
        
    color: COLOR !important;
        
    }
    footer .links a{

   color: COLOR

   }
    footer .links a:hover{

   color: COLOR

   }
    footer .links a:visited{

   color: COLOR

   }
</style>
   
    }



<style>

    .url-info{
        
border: 1px solid black !important;   
        
    }
</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.