Ice Nine Kills - The Silver Scream Layout Ⅸ

Tags: emo, music, red, dark, layout, ink

Description:

Layout inspired by Ice Nine Kills' album "The Silver Scream"! you're free to add and remove whatever you want to this layout <3 !includes auto play of "The American Nightmare"!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☆⋆ VAMPYY !! (https://layouts.spacehey.com/layout?id=36113) -->

<style>
@font-face { font-family: 'Epic Slash'; 
src: url(https://file.garden/ZLXU3yeVhBA68fNw/EpicSlash%5B1%5D.ttf); 
} span{ font-family: 'Epic Slash'; text-align: center; }

@font-face { font-family: 'Hollywood Starfire'; 
src: url(https://file.garden/ZLXU3yeVhBA68fNw/HOLLYWOOD_STARFIRE%5B1%5D.ttf); 
} span{ font-family: 'Hollywood Starfire'; text-align: center; }



nav .top{
background: transparent;
    border-radius: 8px;
}

nav .links{
background: transparent;
    text-align: center;
}

nav {
    font-size: max(8%, 14px);
    font-family: 'Epic Slash';
    border: 2px solid #ff928c;
    border-radius: 45px;
    margin-bottom: 12px;
    box-shadow: 0 0 20px red;
    background: url(https://cdn.discordapp.com/attachments/872309467956543531/1131386444724842556/IMG_4396.png);
    background-position: -890px;
}

nav .links a:hover {
    text-decoration: underline;
    color: #ff928c;
    text-shadow: 0 0 4px red;
    font-weight: bold;
    text-transform: uppercase;
}

a {
    font-family: 'Epic Slash';
    text-decoration: none;
    font-style: italic;
    color: white;
}

a:hover {
    text-transform: uppercase;
    text-decoration: none;
    color: #ff928c;
    text-shadow: 0 0 5px red;
}

button, input {
    background: #060e1c;
    border: 2px solid #ff928c;
    color: white;
    border-radius: 12px;
    box-shadow: 0 0 5px red;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: "⌖";
    font-size: 25px;
    color: white;
}
main:before {
    width: autopx;
    margin-bottom: 10px;
    height: 190px;
    display: block;
    content: "";
    background-image: url(https://cdn.discordapp.com/attachments/872309467956543531/1131392568622587935/Untitled227_20230719201001.png);
    background-position: center center;
    background-size: cover;
}

.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    border: 2px solid #ff928c;
    border-radius: 60px;
    box-shadow: 0 0 20px red;
}

.profile-info {
    border: 2px solid #ff928c;
    display: ;
    padding: 2px 2px;
    margin-bottom: 10px;
    border-radius: 8px;
    box-shadow: 0 0 7px red;
    background: url(https://cdn.discordapp.com/attachments/872309467956543531/1131459369138135081/Untitled229_20230720003530.png);
    height: 150px;
    background-position: center;
}


 main{
    background-color: black;
    margin-top: 10px;
    color: white;
    padding: 10px 2px;
    font-size: 70%;
    border: 2px solid #ff928c;
    border-radius: 20px;
    box-shadow: 0 0 10px red;
}

.online{
content: url(https://pixelbank.neocities.org/decome/spooky%20stuff/40f253fd.gif);
    width: 38px;
    height: auto;
}


body{
background: url(https://cdn.discordapp.com/attachments/872309467956543531/1131386445685338202/IMG_4391.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
font-family: 'Hollywood Starfire';
}

.profile h1{
background: -webkit-linear-gradient(red, #540303);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Epic Slash';
font-size: 37px
}

 .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: transparent;
   color: red;
   font-family: 'Epic Slash';
   font-size: 25px;
}

.url-info{
font-size: 0%;
background: url(https://cdn.discordapp.com/attachments/872309467956543531/1131386445278482462/IMG_4395.png);
    background-position: center;
    height: 290px;
    background-size: cover;
    border: transparent!important;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    color: red;
    background: transparent;
    padding: 4px 7px;
    border: 2px solid #ff928c;
    box-shadow: 0px 0px 10px red;
    border-radius: 20px;
    font-family: 'Epic Slash';
    font-size: 18px;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none;
    margin: 10px 0;
}

.contact .inner {
    border: 2px solid #ff928c;
    border-radius: 8px;
    box-shadow: 0 0 7px red;
    margin-top: 10px;
    background: url(https://cdn.discordapp.com/attachments/872309467956543531/1131425880183414866/BB62C824-A621-40F3-A7D9-5DE787DE85C3.gif);
    background-position: center;
}

.icon, .award img {
    display: inline-block;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    font-size: 0;
}

.f-col:before {
    content: " 🔪";
}

table.details-table {
    width: 100%;
    border: 2px solid #ff928c;
    border-radius: 9px;
    margin-top: 10px;
    box-shadow: 0 0 8px red;
}

.details-table td:first-child {
    background: transparent;
    color: red;
    font-weight: bold;
    font-family: 'Epic Slash';
    font-size: 17px;
    width: 20%;
}

.details-table td {
    background: transparent;
    border: 2px solid white;
    vertical-align: middle;
    border-radius: 8px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 13px 50px;
    background: transparent;
    color: white;
font-family: 'Epic Slash';
font-size: 20px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    color: red;
    padding: 2px 7px;
    border: 2px solid #ff928c;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 8px red;
}

.profile .friends .inner {
    border: 2px solid #ff928c;
    border-radius: 8px;
    box-shadow: 0 0 8px red;
    margin-top: 13px;
    margin-bottom: 30px;
}

.profile .friends .person img:not(.icon) {
    max-width: 95px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    border: 2px solid #ff928c;
    border-radius: 60px;
    box-shadow: 0 0 8px red;
}

.profile .blurbs .inner {
    border: 2px solid #ff928c;
    border-radius: 8px;
    margin-top: 13px;
    box-shadow: 0 0 10px red;
    background: url(https://cdn.discordapp.com/attachments/872309467956543531/1131425880791584819/IMG_4407.jpg);
}

.count {
    font-size: 25px;
font-family: 'Epic Slash';
}

.profile .blurbs .section h4 {
    margin: 0;
    color: #ff928c;
font-family: 'Epic Slash';
    text-align: center;
    text-shadow: 0 0 3px red;
}

.profile .friends .person p {
    color: red;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 15px;
    font-family: 'Epic Slash';
    text-align: center;
}

.comments-table td:first-child, .music-table td:first-child {
    background: transparent;
    text-align: center;
    font-weight: bold;
    width: 20%;
}

.comments-table td, .music-table td {
    background: transparent;
    vertical-align: top;
}

.comments-table td:first-child img:not(.icon) {
    width: 90px;
    max-width: 100%;
    max-height: 200px;
    border: 2px solid #ff928c;
    border-radius: 60px;
    box-shadow: 0 0 8px red;
}

table.comments-table{
display: block;
height: 250px!important;
overflow-y: scroll;
}


html {
    filter: sepia(0.3);
}

::-webkit-scrollbar {
    width: 12px;
    height: 6px;
    background-color: black;
}

::-webkit-scrollbar-thumb {
    background: red;
    border-radius: 10px;
}

.profile div#comments .inner {
    text-transform: math-auto;
}

 .logo {
content:url("https://cdn.discordapp.com/attachments/872309467956543531/1131454569965166743/Untitled220_20230720001620.png")
}


</style>

<style>

h1{
  animation: type 3s steps(27);
  font-size: 10px;
  white-space: nowrap;
  overflow: hidden;
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(#5e1111 20%, rgb(0 0 0 / 0%) 30%);
z-index: 2;
background-size: 100% 2px, 7px 100%;
pointer-events: none;
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4.5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

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

Type out your “About Me” here! Hope you enjoy my layout &lt;3

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

DENNIS	1742619310 feel like you should know i went to my first ever concert because i discovered INK through this layout and fell in love Report Comment
𖤐𝙈𝙀𝙏𝘼𝙇𝙎𝙃𝘼𝙍𝙆𖤐	1735002449 USING OMG AUGHH I LOVE INK Report Comment
Umbra	1722796405 using! Report Comment
quincy	1719608007 USING ILYSM FOR THIS Report Comment wait the photos r broken :( by quincy; 1719608206; Report
Xerophobia [-IX-]	1708627484 about to use Report Comment
Marshall	1706221903 usinggg <3 Report Comment
amanda	1704885549 usingggg Report Comment
33	1699647409 THANK YUU Report Comment
glitch	1697868059 using! :3 Report Comment
virgil	1694485368 i like it but the font is a bit too small and blurry for me. idk html so idk what i would have to change for that Report Comment
⋆𓏲 tavryn ★ ; 🪽	1694388115 might use!! Report Comment
blu	1694334654 USING OH MY GODF I LOVE ICE NINE KILLS Report Comment
Bones	1693774692 USING ITZ SO COOL Report Comment
xxell1eex0rc1smxx	1693144016 im using it! looks amazing :) Report Comment
V1rg1l <33	1692240083 Using hope you don't mind <333 Report Comment
naomi ★,｡･:*:	1691521414 using! Report Comment
Adam Wants You Dead	1691183971 this looks SICK!! i might use it?!?! Report Comment
altermay	1690906350 I just ripped out my hair this is so cool MEOWMEOW ILL MAYBE USE!! Report Comment
Matthew / Smiles 🍀	1690762296 WUGAIHZISH USING AUXSU Report Comment
tori 𐙚	1690680069 USING🩷🩷🩷🩷🩷 Report Comment