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

Ariel	1731312432 Usingg Report Comment
eweweewe	1726431846 using!! <3 Report Comment
crimson	1722381972 using! Report Comment
jay / ken	1722056511 hiii using Report Comment
Deni X)	1722038063 Using!! Report Comment
collie !	1721345906 my saviour ……… (using) Report Comment
✿˚⊹⊱ 𝐄𝐥𝐢 ⊰⊹˚✿	1719614504 using Report Comment
EMSLUVV!!	1717629913 using !! Report 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