Kenny mccormick south park layout!

Tags: kenny mccormick, south park, animation, autoplay, myl3z

Description:

!PLS COMMENT IF USE OR 4 BASE! This layout was req by a few ppl so here it is! Quick note this is probably the last request im gonna do for a while but you can still comment them I have a list of ones im going to be doing (requested or planned) Link to it: https://blog.spacehey.com/entry?id=674746! Anwyways on to the layout it has cursor kenny, autoplay music of princess kenny theme, spinning online icon, gif pfp, friends/comments pfp move when you hover, and I put some extra kenny gifs in the code so you can just copy it from and then place it wherever you want! and to get rid of it you just delete that one strand! I hope you enjoy and If u have any questions lmk!(●ˇ∀ˇ●)

Preview:

click on the image for a larger preview

Code:

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

<style>
@font-face { font-family: "South Park Font"; src: url('https://dl.dropboxusercontent.com/s/zsizn5uicxqldhn/south%20park.ttf?dl=0'); 
}'); 

}

body{
font-family: "South Park Font";
}
p{
    font-family: "South Park Font";
    color: black; 
    font-size: 100%; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: "South Park Font";
    color: black;
    font-size: 120%;  
}
.profile h1 {
    font-size: 190%;
    margin: 0 0 10px 0;
}
.profile h4 {
    margin: 0;
    font-size: 135%;
}
.profile .blurbs .section h4 {
    margin: 0;
    color: rgb(0 0 0);
}
.count {
    color:#7f2c0a!important;
}

/*471- [font color]: the link-text up to the friend photo  */
.profile .friends .person p{
 color: #fa5d11!important;

}
  body {
  background: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125530306645086268/AfHKeEL.jpg) no-repeat fixed; background-size:cover;}
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    background-image:
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url(https://media.giphy.com/media/19q8UrNXhzPoc/giphy.gif);
	background-size: cover;
	background-repeat: no-repeat;
        background-position:center;
	animation: yourAnimation 2s ease 0s 1 normal forwards;
	pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 
}

 nav .top {
        background-image: url('https://media.giphy.com/media/LT5ciNlboMGlaWpAQ3/giphy.gif');
        height: 200px; 
        background-size: 800px;
        background-position: center;
        border-radius: 5px;
        position: relative;
        border: 5px dashed black;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #3c2f2b;
        display: block;
        margin-bottom: 3px


}
.profile {
        background-color: #ffae62;
        background-size: 200px;
        position: relative;
        border: 4.5px dashed #8a4c2e;
        border-radius: 20px;
        box-shadow: 0px 0px 10px #bf9d80;
        display: block;
        background-repeat: no-repeat;
        no-repeat fixed;

}

 main {
        background-color: transparent;
        color: ;
}

    .online {
        color: #fa5d11;
        font-family: "South Park Font";
        font-size: 106%
}
    .online img {
        content: url(https://media.giphy.com/media/wAKZXqfrepPvJDRY6y/giphy.gif);
        height: 50px;
        animation: spin 1s infinite linear;
}

    .icon, .award img {
        content: url(https://media.giphy.com/media/108JHWB1hruZnq/giphy.gif);
        display: inline-block;
        height: 2.0em;
        width: 2.4em;
        margin: 0.05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);

}
:root {
    --logo-blue: ;
    --darker-blue: ;
    --lighter-blue: '';
    --even-lighter-blue: #ea762c!important;
    --lightest-blue: #ff8b41!important;
    --dark-orange: ;
    --light-orange: #ea762c!important;
    --even-lighter-orange: #ff8b41!important;
    --green: pink;
    --purple: red
}
.profile .contact, .profile .url-info, .profile .table-section, .home-actions, .blurbs {
    width: 100%;
    border: 4px dashed #88d4e2;
    margin: 10px 0;
    border-radius: 10px; 
    background: #8a4c2e8a;
}
  .comments-table{
    border: 4px dashed #8a4c2e!Important;
}

  .comment-replies{
    border: 4px dashed #8a4c2e!Important;

}
/* DELETE THIS CODE IF U WANT NO GIF PFP */
.profile-pic > img { display:none; }
.profile-pic:after { background-image: url("https://media.giphy.com/media/VKpmxJIJFodcQ/giphy.gif"); display: inline-block; content:"" }
.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */
.general-about .profile-pic:after { background-size: cover; width: 160px; height: 160px; } /* profile */ 
}

.profile .contact .f-row {
    margin: 7px;
    font-weight: bold;
    font-size: 10px;
}

a {
    color: black;
    text-decoration: none;
    font-family: "South Park Font"!important;
    font-size: 90%;
}

nav .links a {
    text-decoration: none;
    color: black;
    font-family: "South Park Font"!important;
    text-shadow: 0 0 0px ;
    font-size: 0.98em;
    font-size: 11px;

}
.links {
background: transparent !important;
background-position: center center !important;
background-color: transparent !important;
no-repeat fixed !important; 
background-size: 890px !important;
}
.heading {
background-image: url('https://cdn.discordapp.com/attachments/1067370677960704013/1125530306351468544/LhCrvfp.jpg') !important;
background-color: transparent !important;
no-repeat fixed !important; 
border-radius: 5px;
background-size: 300px !important;
background-position: bottom;

}
.blurbs:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 220px;
  background-image: url("https://media.giphy.com/media/kBhZQep3rAOB1DK3fp/giphy.gif");
  background-repeat: no-repeat;
  background-position-y: center;
  background-size: 500px;
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.col.left:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 300px;
  background-image: url("https://media.giphy.com/media/ZfAbamorlofzvpASws/giphy.gif");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: right;
  background-size: 530px;
  border-radius: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
     border: dashed;
   border-color: #bf9d80;
   border-width: 4px;
}
.col.right:after{
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 95px;
  background-image: url(https://media.giphy.com/media/r9LtWnejqEHr2Geu0s/giphy.gif);
  background-repeat: no-repeat
  background-position: center;
  background-size: 91px;
  margin-bottom: 0px;
  margin-top: 0px;
}

footer {
   background-image: url(https://media.giphy.com/media/3o6Zt12CpP5pchTsNq/giphy.gif);
   border: dashed;
   border-color: #b7000c;
   border-width: 6px;
    height: 250px;
    background-position: center;
    background-size: 900px;

}

.url-info{display:none !important;
}
/* BANNER AT TOP */
main:before {
height: 98px;
display: block;
content: "";
background-image: url(https://cdn.discordapp.com/attachments/1067370677960704013/1125530305965609021/Lat5wFm.gif);
background-position: center center;
background-size: 116px;
background-color: transparent;
margin-top: 0px;
margin-bottom: 5px;
 background-repeat: no-repeat
no-repeat fixed

}
.profile .url-info :before{
   content: "";
  white-space: pre-wrap;
  display: block;
  height: 260px;
  background-image: url("");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 500px;
  border: 5px dashed rgb(255 174 107);
  border-radius: 20px;
   box-shadow: 0px 0px 10px #0f0;
  margin-top: 10px;
  margin-bottom: 5px;
}
.comments-table td:first-child img:not(.icon), .bulletin-table td:first-child img:not(.icon), .profile .friends .person img:not(.icon){
  border-radius: 180px;
}
.comments-table td:first-child img:not(.icon):hover {
  animation: shake 0.5s infinite linear;
}
.person img:not(.icon):hover {
  animation: shake 0.5s infinite linear;


}
@keyframes spin{
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
 }
}
    @keyframes shake {
0% {
transform:translate(0px,0.3px) rotate(0.3deg);
}
8% {
    transform:translate(0px,0.5px) rotate(-0.5deg);
}

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

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

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

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

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

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

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

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

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

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

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

100% {
    transform:translate(0px,0.3px) rotate(-0.3deg);
}
<style>A:hover{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/kenny.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/Kenny.gif"), auto;}</style><style>HTML,BODY{cursor: url("https://downloads.totallyfreecursors.com/cursor_files/kenny.cur"), url("https://downloads.totallyfreecursors.com/thumbnails/kenny.gif"), auto;}</style>

<img src="https://media.giphy.com/media/YjqX2VIOBAayy7emCu/giphy.gif"/>
<img src="https://media.giphy.com/media/JvN0fqoemXSe20R0a6/giphy.gif"/>
<img src="https://media.giphy.com/media/frAqrq8f3cgwGxHfCD/giphy.gif"/>
<img src="https://media.giphy.com/media/dTNr3taRbGD8U8cq6y/giphy.gif"/>
<img src="https://media.giphy.com/media/QCVKZRSLRfSgwoR9BY/giphy.gif"/>

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

Felix_:3	1712285337 Using !! :3 Report Comment
gaylord	1709860266 using yayy thank youu Report Comment
Alone>_<	1705734495 Usando!! Gracias Report Comment
tay	1703850362 using Report Comment
sam﹗	1701241380 USING!!!! TY FOR MAKING THIS Report Comment
†ST★RZCR★ZZ†	1698688895 USING !! Report Comment
toby	1697393333 uses Report Comment
KENNY	1696789853 might use!!! ^_n Report Comment
~rexyy~	1696470129 Using:3 Report Comment
atlas / clyde / kenny	1696104206 using !!! Report Comment
Biggie	1693101653 using!! its everything i ever wanted X) Report Comment
finn Ｏ(≧∇≦)Ｏ	1690518255 Using! (: Report Comment
Bee!1!1!! ^__^	1689309258 using :p Report Comment
Kenny McCormick (OG)	1688791982 using, thank you Report Comment
Heidi turner	1688781145 HIII, can you do an Heidi one? Report Comment
cassie	1687920710 using! Report Comment
Sebastian	1687816211 using!!!!!! Report Comment Hey i just wanna say I fixed the layout so its no longer white! If you want you can update it by copy and pasting the new code! :) by Myles; 1688417997; Report
♪ COSMO/OREL ♪	1685972877 USING !!!!! Report Comment
plu	1685425054 using Report Comment Hey i just wanna say I fixed the layout so its no longer white! If you want you can update it by copy and pasting the new code! :) by Myles; 1688418013; Report
⋆ ༺Ƹ★ (ꐦ ◣‸◢) ★ Ʒ༻ ⋆	1685317128 Using:) Report Comment Hey i just wanna say I fixed the layout so its no longer white! If you want you can update it by copy and pasting the new code! :) by Myles; 1688418023; Report