splatoon salmon run layout

Tags: splatoon, nintendo, orange

Description:

:3 please comment on this or credit me if using!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by marbles 🍉 (inactive) (https://layouts.spacehey.com/layout?id=87964) -->

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

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

kuro!!	1712931237 Using!!! Report Comment
Kai!!	1712382722 usinggg ashbhahabsha its so cute :3333 Report Comment
VINTAGE :3	1709857078 using!!! Report Comment
Toto	1709750832 using :D Report Comment
Suna	1709506568 Usingggggg Report Comment
KAZ!!	1704649143 USING !!>!?!? Report Comment
sango, master of corned dogs	1703548768 using yawn Report Comment
wren aka the knife ii devil	1702077410 awesome 🐛‼️‼️ using Report Comment
dolcetto:3	1701044890 AAAA I HEART THIS!!!! USING !!! Report Comment TYSM!! by marbles 🍉 (inactive); 1701044976; Report
≽^•⩊•^≼	1701009979 This is so cool!! Ima use this 💗 Report Comment thank you !! 💕 by marbles 🍉 (inactive); 1701010143; Report