spamton layout!!?!1/1!

Tags:

Description:

this is just another layout reskin I did with a few new stuffs!! added things: -added gifs -working music player -upper banner photo original layout credits go to: https://layouts.spacehey.com/layout?id=3403

Preview:

click on the image for a larger preview

Code:

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

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

<style>


main:before {
 width: 100%;
 height: 200px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/564x/10/34/e0/1034e02271cca5f36974257114336ab8.jpg');
 background-position: center center;
 background-size: cover;
 border-radius: 30px;
 border-style: dashed;
 border-color: white;
 box-shadow: 0px 0px 10px;
 </style>


<div class="melody"></div>
<div class="kuromi"></div>
<style>


    .contact:after {
        width: 98%;
        height: 179px;
        display: block;
        content: "";
        background-color: transparent;
        background-image: url('https://media.tenor.com/pSsYUY_EApYAAAAi/get-unfake-spamton.gif');
        background-position: center;
        background-size: 230px;
        background-repeat: no-repeat;
    }
    
    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        content: " ★ ";
        color: white;
    }
    
    body {
        background-image: url(https://i.pinimg.com/564x/e6/4b/8d/e64b8d15d9cb8fd21cc878bb61f86bdc.jpg);
        background-size: 800px;
        background-attachment: fixed;
    }
    
    nav .top {
        background-image: url(https://media.tenor.com/fRuIbF4RpIkAAAAC/deltarune-spamton.gif);
        background-size: 380px;
        padding: 30px;
        background-position: center;
        border-radius: 30px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px;
    }  

    
    .profile {
        background-image: url('https://steamuserimages-a.akamaihd.net/ugc/1809894273642668154/15F1F2AC82FAEF4BAABA3962227F0FFC7C79005C/?imw=512&&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=false');
        background-size: 1100px;
        background-attachment: fixed;
        border-radius: 20px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 13px;
    }
    
    main {
        background-color: transparent;
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
    }
    
    nav .links {
        background-color: transparent;
        text-shadow: 0px 0px 5px white; !important
    }
    
    .profile-pic {
        border-color: white;
        box-shadow: 0px 0px 10px;
        border-radius: 7px;
        overflow: hidden;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;

    }
    
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border-color: white;
        border-style: dashed;
        border-radius: 6px;
        overflow: hidden;
        box-shadow: 0px 0px 5px;
    }
    
    table.details-table td {
        background-color: #ffbdd961!important;
        box-shadow: 0px 0px 3px white;
        border-radius: 6px;
    }
    
    .heading {
        margin-top: 3px;
        margin-bottom: 4px;
        background-color: transparent !important;
        color: white !important;
        border-bottom: 2px dashed;
    }
    
    .container {
        border-radius: 5px 5px 0 0;
        margin-top: 15px;
    }
    
    footer {
        border-radius: 5px;
        border-style: dashed;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        background-image: url(https://i.ytimg.com/vi/Xo7zzng6Svw/maxresdefault.jpg);
        display: block !important;
    }
    
    table.comments-table td {
        background-color:  #ffbdd961!important;
        border-style: dashed;
        box-shadow: 0px 0px 10px;
        overflow: hidden;
        padding: 5px;
    }
    
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 8px;
        border-style: dashed;
        border-color: white;
        overflow: hidden;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .profile .friends .person img {
        border-radius: 8px;
        border-color: white;
        box-shadow: 0px 0px 10px white;
        animation-name: example;
        animation-iteration-count: infinite;
        animation-duration: 1.4s;
    }
    
    .blog-preview p {
        font-size: 1.3rem;
        background-color: #ffbdd961;
        border-style: dashed;
        box-shadow: 0px 0px 5px;
        padding: 10px;
    }
    
    .online {
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
        font-weight: bold;
        font-size: 95%;
    }
    
    .online img {
        content: url(https://media.tenor.com/cqx5Abz1Hp8AAAAi/deltarune-spamton.gif);
        height: 2.5em;
        margin-right: 5px;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-duration: 2s;
    }
    
    .icon, .award img {
        content: url(https://static.wikia.nocookie.net/deltarune/images/1/11/Pipis_battle_static.gif/revision/latest?cb=20211015061248&path-prefix=zh);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
    }
    
    .profile .blurbs .section h4 {
        margin: 0;
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    a {
        color: #ff70b0;
        text-shadow: 0px 0px 10px white; !important
        text-decoration: none;
    }
    
    a:hover {
        animation:blinkingText 1.2s infinite;
    }
    
    @keyframes blinkingText{
        0%{     color: #ff70b0;    }
        50%{    color: cyan; }
        100%{    color: #ff70b0; }
}
     
    .comments-table td:first-child {
        background-image: url('https://data.whicdn.com/images/321706573/original.png');
        background-size: 400px;
        background-position: absolute;
    }
    
    .count {
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
    }
    
    .details-table td:first-child {
        background: var(--even-lighter-blue);
        color: #ff70b0;
        text-shadow: 1.3px 1.3px 0px white;
        font-weight: bold;
        width: 33%;
    }

    .profile-info {
        background-image: url('https://i.pinimg.com/564x/db/fb/81/dbfb8171b37cd50f0da5eb14444f63f2.jpg');
        background-size: 600px;
        border: 2px solid white;
        box-shadow: 0px 0px 10px white;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 5px;
        margin-bottom: 10px;
    }

    .profile .friends .person p {
        color: white;
        text-shadow: 1px 1px 0px #ff70b0;
        font-weight: bold;
        width: 100%;
        word-break: break-word;
        font-size: 100%;
        text-align: center;
    }
    
    @keyframes example {
0% {
transform:translate(0px,0.3px);
}
8% {
    transform:translate(0px,0.5px);
}

16% {
    transform:translate(0px,1px);
}

24% {
    transform:translate(0px,1.5px);
}

32% {
    transform:translate(0px,2px);
}

40% {
    transform:translate(0px,2.5px);
}

48% {
    transform:translate(0px,3px);
}

56% {
    transform:translate(0px,3.5px);
}

64% {
    transform:translate(0px,3px);
}

72% {
    transform:translate(0px,2.5px);
}

80% {
    transform:translate(0px,2px);
}

88% {
    transform:translate(0px,1.5px);
}

96% {
    transform:translate(0px,0.5px);
}

100% {
    transform:translate(0px,0.3px);
}
</style>

<img src="https://media.tenor.com/7AZk-wD9WPoAAAAi/spermton-spamton.gif"/>


<a href="https://i.imgur.com/Pk7Mdvh.gif"><img src="https://i.imgur.com/Pk7Mdvh.gif" title="source;"/></a><a></a>


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

remove this from the about me section and paste into the who id like to meet section:(optional)

<a href="https://media.tenor.com/RHfFDsuFYNYAAAAi/spamton-deltarune.gif"><img src="https://media.tenor.com/RHfFDsuFYNYAAAAi/spamton-deltarune.gif" title="source;"/></a><a></a>

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

Lamola	1743632000 [[ USING SINCE 1997]]] Report Comment
vxl~tine	1739408574 using Report Comment
fable (artist/writer)	1737248822 using (music player) Report Comment
guardianofthementally1ll	1727637060 using (banner) !!!!! Report Comment
Rattz★Babyzz⋆.ೃ࿔*:･	1723589655 usingg Report Comment
Floof	1722548157 Not using rn but I might in the future, this looks awesome !! Report Comment
Grib. G. Spamton1997	1721749050 USE Report Comment
Cumnion	1719278481 Using cuz epci sauce :3 Report Comment
\|\|$!M0N\|\|	1716655294 USING!!!! Report Comment
moonlight	1706942014 using! thank you <3 Report Comment
Joeyrony	1705070159 using Report Comment
Nightmare	1704422738 using Report Comment
[S] gumball	1704036344 using Report Comment
turntable	1691950280 useing Report Comment
NONAGON	1687548574 USING XDD Report Comment
Martin 📼	1683870012 USING!!!! Report Comment
Cass ˗ˏˋ ★ ˎˊ˗	1678844850 using !! <33 Report Comment
Polka	1672592170 Just found this wonderful layout, very laggy when I scroll but it's worth it. THIS IS BEAUTIFUL!!!! Report Comment Fixed the lag! by Polka; 1672593105; Report ASSHSHH TYSM AND YW!!!!!!!! by TooLazyToChange; 1672606108; Report
zomxy	1666802166 W LAYOUT SPAMTONG LAYOUT Report Comment AAAAAAAAAA TY!!! X) by TooLazyToChange; 1666811173; Report
fruitz	1666645882 this is awesome Report Comment thankz!! by TooLazyToChange; 1666646086; Report