🎃 Halloween Macabre
by Invisionary.tech
Halloween Macabre is a premium modern dark, fully responsive theme in traditional Halloween colors. Fast and lightweight, it uses modern techniques and WebP images.
Updated for IPS Invision Community 4.7
Featuring new selectable responsive full hero header modes (full viewport or full width minimum height), with pre-supplied royalty free halloween header images from spooky woodland, pumpkins, creepy castles, witches and cemeteries. Or you can replace easily with your own uploadable image using many customisation options (see below)!
This theme comes with Macabre FX, animated CSS drifting mist and clouds, eerie link hover effects, color gradient text logo, strapline, smooth scroll up to top/down to content. All customisable. The theme can be used all year round for dark, horror themed communities, simply change the colors, remove the pumpkins!
"Do you ever find yourself talking with the dead? Since Willie's death, I catch myself every day, involuntarily talking with him as if he were with me."
- Abraham Lincoln (upon the death of his son)
🧛♂️ Macabre Feature Highlights
"Never believe anything you see on Halloween."
- Reverend M. Goodman, October 31, 1985
🔪 Color Gradient Site Logo
A HTML-based text based logo, shown here with a green to orange radial gradient that compliments this royalty free background image by Mark Rall - Unsplash
🧛♂️ New! Smooth Scroll to Top and Down to Content
New in 4.6 - Scroll to Top and similar Scroll Down UI buttons with smooth scroll on most devices and browsers. Ideal for mobile devices or when using large or full viewport hero headers.
Designed to honour any OS reduced movement sensitivity and accessibility preferences, that your user may have set.
New Scroll to Top and Scroll Down buttons, with smooth scroll, complete icon styling, color and size options.
You can easily change the Font Awesome icon styling, color and size options, through the Theme Settings panel.
⚰️ New! Hero Header Images
Halloween Macabre comes with a pre-supplied selection of royalty free Halloween header backgrounds, which you can replace easily by uploading your own stunning stock photo.
The theme will cover the chosen header area with the selected image. A 1920px or wider image is recommended. You can also tweak the height of the image and positioning of the site title and optional strapline.
🕸️ New! Hero Header Modes
In Halloween Macabre, we made it easy to enable, disable or modify the theme's features such as the header background image and site name branding colors. This makes modifications and upgrades very simple and updated quicker to release since little code changes are required.
Now we've added 2 new hero header modes, you can toggle on a modern, responsive full viewport hero to show off a stunning background image, or go for a full width large hero still ideal for attractive images but with a minimum height if you prefer more above the fold to be visible.
With Full Viewport Hero Mode enabled:
... the hero now takes up the full display, which is why we added a handy Scroll Down to Content button:
With Full Width Hero Mode enabled:
If you prefer, switch to full width hero mode, here we've selected golden ratio with limits the height to 61.8% of the viewport:
... to reveal more the navigation menu...
🍭 Macabre FX - Atmospheric Spooky Effects
Bring your pumpkins, evil witch's house, woodland ceremony scene, Romanian vampyre castle or your own header image to life!
Enable and control the speed of subtle misty/cloud animation effects, atmospheric drifting weather over your header image or whole page.
Apply them only to the hero header, or add more for full page atmosphere!
🕯️ Add a strapline, slogan or seasonal greeting!
Instantly change the branding of your community site titles in seconds, hassle-free with no need to edit .psd files with Photoshop!
Your community's name will be SEO friendly and displayed in spooky Macabre styling and font using modern Google Fonts and pure CSS on supported devices.
You can change the colors, add various gradients all via the theme settings. Of course, the text-based logo can still be replaced by a logo image as usual.
Screenshot of custom theme settings, add or edit a strapline, easily change your style and colors without CSS knowledge.
⚰️ Creepy Font Controls
Enable or disable the spooky fonts where and as much as you prefer, with separate controls for navigation menus, page titles, headings, forum and grid titles, footer area etc.
👻 Dark Editor
This theme includes Moono Lisa, a suitably dark theme for CK Editor, pre-installed and ready to use. You can change the color of the editor in the theme settings, or still use the default editor or any other IPS compatible CK Editor theme.
🦇 Macabre Google Fonts
This theme uses Creepster for Macabre titles, forum and grid titles, navigation and headlines, etc. The theme will honour your choice of headline font and body fonts in the original theme settings if you prefer!
🕷️ 4.7 Compatibility
Supports the full IPS Community Suite, including Forums, Commerce, Calendar, Gallery, Blogs, Downloads, Clubs and Pages. This theme does not override IPS layouts or responsive design, making it easier to update whilst maintaining compatibility with third party plugins like Chatbox, Supergrid etc.
🍬 Advanced Settings
New advanced and performance tweaks, DNS Prefetches, Asynchronous Preloads for those who like to dabble with the dark arts!
New advanced and performance tweaks, DNS Prefetches, asynchronous preloads etc.
🌙 Responsive
Tablet (landscape mode)
Mobile portrait layout
Example of Member's Profile using a different header image
Edited by The Old Man
End of Sale
What's New in Version 1.1.3 See changelog
Released
CHANGE LOG
For best results, uninstall the current version and install the latest version of this theme as some settings have changed functionality.
v1.1.3 105130 01 DEC 2021
New
- Added support for UIColor in CKEditor
- New setting in Macabre Advanced tab) Added support for UIColor in CKEditor so that editor's UI color can be easily adjusted by choosing 1 color.
Please note that this feature can only be used when using CKeditor skins that are compatible with the so-called "chameleon" feature.
The skins created by CKSource, i.e. Moono-Lisa, Moono and Kama, already support it.
https://ckeditor.com/docs/ckeditor4/latest/features/uicolor.html
- Macabre themed Social ShareLinks
- New setting in Macabre FX tab to enable or disable theme matching style for the Twitter, Facebook share buttons.
- Added option to Preconnect DNS for CDN (or custom S3 bucket) domain, if used.
- Added option to Preconnect DNS for Google Analytics UA domain, if used.
Improved
- CKEditor skin included: Moona-Lisa (standard version) as Moono Dark is no longer compatible with IPS version of CKEditor4.
Moona-Lisa is now the default CKEditor theme, and also provides support for the chameleon feature.
Once IPS updates their default CKEditor to Moona-Lisa, this theme will no longer need to include it.
- Hero Header improved. For better overall site-wide user experience, if enabled, the full-viewport hero header mode will now apply to the default app's index page only. Elsewhere throughout the site, the hero header's height is the admin's preferred maximum height setting e.g. 25%, 61.8% etc or falls back to the IPS settings in the Custom tab (pixels). If full-viewport is disabled, the default app can be configured to have a unique minimum height or be the same as every other page throughout the site.
Example, if you have Forums as set as your default app, the Forum index page can either show a full-viewport hero header image if you have enabled it,
or say 61.8%. Every other page site wide could be set to say 35%.
- Achievements progress bar now matches brand color instead of default green.
- Improved CSS for CKEditor Source mode white bg/black text and in the Code popup when composing.
- Increased number of minimum hero header sizes available.
- Improved Google Fonts DNS Preconnect in Advanced settings.
Fixed
- Corrected typo in css, duplicate color selector.
Last Release
v1.1.1 105128 03 NOV 2021
- Compatibilty update with 4.6.8
- CSS - Resolved hard coded white bg/black text in Code modal (CodeMirror) when composing in editor
- CSS - Resolved toggle switch backgrounds not visible below post editor.
Live demos, store and support site available at invisionary.tech
Invisionary.tech features exclusive client discounts, support tickets & forums.
If you have an active purchase of this theme from the IPS Marketplace, please feel free to register at Invisionary.tech where your account can be upgraded to active client status.
Support also available via PM via the IPS Community Forum.