Skip to content

NodeBB templates

Locked Chitchat
12 3 4.9k 1
  • JAC JAC

    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.

    wrote on last edited by
    #2

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

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

    wrote on last edited by
    #3

    @phenomlab said in NodeBB templates:

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

    Yes sorry mate.

  • JAC JAC

    @phenomlab said in NodeBB templates:

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

    Yes sorry mate.

    wrote on last edited by phenomlab
    #4

    @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.

  • wrote on last edited by
    #5

    @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 😆

    wrote on last edited by
    #6

    @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 😄

  • wrote on last edited by
    #7

    yes it’s better ^^

  • wrote on last edited by
    #8

    @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.

  • wrote on last edited by DownPW
    #9

    @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

    wrote on last edited by
    #10

    @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.

  • wrote on last edited by
    #11

    Ok I will do that as soon i possible dude 😉

  • wrote on last edited by
    #12

    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

  • phenomlab phenomlab locked this topic on

Related Topics
  • Nodebb and emails

    Solved Configure nodebb
    27
    5 Votes
    27 Posts
    11k Views
    phenomlab
    @Panda it will use SMTP. In all cases, I never use any plugin to send email. I’ll always send it raw.
  • Plugin to show images in teasers

    General nodebb teaser image plugin hook
    6
    1
    2 Votes
    6 Posts
    2k Views
    phenomlab
    @dave1904 I’d start by adding a console.log function to hookData so you can see what is being returned return hookData; console.log(hookData):
  • adding some console.log to Nodebb

    Solved Customisation nodebb
    4
    1 Votes
    4 Posts
    2k Views
    phenomlab
    @eeeee if you’re using the console, you could try node app.js > app.log 2>&1 This would redirect stdout to a file named app.log and redirect stderr to stdout. I’m not sure about standard logging under NodeBB, but there is an error log located at logs/error.log. Failing that, you could always stop the NodeBB service then use ./nodebb dev from the console which would then provide debug output.
  • How to fix size of photos & videos NodeBB

    Solved Customisation nodebb nodebb size
    7
    3 Votes
    7 Posts
    3k Views
    phenomlab
    @crazycells pleasure. Using percentages makes much more sense in this case. It’s the same argument with px vs pt vs em with fonts, margins, padding, etc., in the sense that em is generally preferred over px and pt https://stackoverflow.com/questions/609517/why-em-instead-of-px
  • CPU usage higher than expected for nodeBB (on clients)

    Chitchat
    7
    0 Votes
    7 Posts
    2k Views
    phenomlab
    @qwinter Yes, although the experience would be very much degraded without websockets.
  • [NodeBB] Import custom Font

    Solved Customisation custom fonts nodebb css
    12
    3 Votes
    12 Posts
    5k Views
    phenomlab
    @cagatay you’ll need to define this in the body tag (or another element if you want greater or more granular targets) - for example body { font-family: "Poppins"; font-size: 16px; } Essentially, you use the font-size CSS directive.
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.
  • Customising NodeBB

    Locked Customisation nodebb
    3
    0 Votes
    3 Posts
    3k Views
    phenomlab
    Closing this thread as a duplicate of https://sudonix.com/topic/12/nodebb-customisation