kyle broflovski !!

Tags: south park, kyle broflovski, green, orange

Description:

this was a requested layout, i dont know much about south park lol ♡

layout inspired by kyle broflovski from south park ★

this layout includes:

- hidden url
- kyle floatie/image at the right side of the screen
- rounded profile and profile pictures
- custom 'spacehey' logo

feel free to change anything to your liking nd please let me know for any errors

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Tilt+Neon&display=swap');
    
        .contact .inner a img {
        font-size: 0;
    }
    .contact .inner a img:before {
        font-size: 1em;
        display: block
    }
    
    body {
        background-image: url("https://cdn.discordapp.com/attachments/726109777377362034/1079822216344109176/south-park-bus-stop.png");
        background-size: cover;
        font-family: tilt neon;
        text-transform: lowercase;
    }
    
    main {
        background-color: white;
        padding: 20px;
    }
    
    .container {
        padding: 20px;
        margin-top: 0px;
    }
    
      :root {
        --logo-blue: #39872f;
        --darker-blue: #255420;
        --lighter-blue: #EE6325;
        --even-lighter-blue: #91D189;
        --lightest-blue: #F1F9F0;
        --dark-orange: #142C11;
        --light-orange: #55B949;
        --even-lighter-orange: #F1F9F0;
        --green: #ad8bcf;
    }
    
    .profile-pic {
        border-radius: 40px;
        overflow: hidden;
    }
    
    .count {
        color: #55B949;
    }
    
      .section {color: black!important;}
       h4, nav label, {display: none;} 

    .section , .blurbs, .friends {font-size: 12px!important;
        text-align: center;
        color: #255420 ;
    }
    
    .profile .blurbs .section h4, .count {
      color: #EE6325;
      text-transform: uppercase;
   }
   
    .blurbs .inner {
       text-align: center;
   }
   
    .search-wrapper input[type=text] {
        background-color: white!important;
        border: 2px inset!important;
        font-size: 10px;
    }
    
button{
        border-radius: 10px !important;
        border: none;
        text-transform: lowercase; 
        font-family: tilt neon;
        font-size: 12px!important;
        background-color: #6fe362!important;
        color: black!important
}

    .contact {
        text-align: center;
        overflow: hidden;
        font-size : 13px;
        background: white;
        border: none!important;
    }
    
        a:visited {
        color: #8c3812!important;
    }
    
        .profile .table-section {
        font-size: 14px;
        border: none!important;
    }
    
    nav img.logo {
        content: url("https://media.discordapp.net/attachments/726109777377362034/1080178065881190510/Untitled.png");
    }
    
    
    .profile-info{
        background: transparent;
        border: none;
        font-family: luckiest guy;
        font-size: 25px!important;
        font-weight: 200;
        color: #47a33c!important;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 5px;
        margin-bottom: 1px;

    }
    
    h1 {
        width: 250px;
        font-size:50px!important;
        font-family: luckiest guy;
        font-weight: 200;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #23521d;
        text-align: center;
        line-height: 37px!important;
        display: block;
        color: #39872f;
        padding: 10px;
        margin-top: -10px!important;
    }
    
    .contact .heading , .table-section .heading {
        padding: 1px 0px !important;
        background: #EE6325!important;
        color: #ffdccc!important;
        font-size: 15px;
        text-align: center;
        border: 2px outset;
        border-color: #d46635;
    }
    
    a:hover { 
        text-decoration-style: dotted!important;
        color: #ff4f00!important;
    }
    
    .friends {
        border-radius: 25;
    }
    
    .friends {font-size: 13px!important;
        text-align: center;
        font-family: arial;
        color: #7b5b8e ;
    }
    
    .comments-table img, .person img{
    border-radius: 20px;
    box-shadow: 1px 1px 2px #783719;
}

    .online {
        content: url("https://dl.glitter-graphics.com/pub/745/745448ics8e0cvip.gif");}
    
    .url-info {
        display: none;
    }
    
    
    .top{
        border-radius: 32px 32px 0 0 !important;
    }
    
    footer {
        background: white !important;
        border-radius: 32px;
        line-height: 0px;
    }
    
    nav {
        margin-top: 1px;
        text-align: center;
        overflow: hidden;
    }
</style>

<div class="kyle"></div>

<style>
        *, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
        text-shadow: none!important;
}

    .kyle {
background: url(https://cdn.discordapp.com/attachments/726109777377362034/1080198258825105428/latest.png) no-repeat;
background-size: 100%!important;
position: fixed;
right: -3px;
bottom: -10px;
height: 401px;
width: 500px;
z-index: 1000;
}
</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 49 comments ( View all | Add Comment )

nova :3	1710698021 I don't see Kyle in the background anymore D: Report Comment right, i hosted it through discord ;; try taking any img from his wiki or whatever and replacing it by marsietis; 1710738664; Report try posting the image on tumblr then you put its url instead of the discord one :3 by Dax (⁠＾⁠∇⁠＾⁠)ゞ; 1724796341; Report
lucoa !	1705802362 saving to use later!! Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787059 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787059 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787059 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787058 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787058 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787052 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787047 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787046 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787045 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787044 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787042 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787040 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787040 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787039 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787036 Using Report Comment
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1705787031 Using Report Comment
Melz	1696625607 using!!! Report Comment
twkcrg!	1695815610 using, tysm!! Report Comment