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

SleeplessBrain	19 days ago Using!! Report Comment
ZERIN	29 days ago using ^_^ Report Comment
bear	29 days ago hey, I tried to use this, but it was missing some gifs and images :( Report Comment using, I figured out how to fix the missing components by bear; 29 days ago; Report
Linxun 0_o	1 month ago USING!! Report Comment
𓏵 ⋮ KENNY OR BUTTERS ₊ ⊹	1 month ago USINGSGSS Report Comment
~•~𖤐Psych0z𖤐~•~	2 months ago Using!! X3 Report Comment
Luzoca ⑅	2 months ago Usando!! Report Comment
saturnbread	3 months ago usinnggggg :3 Report Comment
Raspberry heaven..	3 months ago oh god Report Comment
🍃Ariel‍💫	4 months ago Usingg Report Comment
eweweewe	6 months ago using!! <3 Report Comment
crimson	8 months ago using! Report Comment
jay / ken	8 months ago hiii using Report Comment
Deni X)	8 months ago Using!! Report Comment
collie !	8 months ago my saviour ……… (using) Report Comment
✿˚⊹⊱ 𝐄𝐥𝐢 ⊰⊹˚✿	9 months ago using Report Comment
🪦 STAN !!	10 months ago using !! Report Comment
Felix_:3	1 year ago Using !! :3 Report Comment
gaylord	1 year ago using yayy thank youu Report Comment
Alone>_<	1 year ago Usando!! Gracias Report Comment