Full House Layout

Tags: fullhouselyt

Description:

This is Full House layout if you use please comment saying "using" please alwways give credit when you use and thank you for using ocarina layouts

Code:

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

<style>
main:before {
width: 100%;
height:400px;
display: block;
content: "";
background-image: url('https://i.imgur.com/4pOIBgy.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>



<style>
:root {
    --logo-blue: transparent;
    --darker-blue: transparent;
    --lighter-blue: transparent;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent!important;
    --dark-orange: black important;
    --light-orange: transparent;
    --even-lighter-orange: transparent;
    --green: transparent;

}

    body{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/F9vPJ6R.png') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
}

main {
    background-color: #6c9b31;
}

.profile .blurbs .heading,
.profile .friends .heading, 
.profile .contact .heading,
.profile .table-section .heading {
    background-color: #fae52a;
    color: #e13f30;
    text-shadow: none;
}

.profile .table-section,
.profile .comments-table {
    background-color: #ffffff;
}

p, a, form, li, after, footer, td {
    color: #0948e9
}

.profile .blog-preview {
    color: #faea21;
}

.profile .blurbs,
.profile .friends {
    color: #6d4889;
}

.profile .blurbs .section h4 {
    color: #008952;
}

.profile .friends {
    text-align: center;
}

.profile .friends-grid .person p {
    color: #dd9920;
}

.general-about .profile-pic img {
    max-width: 180px;
    max-height: 180px;
}

.count {
    color: #ecbb55;
}

              </style>

<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://i.imgur.com/F9vPJ6R.png') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    .links{
        
    background-color: #8c6a96!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    button{
        
    background-color: #8c6a96!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>










<style>



/*Interests Scrollbox*/
   



::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #8c6a96;
}

::-webkit-scrollbar-button:end {
    background-color: #8c6a96;
}

::-webkit-scrollbar-thumb
{
  background-color: #8c6a96;
  border-radius: 0px;
}
/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #000000;
  background-color: #000000
  border-radius: 0px;
}


.
}


}

</style>


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>











<a href="https://spacehey.com/ocarina" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 160px; height: 82px; filter: hue-rotate() saturate();"><img src="https://i.imgur.com/PM6MPOE.gif" alt=""/></div></a>



<iframe width="0" height="0" src="https://www.youtube.com/embed/nGLzWj1XRLU/?&;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>

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