~~MelonLand's Halloween Profile Design Contest 2026~~ - ☑︎ ∙ Greetings & News

Marking my participation!!
I've worked on it a lot today, Im not sure if I'm going to work on it again until the deadline, so here's my screenshot, hidden under spoilers :p
EDIT: I did end up working on it some more! Updated the screenshot

Spoiler

[close]

im also going to add the whole css under another spoiler, so I may perchance reuse it next year, If I find the thread

Spoiler

Code

<style scoped="scoped">
@font-face {font-family: stewartx; src: url(https://skelenby.neocities.org/dump/src/fonts/NotoEmoji.ttf)}
/*@font-face {font-family: stewartx; src: url(https://stolei.neocities.org/src/stewartx.ttf)}*/
@font-face {font-family: stewartx; src: url(https://knifex.neocities.org/src/filehosting/fonts/1942.ttf)}
@font-face {font-family: titlefont; src: url(https://knifex.neocities.org/src/filehosting/fonts/HauntedHillSpooky-Spooky.otf)}

:root {
  --main: #e88b10/*#D3FF24*/;
  --mainhover: #d46a06/*#b3e60e*/;
  --link: #e63819/*#a175ff*/;
  --linkhover: #870000/*#834DF7*/;
  --emcolor: #fcba03 /*#32e6d7*/;
  --strongcolor: #fcba03/*#f247f5*/;
  --title: #e63819/*#32e6d7*/;

}

#theme-melon {font-family:stewartx !important; }
#theme-melon .content { color: var(--main) !important;}
#theme-melon a {color: var(--link) ;}
#theme-melon a:hover {color: var(--linkhover) ;}
strong { color: var(--strongcolor) !important;}
em {font-style:normal; color: var(--emcolor) !important;}
hr, .hrcolor {background-color:var(--linkhover); color:var(--linkhover);}
button {background-color:rgba(0,0,0,0); color: var(--link); border:none; font-family: stewartx;}


#shade{background-image: none !important;}
#shade-2 {background-image: url(https://skelenby.neocities.org/shrine/src/hallowoweween/spiderweb.gif);}
#shade-3 { background-image: url(https://savage-machines.neocities.org/src/util/batbg.gif);}
#bunting {background-image: url(https://skelenby.neocities.org/shrine/src/hallowoweween/bloodskull.png)}

.melon_super_background{background-color:rgba(0,0,0,0.2); backdrop-filter: blur(2px)}
.content {background-image: url(https://savage-machines.neocities.org/src/util/batbg.gif);}

.windowbg, .windowbg2, .windowbg3, body { 
    color: var(--main) !important; background-color:#0a0a0a !important;}
.windowbg{box-shadow: 0 0 1em  var(--linkhover);}

.tborder {border: none; box-shadow: 0 0 1em black;}


h3, .catbg, .catbg a:link, .catbg a:visited { 
    color: var(--title) !important; font-family:titlefont; position:relative;}
.catbg tr, .catbg, .catbg3, .windowbg2 { 
    background-image: url("https://skelenby.neocities.org/shrine/src/snip/snipshrineBG.gif");}


.topslice {position:relative; background-color:black;}
.topslice span{height:2em; width:100%; display:inline-block}
.topslice span::before { 
  position: absolute; display:block; content: ""; z-index: 5; inset: 0; 
  background-repeat: repeat-x; transform:translate(0,-1.6em);
  background-image: url(https://skelenby.neocities.org/shrine/src/snip/bleed.gif);  
}

#up_contact .topslice span::before, #up_user_info .topslice span::before { 
  background-repeat: no-repeat; transform:translate(0,-4em); height:4em;
  background-image: url(https://horrorgifs.neocities.org/lines/4.gif);  
  background-position: center;
}

#cinni-link img, #moon-link img {display:none; }
#moon-link, #cinni-link  { background-size: 100px 100px; width: 100px; height: 100px; content: ""; filter: sepia(100%);}
#moon-link { background-image: url(https://skelenby.neocities.org/shrine/src/hallowoweween/moon.gif);}
#cinni-link { background-image: url(https://skelenby.neocities.org/shrine/src/xel/alphabite.gif);}

#melonland-surf-club, #header-table img, #wrapper p img{filter: sepia(100%);} /* recolors header */ 
#up_guilds img, dl img, #up_summary .catbg img{filter: sepia(100%);}


ul.dropmenu li a.firstlevel, ul.dropmenu li ul { 
    background-color: var(--main)!important;
    color:var(--linkhover)!important;
}
ul.dropmenu li a.active.firstlevel { 
    background-color: var(--mainhover)!important;
    color:var(--linkhover)!important;
}
ul.dropmenu li a.active.firstlevel:hover { 
    background-color: var(--main)!important;
    color:var(--linkhover)!important;
}





li, li a, td, td a, li.avatar{position:relative;}

.artworks img{ height:150px; width:150px; object-fit:cover;}
.artworks li::before { /* ART IMAGE FRAME*/
  position: absolute; display:block; content: ""; inset: 0;  z-index: 5; 
  width: 150px; height: 150px; background-size: 150px 150px;
  background-image: url(https://skelenby.neocities.org/shrine/src/snip/bloodframe.png);
  background-repeat: no-repeat; background-blend-mode: multiply;
}

.avatar::before { /* COMMENT AVATAR FRAME*/
  position: absolute; content: ""; inset: 0;  z-index: 2; 
  width: 80px; height: 80px; background-size: 80px 80px;
  background-image: url(https://skelenby.neocities.org/shrine/src/snip/bloodframe.png);
}

#up_buddies a::before { /* FRIEND AVATAR FRAME - not working rn*/
  position: absolute; content: ""; inset: 0;  z-index: 5; 
  width: 100%; height: 100%; background-size: 100px 100px; 
  background-image: url(https://skelenby.neocities.org/shrine/src/snip/bleed.gif);
  background-repeat: no-repeat; border:red solid 1px;
}

.melon-nav-block {border: 3px double var(--linkhover) !important}

a[href^="http"]::before, a.everywhere-link::before {width: 0em; height: 0em;background-size: 0;}
</style>

and credits

Code

[center][img]https://skelenby.neocities.org/shrine/src/hallowoweween/alphaskulz.png[/img][/center]
shoutout to [url=https://horrorgifs.neocities.org/]horrorgifs[/url] for providing the graphics fot my halloween theme! [/center]
[center][img]https://horrorgifs.neocities.org/lines/Line%20(102).gif[/img][/center]

[close]