← Back to Layouts
Nostalgic Halloween layout

Name: FriendRewind
Author: FriendRewind
Author: test account
Category: Holiday
Created: September 8, 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>

* { cursor: url('https://cdn.cursors-4u.net/previews/purple-halloween-bat-b4289403-32.webp') 32 32, auto !important; }

body {
background: url(https://i.pinimg.com/736x/a4/bc/6f/a4bc6fa633855cf9feb24f51ca55585c.jpg) no-repeat fixed;
background-size: cover;
background-position: bottom; }
  
/*filter over profile*/
body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: none; }  
  
  
/*main background*/
.profile {
background: url(https://i.pinimg.com/736x/1b/2c/c1/1b2cc1262e9fa4e221d926978d399c67.jpg) repeat;
background-size: fit; 
border-radius: 0px 0px 3px 3px; 
margin-top: -30px; 
border: 2px solid black;
box-shadow: 0 0 10px black; }
 
/*lace border*/
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, .blog-preview, .blurbs, .friends {
border: 23px solid rgba(0,0,0,0);
border-image: url("https://fluorescent-lights.neocities.org/frill-border.gif") 23 round;
background-clip: padding-box !important; }
  
/*banner*/
main:before {
 height: 100px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/46/26/6f/46266fda018fa0e7627f840ccc0ef0fe.gif');
    background-size: fit;
    background-position-x: center;
    background-position-y: 734px;
    filter: brightness(0.6);
    border: 2px solid black;
    box-shadow: 0 0 20px 7px black;
    border-radius: 3px;
    margin-bottom: 40px;
  margin-top: -30px;}
  
  
 /****nav****/
 nav .top {
background: url(https://i.pinimg.com/originals/45/f6/6b/45f66ba293477deab5ccdbfefc093bc4.gif);
background-repeat: no-repeat;
background-position: center;
background-size: cover;  
border-radius: 5px 5px 0px 0px; 
border: 2px solid black; margin-top: 0px; }
  
.logo {filter: saturation(110%);
content:url("https://64.media.tumblr.com/e882793f9fa536e85fe94232b4c11456/25e84a781c5fb9e3-72/s250x400/3e6697746dcd920778e5824a0d7ac09fd9ca613e.gifv");
width: 70px; }

nav .links {
border-radius: 0px 0px 3px 3px;
border: 2px solid black;
border-top: none;
background: linear-gradient(#ffe599ff, orange); }
nav .links a {
color: white;
text-shadow: 1px 1px 0px black; }
nav .links a:hover {
color: yellow; }
  
  
/*profile pic border*/ 
.profile-pic img {
  border-radius: 3px; 
  width: calc(94%) !important;
  height: calc(93%) !important; 
  margin-top: 8px; margin-left: 4px; 
  filter: saturate(140%) !important; }    
.profile-pic {
  position: relative;
  display: inline-block;
  size: 0; }
.profile-pic::after {
  content: "";
  position: absolute;
top: -8px;
  left: -10px;
  width: calc(100% + 21px);
  height: calc(100% + 20px);
  background-image: url("https://64.media.tumblr.com/b07b05c407e300aef8888ffa5369b6d6/11a43739b8113adf-da/s250x400/2fc0800ae4af798255401f55ef5b866c62748717.gif");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 2; }  

/* online */
  .online img {
content: url("https://www.myspacegens.com/images/online_now/331.gif");
animation: none; 
filter: contrast(130%); }
/* mood */
.profile-mood::before {
content: "Lalala ";
font-weight: bold; 
padding-left: 30px; }
  
  
/****contact icons...****/
.icon {
display: none; }
/*add 2 friends*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before { content: url("https://64.media.tumblr.com/9cc067789296f3c69a85655f903a8197/1c01c833085dd12f-d5/s75x75_c1/41605f0833600537128a249f96bc46b0c9a90b60.gif") !important;}
/*add 2 favorites*/
 .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before { content: url("https://64.media.tumblr.com/a11aa068767044b4193c77180d6048ee/e6a0f2128bf17e7a-56/s75x75_c1/387aa1a454a0cbf9e03b58391219fa782a7cdab8.gifv") !important; }  
/*block ?*/
 .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before { content: url("https://64.media.tumblr.com/c8f1b9f7934a565cf7f563f7b65c7299/e6a0f2128bf17e7a-a7/s75x75_c1/27296df2cd983d26f7fe0cf243df25579354a430.gifv") !important; }
/*send message*/
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
content: url("https://64.media.tumblr.com/6b3c7e71225d554b5cdf234510c00bbb/3b9a730faba52151-5b/s75x75_c1/47dd782e2ed870a93910f00587b224cb409ee240.gifv") !important; }
/*invite 2 group*/
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
content: url("https://64.media.tumblr.com/ede4d769117d0f7e5cb28c4159117706/5c2e92e6a14ef5bd-9a/s75x75_c1/589cc7bca8e0d8a059caccf16829a9cb284f7138.gifv") !important; }
/*report user*/
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
content: url("https://64.media.tumblr.com/85bf017758f2bc9a8122894c946bc34b/3b9a730faba52151-d4/s75x75_c1/d2ba98b2e34a7a667410fd464851cd89a06927f3.gifv") !important; }

/****PHOTOS****/
.profile .photos-preview {
border-radius: 4px; 
border-color: black; 
background: linear-gradient(white 45%, #a6a6a6ff) !important; }
.profile .photos-preview .heading { 
padding: 5px; 
background: url(https://i.pinimg.com/originals/17/98/fe/1798fe750a28b1e9fa803f9a85ce841f.gif) no-repeat;
background-size: cover;
border-bottom: 2px solid black; 
color: #8217b0; 
display: flex;
justify-content: space-between;
align-items: center; }
.profile .photos-preview .heading::after{
  content: " X ";
text-align: center;
text-shadow: 1px 0px 0px;
  display: inline-block;
  width: 18px;   /* Width of X box */
  height: 18px;
border-radius: 4px; 
margin-right: 3px; }
/*photos images*/
.profile .photos-preview img {
border: 1px solid #8217b0;
margin: 0px !important; 
width: 100px; }
/****BLOG****/
.blog-preview {
border: 2px solid black !important;
border-radius: 4px; 
border-color: black;
padding-left: 4px; 
color: #ff0000;  
background: url(https://i.pinimg.com/736x/74/aa/2d/74aa2d7060b221f04522ada6c0e959b2.jpg) !important;
background-size: cover;
background-position-x: center;
background-position-y: -5px !important; }
/****BLURBS****/
.profile .blurbs {
border: 2px solid black !important;
border-radius: 4px; 
border-color: black; 
background: linear-gradient(#8217b0 5%, black) !important; }
.profile .blurbs .heading { 
padding: 5px; 
background: url(https://i.pinimg.com/originals/17/98/fe/1798fe750a28b1e9fa803f9a85ce841f.gif) no-repeat;
background-size: cover;
border-bottom: 2px solid black; 
color: #8217b0; 
display: flex;
justify-content: space-between;
align-items: center; }
.profile .blurbs .heading::after {
  content: " X ";
text-align: center;
text-shadow: 1px 0px 0px;
  display: inline-block;
  width: 18px;   /* Width of X box */
  height: 18px;
border-radius: 4px; 
margin-right: 3px; }
/****CONTACT****/
.contact {
border-radius: 4px;
border-color: black !important; 
background: linear-gradient(#dbf60fff 45%, black) !important; }
.profile .contact .heading { 
padding: 5px; 
background: url(https://i.pinimg.com/originals/17/98/fe/1798fe750a28b1e9fa803f9a85ce841f.gif) no-repeat;
background-size: cover; 
border-bottom: 2px solid black; 
color: #8217b0; 
display: flex;
justify-content: space-between;
align-items: center; }
.profile .contact .heading::after{
  content: " X ";
text-align: center;
text-shadow: 1px 0px 0px;
  display: inline-block;
  width: 18px;   /* Width of X box */
  height: 18px;
border-radius: 4px; 
margin-right: 3px; }

/****SQUINKY AFTER NAME TEST****/
.w-40 h1:after {
content: "" !important; /**so it can make da box*/
display: inline-block; 
width: 30px !important;
height: 30px !important;
background-image: url(https://i.pinimg.com/originals/f7/88/19/f78819162ac9179ee0efe781e9de82fc.gif);
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important; }
  

/****INTERESTS****/
.profile .interests {
border-radius: 4px !important;
border-color: black !important; }
.profile .interests .inner {
background: linear-gradient(#8217b0 45%, black) !important; }
.profile .interests .heading { 
padding: 5px; 
background: url(https://i.pinimg.com/originals/17/98/fe/1798fe750a28b1e9fa803f9a85ce841f.gif) no-repeat;
background-size: cover; 
border-bottom: 2px solid black; 
color: white; 
display: flex;
justify-content: space-between;
align-items: center; }


/****URL INFO****/
.url-info {
border-radius: 4px;
border-color: black !important; 
background: url(https://i.pinimg.com/736x/2d/9c/4d/2d9c4d98c8fe3650fa91bd6c15e820fd.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: -30px;
background-size: cover;
text-shadow: 1px 1px 0px black !important;
color: white; }

 /****friends imgs****/
.profile .friends .person img {
 border-radius: 2px; 
 border: 2px solid black; }
 /****friends user color****/
 .profile .friends .person p {
color: #dbf60fff; }
/****friends header + custom text****/
.profile .friends .heading {
font-size: 0px; 
border: 2px solid black !important;
border-radius: 1px; 
border-color: black; 
padding: 5px; 
background: url(https://i.pinimg.com/1200x/60/ee/88/60ee88e35cc5e70ef35661b39b15deec.jpg);
background-repeat: no-repeat;
background-position: top;
background-size: cover; }
.profile .friends .heading:after {
content: "SUPA KOOL FRIENDS!!";
font-size: 13px !important;
display: block; }
.profile .friends .heading a {
font-size: 13px !important;
display: inline !important;
padding-right: 10px !important; }
/****custom comment heading.****/
#comments .heading {
font-size: 0px !important; }
#comments .heading:after {
content: "trick-or-treaters🍬🍭🍫" !important;
font-size: 13px !important;
display: block; }
/*count color*/
.count {
color: white; }

/*def3cts pfp*/
.profile .friends .person:first-child img {
content: url("https://i.pinimg.com/originals/bd/84/67/bd8467a603f86affa3ce8f4293871405.gif") !important;
object-fit: cover;
object-position: center;}

  

/****comments****/
.comments-table {
border: 2px solid black !important;
border-radius: 4px; 
border-color: black; }
/****comments left side****/
.comments-table tr td:first-child {
border: 2px solid black !important;
border-radius: 0px 0px 2px; 
border-color: black; 
background: url(https://i.pinimg.com/originals/14/26/57/142657a12799dbc12e031b1b9d4622df.gif) !important;
background-repeat: no-repeat !important;
background-position: top !important;
background-size: cover !important; }
/*comments pfp...not working 4 sum reason...*/
.comments-table tr td:first-child img {
border: 2px solid black;
border-radius: 5px !important; }
/****comments right side****/
.comments-table td {
border: 2px solid black !important;
border-left: none !important;
border-radius: 0px 0px 2px; 
border-color: black; 
background: url(https://i.pinimg.com/1200x/66/b4/90/66b49026ea65ca307f5da872e1f9cc00.jpg) !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
color: #ff9900ff; 
text-shadow: 0px 1px 1px black; }
/****like button****/
.cb-like-btn {
border: 2px solid black !important;
border-radius: 0px 0px 2px; 
border-color: black; 
color: white !important;
text-shadow: 1px 2px 0px black !important;
background: url(https://i.pinimg.com/originals/c0/c4/4c/c0c44c7773572e6f7ca220968a34dc63.gif) !important;
background-repeat: no-repeat !important;
background-position: top !important;
background-size: cover !important; }

  
  

 /****headings profile links****/
h1, h2, h3, h4 a {
color: #d8ea4fff ! important;
text-decoration:;
text-shadow: none !important; }
h1, h2, h3, h4 a:hover {
color: orange !important; }
/****general profile links n highlight****/ 
a {
color: #ff9900ff;
text-decoration:; 
text-shadow: 1px 1px 0px black; }
a:hover {
color: white; }
::selection {
/* Change highlight background color */
background: none;
/* Change highlight text color */
color: #FFFFFF; 
text-shadow: 0px 0px 5px #ff9900ff; } 
  
/****scroll bar****/ 
::-webkit-scrollbar {
width: 2 !important;
background: black; }
::-webkit-scrollbar-thumb {
background: linear-gradient(#ff7400ff/*orange*/ 10%, black 20%, #dbf60fff/*green*/ 30%, black 40%, #8217b0/*purple*/ 50%, black 60%, #ff7400ff/*orange*/ 70%, black 80%, #dbf60fff/*green*/ 90%, black 100% ) !important;
border-radius: 2px; }


  

/****headings shadows****/
h1, h2, h3, h4 {filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white) !important;}
h1 {color: yellow;}
.profile .friends .heading:after {
filter: drop-shadow(0px 1px black) drop-shadow(0 -1px black) drop-shadow(1px 0 black) drop-shadow(-1px 0 black) drop-shadow(0px 1px white) drop-shadow(0 -1px white) drop-shadow(1px 0 white) drop-shadow(-1px 0 white) !important; }
  
footer {
background: #000000c1 !important;
color: white;
border: 2px solid black;
box-shadow: 0 0 10px black; }


  
</style><style>

/*skeleton hanging*/
</style><div style="float:  ; max-height: 200px; position: fixed; left: 25px; top: 0px; z-index: 999;">
<img src="/proxy/image.php?url=https%3A%2F%2Fimages-wixmp-ed30a86b8c4ca887773594c2.wixmp.com%2Ff%2F6db176ea-43fc-419e-b786-5bb3ee833976%2Fdfsuidv-f361029c-28de-4513-8027-5f40cefc2041.gif%3Ftoken%3DeyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzZkYjE3NmVhLTQzZmMtNDE5ZS1iNzg2LTViYjNlZTgzMzk3NlwvZGZzdWlkdi1mMzYxMDI5Yy0yOGRlLTQ1MTMtODAyNy01ZjQwY2VmYzIwNDEuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.rOaby85vduQbVrm777A1EzZwKmy6L_NpBYE0hpFHF74" height="360"></div><style>

/*spiderweb*/
</style><div style="max-height: 90px; position: fixed; pointer-events: none; filter:brightness(60%); right: 0px; top: -10px; z-index: 998;"><img src="/proxy/image.php?url=https://i.pinimg.com/originals/18/7a/01/187a01fa77d416d1b3127ec318914b71.gif" width="230px"></div><style>

/*cute bear*/
</style><div style="max-height: 90px; position: fixed; pointer-events: none; right: 0px; bottom: 150px; z-index: 998;"><img src="/proxy/image.php?url=https://magma.com/shared/hLpM0kBqnFUNHQlAXhnvBz" width="230px"></div><style>

/*cute kitty*/
</style><div style="max-height: 90px; position: fixed; pointer-events: none; left: 0px; bottom: 150px; z-index: 998;"><img src="/proxy/image.php?url=https://magma.com/shared/gjCVapxWenxYiTLdomDTtD" width="230px"></div><style>

/*witch HAT for pfp*/
</style><div style="max-height: 90px; position: absolute; pointer-events: none; filter:saturate(150%); left: 240px; top: 285px; transform: rotate(340deg); z-index: 998;"><img src="/proxy/image.php?url=https://64.media.tumblr.com/5e6771a37b9ad7d0011760e03509a2fc/c435d77685274cd0-27/s400x600/380c039e94535811393f03c0aa9f3a1e6264328d.gifv" width="80px"></div><style>
/*witch*/
@keyframes flying-santa{
from{ left:-400px; }
to{ left:calc(100% + 20px); }
}
#santa{
position: fixed;
left: -400px;
bottom: 100px;
width: 120px;
animation: flying-santa 15s infinite linear;
pointer-events: none;
z-index: 999;
}
</style><img id="santa" src="/proxy/image.php?url=https%3A%2F%2F64.media.tumblr.com%2F752c52c496cc5303b78cb56b581b2206%2Fcf4847cda8016cd1-ac%2Fs250x400%2F55badc872396716df500279783d5f46e1c2eaa16.gif">