RJLCustom404 - Custom 404 Page Generator
This script dynamically generates a customizable 404 error page with advanced features.
Brought to you by , available from RJL.codes
Overview
RJLCustom404 is a lightweight and dynamic 404 error page generator that allows users to customize error page content, styles, and images effortlessly. It supports randomized images, dynamic text, button options, and easy integration into any website.
Perfect for developers who want a quick, professional solution for custom 404 pages without extensive CSS knowledge.
Installation & Usage
Download the JavaScript File from GitHub. Add this code to your HTML file before the </head> tag:
Make Your Customizations
Opens a preview of your customized 404 page in a new tab
Resets all customizations to default values
Configuration Options
| Option | Default Value | Description |
|---|---|---|
pageTitle | "404 - Not Found" | Sets the browser tab title |
bodyBackgroundColor | "white" | Background color of the error page |
bodyFontColor | "black" | Text color for the page content |
imgBorderRadius | "50%" | Border radius for 404 images |
imgFileNames | [ "/errors/404-1.webp", "/errors/404-2.webp", "/errors/404-3.webp" ] | Array of custom 404 images |
automatic404Image | false | Use built-in 404 images automatically |
imgBoxShadow | false | Add shadow effect to images |
imgBoxShadowSize | "5px" | Size of the image shadow |
imgBoxShadowColor | "rgba(255, 255, 255, 1)" | Color of the image shadow |
btnColor | "blue" | Color theme for action buttons |
btnPulsate | true | Enable button pulsing animation |
btnPulsateCount | 2 | Number of pulsing animations |
btnDisplayText | "Back to" | Text displayed on return button |
btnDisplayHostName | true | Show hostname in button text |
actionIsBtn | true | Display action as button vs link |
headerText | "404 - File not found" | Main error message heading |
subHeaderText | "" (empty) | Secondary error message |
headerTextPosition | "top" | Position of header text |