← Back to Layouts
80s Slasher Halloween Layout

Name: FriendRewind
Author: FriendRewind
Author: xXPanikPuppy_ParkerXx
Category: Vintage
Created: September 5, 2026
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style id="fr-vb2">
/* VB2_STATE:{"cursorUrl":"","overlayUrl":"","overlayOpacity":0.2,"avatarAnimation":"","pageFont":"","useLiveProfile":true,"previewUrl":"/profile?id=4","pageBgImage":"","pageBgMode":"cover","heroImageUrl":"","profileRowBgImage":"","profileRowBgMode":"cover","navBgColor":"#2b333f","navBgImage":"","navBgMode":"cover","navLinkColor":"#ffffff","navLinkHover":"#66aaff","boxBgColor":"#ffffff","boxOpacity":1,"boxRadius":8,"contactHeaderBg":"#4169E1","contactHeaderText":"#ffffff","contactContentBg":"#ffffff","contactBorderColor":"#4169E1","contactBorderWidth":1,"contactBorderRadius":5,"contactBoxAnimation":"","interestsHeaderBg":"#DAA520","interestsHeaderText":"#ffffff","interestsContentBg":"#ffffff","interestsBorderColor":"#DAA520","interestsBorderWidth":1,"interestsBorderRadius":5,"contentBoxAnimation":"","textBody":"#000000","textHeading":"#000000","textLink":"#0066cc","headingShadowColor":"#000000","headingShadowBlur":2,"headingShadowEnable":false,"moduleImages":{"contact":"","urlInfo":"","tableSection":"","tunes":"","blogPreview":"","blurbs":"","friends":"","Comments Background":"","comments":""}} */
/* Generated by FriendRewind.com Visual Builder */
</style><style>


/* FR_MANUAL_EXTRAS */
</style>
<style>


/* FR_MANUAL_EXTRAS */
</style>
<style>

@import url('https://fonts.googleapis.com/css2?family=Finger+Paint&family=Short+Stack&display=swap');

:root {

        --logo-blue: url('https://i.postimg.cc/t4Z9m14f/image.png');

        --darker-blue: url('https://i.pinimg.com/736x/15/d2/97/15d29764f7eb28f4365a4e675337ff14.jpg');

        --lighter-blue: url('https://i.postimg.cc/RhBT2n9x/image.png');

        --even-lighter-blue: url('https://i.pinimg.com/736x/15/d2/97/15d29764f7eb28f4365a4e675337ff14.jpg');

        --lightest-blue: url('https://i.pinimg.com/736x/15/d2/97/15d29764f7eb28f4365a4e675337ff14.jpg');
        --dark-orange: url('https://i.postimg.cc/RhBT2n9x/image.png');

        --light-orange: url('https://i.postimg.cc/RhBT2n9x/image.png');

        --even-lighter-orange: url('https://i.pinimg.com/736x/15/d2/97/15d29764f7eb28f4365a4e675337ff14.jpg');

        --green: darkgreen;

        --red: green;

    }

body {
background: url('https://i.postimg.cc/jSrJXhMn/image.png');



}

 
 @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, -2px) rotate(0deg);
 }
 }

nav .top {
background: --logo-blue;
background-size: contain;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
color: white;
text-shadow: 5px 5px 15px green;
}

main {
background: url('https://i.pinimg.com/1200x/90/37/73/9037735f2a0dbf84d76bc4c565a8718d.jpg');
background-size: contain;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
color: black;
font-family: 'short stack';
}
  
body.profile-page main {
background: url('https://i.postimg.cc/rsk97tTx/image.png');
background-size: contain;
color: black;
font-family: 'short stack';
  }


.profile h1 {
  font-size: 2.5em;
  margin: 0 0 10px 0;
 font-family: 'finger paint';
animation: shake 0.5s infinite;
}

 .profile .friends .heading { 
background: var(--light-orange);
background-size: 50%;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
font-family: 'short stack';
text-shadow: 3px 3px black;
color: orange;
}

.profile .blurbs .heading {
background: var(--dark-orange);
background-size: 50%;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
font-family: 'short stack';
text-shadow: 3px 3px black;
color: orange;
}


.profile .contact .heading {
background: var(--lighter-blue);
background-size: 50%;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
color: orange;
font-family: 'short stack';
text-shadow: 3px 3px black;
}

.profile .table-section .heading {
background: var(--lighter-blue);
background-size: 50%;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
color: orange;
font-family: 'short stack';
text-shadow: 3px 3px black;
}

body.profile-page .details-table td:first-child {
background: var(--even-lighter-blue);
background-size: contain;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
color: black;
}

body.profile-page .details-table td {
background: var(--lightest-blue);
background-size: contain;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
color: white;
}
  
 body.profile-page .details-table td, body.profile-page .details-table td:first-child {
  background: var(--lightest-blue) !important;
  background-size: contain;
  color: white;
}


.comments-table td:first-child {
background: var(--even-lighter-blue);
background-size: contain;
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
}

.comments-table td {
background: var(--even-lighter-orange);
background-size: contain;
color: white
border: 2px solid black;
border-radius: 3px;
box-shadow: 0px 0px 14px black;
}

.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://i.postimg.cc/kGMdqGF8/6f947075.gif');

}

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

	/* Add to Favorites */

	content: url('https://i.postimg.cc/Gt31dtJk/ad3ea8b1.gif');
}

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

	/* Send Message */

	content: url('https://i.postimg.cc/ZnYh4nF6/90663599.gif');
}

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

	/* Forward to Friend */

	content: url('https://i.postimg.cc/1XRZsXcG/b14b6f1a.gif');

}

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

	/* Instant Message */

	content: url('https://i.postimg.cc/d3QKw3mR/3aa5dce7.gif');

}

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

	/* Block User */

	content: url('https://i.postimg.cc/ZnYh4nFN/7d173b5b.gif');

}

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

	/* Add to Group */

	content: url('https://i.postimg.cc/7hPywhM0/efc6d0e1.gif');

}

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

	/* Report Profile */

	content: url('https://i.postimg.cc/XqN04qcc/9e91972e.png');

}

main:before {

	width: 100%;

	height: 200px ;

	display: block;

	content: "";

	background-image: url('https://i.postimg.cc/8PgdCvqw/3771540d7b662f2df497a56f55dc31b9.gif');

	background-position: center center;

	background-size: cover;

}


</style>