My current layout! Mostly splatoon and ranfren

Tags: splatoon, ranfren, personal
Description:

This is just incase something happens to my layout rn and just to share lolz This layout was mostly created by someone else i am not claiming all of this as mine
Code:

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

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

<style>
    .heading{
        
    background-color: #EC4638 !important;

    }


    main{
     
    background-image: url('https://i.ibb.co/4jqqCYg/29-jesfftrfhrp71.jpg') !important;
    
    }


    .top{
        
    background-image: url('https://i.ibb.co/4jqqCYg/29-jesfftrfhrp71.jpg') !important;

        
    }
</style>
<style>
    .links{
        
    background-color: #EC4638 !important;
        
    }
</style>
<style>
    body{
        
    background-image: url('https://i.ibb.co/jhSHbnD/ezgif-5-e9deca73b2.jpg') !important;
    background-attachment: fixed !important;
    background-repeat: REPEAT !important;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: transparent !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>.more{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blog-preview{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.table-section td{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.contact a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.profile .blurbs .section h4{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blurbs .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.friends b{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blurbs .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.friends .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.blog-preview h4 a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.table-section .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>h1{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.mood p{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.mood a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.contact .heading{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.url-info b{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.url-info{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.friends-grid a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.logout-btn{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.top a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.general-about{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>.a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>body{color: white !important;
text-shadow: 0px 0px 10px white;
font-size: 12px} </style>
<style>.links a{color: white !important;
color: white;
text-shadow: 0px 0px 10px white;
font-size: 12px;} </style>
<style>
    table.details-table{
        
    background-color: transparent !important;

        
    }
    .profile .details-table td{
        
    background-color: transparent !important;

        
    }
</style>
<style>
  
  .logo {
  
  content:url("https://i.ibb.co/gVJtkYD/501px-S3-Salmon-Run-logo.png")
  
  }
  
  </style>
<style>
    .contact{
        
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .table-section{
        
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .url-info{
        
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .contact .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .table-section .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .friends .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    .blurbs .heading{
        
border-radius: 5px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;
        
    }
</style>
<style>
    footer{
        
    background-image: url('https://i.ibb.co/4jqqCYg/29-jesfftrfhrp71.jpg') !important;

        
    }
</style>
<style>.contact img.icon { 
 display: none; 
}

.contact{background-color:  !important;}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a::before{ 
 /* add to friends */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a::before{ 
 /* add to favorites */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{ 
 /* send message */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
 /* forward to friend */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px;  
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
    /* instant message */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
    /* block user */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
    /* add to group */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report user */
 content: " "; 
 display: inline-block; 
 width: 20px; 
 height: 20px; 
 background-image: url('https://cdn.wikimg.net/en/splatoonwiki/images/1/13/S3_Chum_icon.png'); 
 background-size: 100% 100%;
} 
</style>
<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "General ☆";
  --topic2: "Music ☆";
  --topic3: "Movies ☆";
  --topic4: "Television ☆";
  --topic5: "Books ☆";
  --topic6: "Heroes ☆";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px white !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>
<style>
    .comments-table td{
        
    background-color: transparent !important;

        
    }
</style>
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    
        content: url(https://cdn.wikimg.net/en/splatoonwiki/images/f/f0/SplatNet_3_icon_Salmon_Run.svg);
        height: 2.9em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 1s;
}
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}


h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:lowerercase !important;
}

.online{
  color: white!important;  
}

</style>

<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.ibb.co/HhnCVPT/Screenshot-20231124-162128-Chrome.jpg');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
    main{
                
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</style>

<style>
    .top{
                
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</style>
<style>
    .links{
                
border-radius: 10px;
border: 2px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</style>
<style>
    footer{
                
border-radius: 10px;
border: 3px solid white !important;
box-shadow: 0px 0px 10px white;

    }
</style>



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

<style>

.icon.verified {
     filter: saturate(0%);
}

.person img {
    transform: scale(0.5);
    width: 70px;
    height: 70px;
    filter: contrast(50%);
    -webkit-mask-image: url(https://cdn.discordapp.com/attachments/920463473199153162/1174410545781284984/iconnnnn.png?ex=65677e0d&is=6555090d&hm=e0e65d5186561fe3a4ea94b9929c57a8acf72334c9804a64e31d052b850175e4&);
     mask-image: url(https://cdn.discordapp.com/attachments/920463473199153162/1174410545781284984/iconnnnn.png?ex=65677e0d&is=6555090d&hm=e0e65d5186561fe3a4ea94b9929c57a8acf72334c9804a64e31d052b850175e4&);
    -webkit-mask-size: contain;
     mask-size: contain;
    -webkit-mask-repeat: no-repeat;
     mask-repeat: no-repeat;
}
 
</style>


<!-- (c) Layout created by ⭐️; 311/Tavish (https://layouts.spacehey.com/layout?id=25037) -->

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>



<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 9px; z-index: 100;">
<img src="https://64.media.tumblr.com/89357d7ebdc83d2913aaa3c9a7680c6f/b796696dac4336e5-9d/s250x400/aee6f5f906c777b601524fec8d440ed3501c8414.gif" width="300" height="250"/></div>
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 )