CLOWNCORE/KIDCORE LAYOUT!!!!

Tags: weirdcore, kidcore, dreamcore, clowncore

Description:

It took me so long, but here's a sweet layout i made for all my clown homiez out there. PLEASE CREDIT ME SOMEWHERE ON UR PAGE IF U USE IT <3

Preview:

click on the image for a larger preview

Code:

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

<!-- (c) Layout created by Samantha Alvarado (https://spacehey.com/profile?id=1664298) -->


<style>
.profile {
  background-color: transparent;
}
</style>
  
  <style>
    body{
        
    background-color: pink ;
    background-image: url(https://static.tumblr.com/b2fa0f7ed64c971d8e089efa67888a7b/48n7vs2/NTKoxq9pl/tumblr_static_tumblr_static__focused_v3.gif) ;
    background-attachment: scroll; 
    background-repeat: repeat ;
    background-position: center ;
        
    }
</style>

<style>
    main{
     
    background-color: transparent !important;
    background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTWhClCwtF9F98qiziCAO26nvHUimTIBB7dBrXDZE7dLRuoaUV5JzMyMz2tNt5bwlJnVRA&usqp=CAU) !important;
    background-attachment: scroll !important;
    background-repeat: repeat !important;
    background-position: left !important;
        
    }
</style>
<style>
    .top{
        
    background-color: transparent !important;
    background-image: url(https://cdn.shopify.com/s/files/1/0233/4575/products/Bright-Rainbow-Sprinkle-Surprise-Sprinkle-Blend_1000x.jpg?v=1596745014) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: down
    !important;
        
    }
</style>
<style>
    .links{
        
    background-color: pink !important;
    background-image: 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>
    .top input{
        
    background-color: pink !important;
    background-image: 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: pink !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>
    h1{
        
    background-color: pink !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>
    .general-about{
        
    background-color: pink  !important;
    background-image: url('https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .mood{
        
    background-color: COLOR !important;
    background-image: url('https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .mood{
        
    background-color: transparent !important;
    background-image: url('https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .contact{
        
    background-color: COLOR !important;
    background-image: url('https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    table.details-table{
        
    background-color: transparent !important;
    background-image: url(https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: COLOR !important;
    background-image: 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>
    .blog-preview{
        
    background-color: COLOR !important;
    background-image: url(https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .blurbs{
    
    color: COLOR !important;
    background-color: COLOR !important;
    background-image: url(https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .friends{
        
    background-color: COLOR !important;
    background-image: url(https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .comments-table td{
        
    background-color: COLOR !important;
    background-image: url(https://gifdb.com/images/high/kawaii-pink-rainbow-9e2mirlrzec1k7kw.gif) !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
        
    }
</style>
<style>
    .logo{
        
    background-color: COLOR !important;
    background-image: url(https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    footer{
        
    background-color: transparent !important;
    background-image: url(https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif) !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>
<style>
    .contact .heading{
        
    background-color: transparent !important;
    background-image: url(https://media0.giphy.com/headers/jmckeehen/s2wy7iphPP98.gif);
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .table-section .heading{
        
    background-color: pink !important;
    background-image: url();
    background-repeat: repeat;
    background-position: center;
    
    }
</style>
<style>
    .blog-preview h4{
        
    background-color: pink;
    background-image: url();
    background-repeat: repeat;
    background-position: center;

    }
</style>
<style>
    .friends .heading{
        
    background-color: pink !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>

Posted by heath
posted 1 year ago
updated 1 year ago

 Forum: HTML Group

 View Topics
 View Profile
<style>
    .blurbs .heading{
        
    background-color: pink !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>
<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/4LFrN00hkfRPJuYFmCKuSH?utm_source=generator" width="100%" height="352" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>
<style>
.online{

content: url(https://dl.glitter-graphics.com/pub/745/745455rvacxjsot2.gif -- go to www.glitter-graphics.com) !important;

}
</style>
<style>
    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
</style>

<div class="snowflakes">
<div class="snowflake"><img src=""/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src=""/></div>
<div class="snowflake"><img src=""/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.pinimg.com/originals/ed/76/df/ed76df1b5da78ca7317a01cf9a648d0c.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
<div class="snowflake"><img src="https://i.ibb.co/C6yyxTz/sparkle.gif"/></div>
</div>


<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<style>
main:before {
width: 100%;
height: 350px;
display: block;
content: "";
background-image: url('https://i.pinimg.com/originals/df/88/44/df88440e4e6379b5a6dfa0abefa565bc.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 300px;
}
}
</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 20 of 23 comments ( View all | Add Comment )

Kat!!!!	1739367450 USING X Report Comment
blombilious_the_III	1733630711 using! also quick question, how do i change/get rid of the spotify playlist? theres nothing wrong with it, i just wanted to add/remove some songs :]. insanely good layout otherwise! Report Comment
☾⋆⁺₊⋆ 𝖍𝖚𝖇𝖊𝖗𝖙	1732394870 using it!! Report Comment
Angie XD	1731876691 Usando :D Report Comment
skibidigoop	1725991811 uzinggg Report Comment
∑GexxeG	1713672151 using Report Comment
˚₊· ͟͟͞͞➳❥ VAN	1713574004 using! <3 Report Comment
FLAME	1711530918 Using Report Comment
Ruji!! 0_o	1708570897 Using :D Report Comment
!!Vincent!! X3	1701488067 Using!!! :o]] Report Comment
☆ vincent/ vivian !☆	1700710614 used Report Comment
hypnodrea	1699415938 using !! thx!! Report Comment
possumsporch	1697217731 USING Report Comment
O_o ruikun	1695340093 may be using :3 Report Comment
Yuri	1692533687 using! Report Comment
Andre@ebullicion	1688946653 Usando :D Report Comment
Teary.eyed.clown	1688800198 using Report Comment
Snapso	1688337047 Using!!! :D Report Comment
Chillydog	1687708012 Using!! Report Comment