SNOOPY PROFILE LAYOUT!!

<style>* {cursor: url(https://cursors3.totallyfreecursors.com/thumbnails/snoopy2.gif), auto !important;}</style>

<a href="" target="_blank" style="position:absolute; top: 0px; right: 0px;"></a>



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


<div class="omori"></div>


<style>

body{

background-image:url(https://media.discordapp.net/attachments/560978162331287553/1289785807149858899/Untitled_design.png?ex=66fa1623&is=66f8c4a3&hm=377e478a0adf1d297b86cc99f61e585dcfec76f37ca7586f7bfa6b9c2534ba5f&=&format=webp&quality=lossless&width=1319&height=741);

background-size: 100% 100%;    

background-attachment: fixed;

text-transform: lowercase;

}

 .online {

display: none;

}

.online img { 

content: url("https://64.media.tumblr.com/56eef88b811e83a9a85c548fa936aff4/87968e75d0757ea8-30/s100x200/a142b8178ec4c08811fc5672a5f53f88dcfc2e15.gifv"); animation-name: none; visibility: visible; height: 20px; width: 80px; filter: none; 


}

.url-info{

display:none !important;

}

:root 

{

--logo-blue: ;

  --darker-blue: ;

--lighter-blue: ;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

        

        --table-header:black;

--table-color: white;

--link-text: white;

--main-text: white;

}

.boxHead, .rightHead, h4, .player.box {

color:black;

background-color:white;

 text-transform: lowercase;   

}

.player.box, .boxHead{

border:1px solid black;

}

a {

     animation: changeColor 5s linear infinite;

}

@keyframes changeColor{

    0%{color:white;}

    20%{color: black;}

    40%{color: white;}

    60%{color: black;}

    80%{color: white;}

    100%{color: black;}

}

.tableRight{

background-image:url(https://64.media.tumblr.com/9f53379d4fd6d9800c596cfe3ec60da8/93cb1352256cfc95-85/s75x75_c1/e0bf1aab485a6970b3ad21a2abeb741e670f2f44.gifv);

border:1px solid black;

background-size:cover;

}

.tableLeft{

background-color:white;

border:1px solid black;


}

@keyframes blinkingTextWhite {

0% {

    color: black;

}


50% {

    color: white;

}

100% {

    color: black;

}

}

div#header {

    background-color: white;

    background-position: 0px -400px;

text-align: center;

text-transform: lowercase;

    background-size: 100px;

    background-repeat: repeat;

}

div#hSub {

    color: white !important;

    background-color: black;

    text-align: center;

text-transform: lowercase;;

}

 {

    animation-name: floating;

    animation-duration: 9s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

    max-height: 650px;

    overflow-y: scroll;

    padding: 10px;

}

img{

    animation-name: floating;

    animation-duration: 9s;

    animation-iteration-count: infinite;

    animation-timing-function: ease-in-out;

}

@keyframes floating { 

    0% { transform: translate(0,  0px); } 

    50%  { transform: translate(0, 20px); } 

    100%   { transform: translate(0, -0px); } 

}

img{

filter:(100%)

}

::-webkit-scrollbar {

width: 0px;

}

.friends, person img{

border:1px solid black;

}

img:hover, .friends:hover{

      animation:shake 3s;

      animation-iteration-count:infinite;

}

@keyframes shake{

    0% {

        transform:translate(1px,1px) rotate(0deg);

    }

 

    10% {

        transform:translate(-1px,-2px) rotate(-1deg);

    }

 

    20% {

        transform:translate(-3px,0px) rotate(1deg);

    }

 

    30% {

        transform:translate(3px,2px) rotate(0deg);

    }

 

    40% {

        transform:translate(1px,-1px) rotate(1deg);

    }

 

    50% {

        transform:translate(-1px,2px) rotate(-1deg);

    }

 

    60% {

        transform:translate(-3px,1px) rotate(0deg);

    }

 

    70% {

        transform:translate(3px,1px) rotate(-1deg);

    }

 

    80% {

        transform:translate(-1px,-1px) rotate(1deg);

    }

 

    90% {

        transform:translate(1px,2px) rotate(0deg);

    }

 

    100% {

        transform:translate(1px,1px) rotate(0deg);

    }

}

.comments-table{

display:none;

}

#comments, footer{   

border: solid black;

}


nav .top{

background-color: black;

}

footer{

background-color: white;

}

.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block

}


}

 div.friends div.inner p b {

color: black;

}

    h1, .count, .friends a p{

    color: black !important;

}

.url-info{display:none !important;}

.icon, .award img {

    content: url(https://64.media.tumblr.com/9f53379d4fd6d9800c596cfe3ec60da8/93cb1352256cfc95-85/s75x75_c1/e0bf1aab485a6970b3ad21a2abeb741e670f2f44.gifv);

    display: inline-block;

    height: 2.0em;

    width: 2.0em;

    margin: 0 .05em 0 .1em;

    vertical-align: -0.3em;

    color: rgba(0,0,0,0);

}

</style>



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


<style>


<!-- IMPORTANT!! Change the link of each contact with the link of the image/gif you want to use. Recommended 20x20 size. -->


     

}


.contact .inner a img {

    font-size: 0;

}

.contact .inner a img:before {

    font-size: 1em;

    display: block;


 }

    .contact .inner a img {

        font-size: 0;

    }

    .contact .inner a img:before {

        font-size: 1em;

        display: block

    }

    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

    /* add to friends */

    content: url("https://64.media.tumblr.com/167404240c5b201a0a464534505bc8a2/a0dacecd8a5f4168-a8/s75x75_c1/9f9aded7664ed97573793e38738d36a59e4e3caa.gifv")

    }

    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

    /* add to favorites */

    content: url("https://64.media.tumblr.com/ef87c54b00f09f8409f37ffa300fb64c/a0dacecd8a5f4168-d0/s75x75_c1/f0930b0b063957cebc44bf84617cf20b285f024e.gifv")

    }

    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

    /* send Message */

    content: url("https://64.media.tumblr.com/4d16b1ec7c2a887675119897cb2583c8/a0dacecd8a5f4168-d5/s75x75_c1/2268fe599033f8c58d8db8cd85c2cf37a9c8c946.gifv")

    }

    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

    /* forward to friend */

    content: url("https://64.media.tumblr.com/6bbdf6fd7f90caeb9e6d1f51753646c0/a0dacecd8a5f4168-79/s75x75_c1/333cac75715c1a01292d0d41ea27733f79f06dd0.gifv")

    }

    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

    /* instant message */

    content: url("https://64.media.tumblr.com/ebe4166e6f66e1c713043320782d930c/a0dacecd8a5f4168-f8/s75x75_c1/fd134c28a41fa6a581734d5a06216fe8e4d27588.gifv")

    }

    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

    /* block user */

    content: url("https://64.media.tumblr.com/982ee1c2421941631910b67a223cffef/a0dacecd8a5f4168-d5/s75x75_c1/a5187c68ee44d1b2a3f97a4ec3ef5aec1119d5e8.gifv")

    }

    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

    /* add to group */

    content: url("https://64.media.tumblr.com/3003aa636543c6ea10ea6528c55196c8/a0dacecd8a5f4168-92/s75x75_c1/9b7c66bf36944a3082c221432b29dc7409300eaa.gifv")

    }

    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

    /* report user */

    content: url("https://64.media.tumblr.com/6643b2ac1957983a54cc1132341a54de/a0dacecd8a5f4168-b7/s75x75_c1/464b0235c890326a0c03ced4c467d23765ae8382.gifv")

    } </style>



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


<!-- instructions are written in the code below, make sure this note doesn't fall within your style tags otherwise the code won't work -->


<style>


div.friends-grid{

text-align:center; /* if you want them to be center */

}


.profile .friends .person p{

display:none; /* hides the original names */

}


/* IMPORTANT the name of each person on the friends list grid preview has to be filled in, otherwise the grid will not render correctly. this preview number is usually 6 to 8, so 8 are filled in */


.profile .friends .person:nth-child(1)::before{

content:"Charlie Brown";

}

.profile .friends .person:nth-child(2)::before{

content:"Woodstock";

}

.profile .friends .person:nth-child(3)::before{

content:"Lucy van Pelt";

}

.profile .friends .person:nth-child(4)::before{

content:"Linus van Pelt";

}

.profile .friends .person:nth-child(5)::before{

content:"Sally Brown";

}

.profile .friends .person:nth-child(6)::before{

content:"Pig-Pen";

}

.profile .friends .person:nth-child(7)::before{

content:"Schroeder";

}

.profile .friends .person:nth-child(8)::before{

content:"Marcy";

}


/* ALTERNATE use this part below if you want everyone to have the same name, delete the above */


.profile .friends .person::before{

content:"wow";

}


</style>


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


<style>


.profile .friends .person:first-child img:not(.icon){

content:url(https://static.wixstatic.com/media/449abe_5bcdc480851443d6b592c87fa3552f4e~mv2.jpg/v1/fill/w_764,h_764,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/cb-color.jpg);

}

.profile .friends .person:nth-child(2) img:not(.icon){

content:url(https://static.wixstatic.com/media/449abe_da6f6e862186407c867210c856d6e430~mv2.jpg/v1/fill/w_764,h_764,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/wo-color.jpg);

}

.profile .friends .person:nth-child(3) img:not(.icon){

content:url(https://static.wixstatic.com/media/449abe_6aa9b0ef9dd846da97243c4b752b7136~mv2.jpg/v1/fill/w_1080,h_1080,al_c,q_85/lu-color.jpg);

}

.profile .friends .person:nth-child(4) img:not(.icon){

content:url(https://upload.wikimedia.org/wikipedia/en/5/5e/Linus_van_Pelt.gif);

}

.profile .friends .person:nth-child(5) img:not(.icon){

content:url(https://i0.wp.com/www.toonsmag.com/wp-content/uploads/2023/12/photo-output_5-14.jpeg?fit=758%2C569&ssl=1);

}

.profile .friends .person:nth-child(6) img:not(.icon){

content:url(https://static.wixstatic.com/media/449abe_4033e676ca824cbe9d2f75a673711964~mv2.jpg/v1/fill/w_764,h_764,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/ot-color.jpg);

}

.profile .friends .person:nth-child(7) img:not(.icon){

content:url(https://upload.wikimedia.org/wikipedia/en/b/b7/Schroeder_Piano.png);

}

.profile .friends .person:nth-child(8) img:not(.icon){

content:url(https://static.wikia.nocookie.net/peanuts/images/8/8e/Marcie-reading.png/revision/latest/scale-to-width-down/250?cb=20220810144513);

</style>


<style></style>



<img src="https://64.media.tumblr.com/f35ffec730d04c2e001bd951047f9906/a1174b52881556f2-50/s250x400/f151cfb2f57b98f3aff686dd70470030c2111292.gifv" width="150" height="20"/>


ENJOY!!! 


Picture: 

<a href="https://ibb.co/s9jRxdy"><img src="https://i.ibb.co/nMrmdNz/Screenshot-2024-09-29-000132.png" alt="Screenshot-2024-09-29-000132" border="0"></a>


2 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

YumeiYoop

YumeiYoop's profile picture

image wont pop up but i promise its so cute!! i did it for a friend of mine so if you wanna see what it looks like head to
https://spacehey.com/lamekat


Report Comment