Themes & Extensions
Themes & Extensions
Share your ForumSpark themes and extensions here.
58Topics
171Replies
Pinned
Theme Directory Guidelines
Started by Cedric ·
Theme Directory Guidelines
First of all, thank you for taking the time to design and share themes for ForumSpark. A fresh, well-crafted theme can completely transform the look and feel of a board, and your contributions help make that possible for the entire community.While we welcome all creative styles,...
0
replies
20
views
Extensions Directory Guidelines
Started by Cedric ·
Extensions Directory Guidelines
First of all, thank you for considering building and contributing to ForumSpark. It’s always great to see new ideas and functionality being shared with the community.While we strongly encourage contributions of all kinds, maintaining a certain level of quality is important for ev...
0
replies
20
views
All topics
Add Row to Board Statistics
Started by Cory ·
Add Row to Board Statistics
Preview
The top three variables are all you need to modify.
Admin CP → Themes → Board Templates → Below the board
<script>
const newTitle = 'My Title';
const newImage = 'https://cory.forumspark.net/users.svg';
const newContent = `My Content`;
const html = `<div class=...
3
replies
41
views
Mulberry Grove
Started by Jamie ·
Mulberry Grove
Name: Mulberry Grove
Author: Jamie
Version: 1.0.0
A theme I designed a while ago while building out the theme editor for ForumSpark. It's definitely one of the more "nostalgic" style themes on my list at the minute. I'm running in circles looking for things I've missed s...
0
replies
52
views
Country Flag Profile Field
Started by Cory ·
Country Flag Profile Field
Preview #1 - Preview #2
Create a new custom profile field:
Admin CP → Users & Groups → Profile Fields → Add field
Handle: flags
Label: Country
Show in mini profile: Enable
Admin CP → Themes → Board Templates → Below the board
<script>
const countryN = ['None', 'Afg...
1
reply
26
views
Newest Member Avatar in Board Stats
Started by Cory ·
Newest Member Avatar in Board Stats
Preview
Admin CP → Themes → Board Templates → Below the board
<script>
const usernameLink = document.querySelector('div.stats a.username');
if (usernameLink && sessionStorage.getItem('statsName') !== usernameLink.innerText) {
fetch(usernameLink.getAttribute('...
0
replies
19
views
Change Individual Forum Markers
Started by Cory ·
Change Individual Forum Markers
Preview
Change the capitalized text as necessary.
Admin CP → Themes → Board Templates → Below the board
<script>
const forumID = [FORUM_ID, FORUM_ID];
const newForumMarker = ['IMAGE_URL', 'IMAGE_URL'];
const forum = document.querySelector('div[id^="forum-"]');
if (forum...
0
replies
19
views
BBCode in Topic Titles
Started by Cory ·
BBCode in Topic Titles
Preview
Admin CP → Themes → Board Templates → Below the board
<script>
const links = document.querySelectorAll('a');
links.forEach(link => {
if (link.innerText.includes('[/')) {
link.innerHTML = link.innerHTML.replace(/\[b\](.*)\[\/b\]/g, '<strong>$1...
1
reply
32
views
Go to Top Button
Started by Cedric ·
Go to Top Button
This goes into your Below the Board template. You can adjust the style of the button using CSS between the <style> tags.
Preview: https://prnt.sc/J5TmePMR9D3z
<style>
#goTopBtn {
position: fixed;
bottom: 20px;
right: 20px;...
3
replies
56
views
Export ForumSpark Data to CSV
Started by Jamie ·
Export ForumSpark Data to CSV
To support data ownership and make it easier to replatform (and just to demo the API some more ) I’ve created a utility that exports data from the ForumSpark API to CSV format using AI assistance. You can then import the data into a SQL database or use the CSV files directly with...
0
replies
28
views
Panels & Collapsible Panels
Started by Jamie ·
Panels & Collapsible Panels
Wasn't sure whether or not to post this in Theme Dev help or Extensions Directory. Figured it's more appropriate for here.
With this code you can create something similar to this:
You can add this code in your Board Templates or in the Theme Layout wherever you want the p...
3
replies
41
views
Extended Footer
Started by Cedric ·
Extended Footer
Preview: https://prnt.sc/UqrDUGzopQXM
This code adds a footer to your forum. You can edit the styling as you please. If you need help, don't hesitate to create a topic in the support forum.
Themes > Edit Layout > Copy & paste code at the bottom.
<footer style="...
1
reply
38
views
FS Original
Started by Jamie ·
FS Original
Name: FS Original
Author: ForumSpark
Version: 1.0.1
GitHub release: https://github.com/forumspark/nostalgia-theme/releases/tag/1.0.1
To install:
Create a new theme in your admin area
Untoggle the option to inherit from the default editor
Edit the stylesheet and copy the...
0
replies
66
views
0 browsing
· 0 guests
JK navigate · Enter open