Skip to content

NodeBB templates

Locked Chitchat
12 3 3.9k 1
  • There doesn’t seem to be loads of NodeBB templates available, I wonder if you’d ever consider making a premium template like Sudonix has and making it available for sale?

    I know you help people with changes that they require but I was just thinking as like a premium theme out of the box sort of thing.

    @jac When you say “templates”, do you mean “themes” ?

  • @jac When you say “templates”, do you mean “themes” ?

    @phenomlab said in NodeBB templates:

    @jac When you say “templates”, do you mean “themes” ?

    Yes sorry mate.

  • @phenomlab said in NodeBB templates:

    @jac When you say “templates”, do you mean “themes” ?

    Yes sorry mate.

    @jac ok. I’m just wondering if @DownPW would like to be part of this given the work we’ve done together in terms of the theme switcher.

    My personal thoughts here are any themes made available should be open source and free to use. I’m happy to provide the CSS for both light and dark themes sudonix uses if someone else could benefit from them.

  • @jac said in NodeBB templates:

    There doesn’t seem to be loads of NodeBB templates available, I wonder if you’d ever consider making a premium template like Sudonix has and making it available for sale?
    I know you help people with changes that they require but I was just thinking as like a premium theme out of the box sort of thing

    No problems streaming CSS if needed.
    I largely copied Sudonix’s black theme for my forum with a few variations 😆

  • @jac said in NodeBB templates:

    There doesn’t seem to be loads of NodeBB templates available, I wonder if you’d ever consider making a premium template like Sudonix has and making it available for sale?
    I know you help people with changes that they require but I was just thinking as like a premium theme out of the box sort of thing

    No problems streaming CSS if needed.
    I largely copied Sudonix’s black theme for my forum with a few variations 😆

    @downpw I don’t think streaming CSS files is a good idea - they should be hosted locally for performance reasons alone. My thoughts were around using the theme switcher tool we created to enable others to use multiple themes, or choose the one they like best 😄

  • yes it’s better ^^

  • @phenomlab @DownPW absolutely, I suppose if you go off one really good template (theme) then you can add your own changes for example the required colour for my forum is navy blue, but at least a very good base would be there.

    Maybe updating (making changes) to it could be difficult or classed as copying I guess.

  • @phenomlab

    I can create a topic dedicated to Switcher theme with all the JS and CSS (which is not in the topic) for better readability if you want ? (With your authorisation off course)

    This way, the feature is available to all Sudonix readers on a dedicated thread 🙂


    Regarding the CSS themes, I think that each theme is specific to the site depending on the plugins they use etc. but it is doable with lot of work

  • @phenomlab

    I can create a topic dedicated to Switcher theme with all the JS and CSS (which is not in the topic) for better readability if you want ? (With your authorisation off course)

    This way, the feature is available to all Sudonix readers on a dedicated thread 🙂


    Regarding the CSS themes, I think that each theme is specific to the site depending on the plugins they use etc. but it is doable with lot of work

    @downpw said in NodeBB templates:

    I can create a topic dedicated to Switcher theme with all the JS and CSS (which is not in the topic) for better readability if you want ? (With your authorisation off course)

    Great idea - you don’t need my permission to create new threads that are meaningful - we may need to reference the original topic, but I agree, a new thread makes sense now that the code and functionality is stable and mature.

  • Ok I will do that as soon i possible dude 😉

  • Placing this here for reference
    https://sudonix.com/topic/216/nodebb-js-script-css-theme-switcher

    Further information and posts can be found at this link

  • phenomlabundefined phenomlab locked this topic on

Related Topics
  • Test of youtube embeds

    Solved Configure nodebb
    14
    11 Votes
    14 Posts
    3k Views
    @phenomlab Perfect!!! Many thanks.
  • 4 Votes
    7 Posts
    2k Views
    @phenomlab oh no, that is 1 cent on the video, but you are right, symbols are similar… I just converted it to $1 , since it is more intuitive in daily life…
  • NodeBB v3 Chat Very Slow

    Moved Performance nodebb v3 nodebb chat
    47
    11 Votes
    47 Posts
    17k Views
    @DownPW Seems fine.
  • How to fix header side as boxed

    Solved Customisation header boxed sudonix nodebb
    10
    1
    6 Votes
    10 Posts
    3k Views
    @phenomlab yes it caused a problem for mobile users. thank you for helping …
  • Title on homepage of nodebb forum

    Solved Customisation nodebb
    2
    1 Votes
    2 Posts
    2k Views
    @eveh Welcome board The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; } Note, that you will need to adjust your CSS code to suit your own site / requirements.
  • CPU usage higher than expected for nodeBB (on clients)

    Chitchat
    7
    0 Votes
    7 Posts
    2k Views
    @qwinter Yes, although the experience would be very much degraded without websockets.
  • Recent Cards plugin customization

    Solved Customisation nodebb
    21
    1
    13 Votes
    21 Posts
    10k Views
    @pobojmoks that’s easily done by modifying the code provided here so that it targets background rather than border In essence, the below should work $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { $('.recent-card-container').each(function(i) { var dataId = $(this).attr("data-cid"); var color = $('[role="presentation"]', this).css("background-color"); console.log("data-cid " + dataId + " is " + color); $('[data-cid="' + dataId + '"] .recent-card').attr("style", "background-color: " + color); }); }); });
  • NodeBB Discord Plugins

    Unsolved Customisation nodebb discord plugin
    7
    0 Votes
    7 Posts
    3k Views
    @RiekMedia hi. Just following up on this thread (I know it’s old) but was curious to understand if it’s still an issue or not ?