Skip to content

NodeBB templates

Locked Chitchat
12 3 4.8k 1
  • wrote on last edited by
    #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 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
  • Opening links in nodebb widget

    Solved Configure nodebb
    6
    4 Votes
    6 Posts
    3k Views
    phenomlab
    A more efficient way of including this would be to not over complicate it and leverage a standard iframe (providing the CSP headers of the remote site permit this) like below <iframe src="https://www.classmarker.com/online-test/start/?quiz=gag66aea7922f0a5" width="700" height="800"></iframe> This works first time every time on your site as intended.
  • SEO and Nodebb

    Performance nodebb seo
    2
    2 Votes
    2 Posts
    2k Views
    phenomlab
    @Panda It’s the best it’s ever been to be honest. I’ve used a myriad of systems in the past - most notably, WordPress, and then Flarum (which for SEO, was absolutely dire - they never even had SEO out of the box, and relied on a third party extension to do it), and NodeBB easily fares the best - see below example https://www.google.com/search?q=site%3Asudonix.org&oq=site%3Asudonix.org&aqs=chrome..69i57j69i60j69i58j69i60l2.9039j0j3&sourceid=chrome&ie=UTF-8#ip=1 However, this was not without significant effort on my part once I’d migrated from COM to ORG - see below posts https://community.nodebb.org/topic/17286/google-crawl-error-after-site-migration/17?_=1688461250365 And also https://support.google.com/webmasters/thread/221027803?hl=en&msgid=221464164 It was painful to say the least - as it turns out, there was an issue in NodeBB core that prevented spiders from getting to content, which as far as I understand, is now fixed. SEO in itself is a dark art - a black box that nobody really fully understands, and it’s essentially going to boil down to one thing - “content”. Google’s algorithm for indexing has also changed dramatically over the years. They only now crawl content that has value, so if it believes that your site has nothing to offer, it will simply skip it.
  • How to fix header side as boxed

    Solved Customisation header boxed sudonix nodebb
    10
    1
    6 Votes
    10 Posts
    3k Views
    cagatay
    @phenomlab yes it caused a problem for mobile users. thank you for helping …
  • 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.
  • Recent Cards plugin customization

    Solved Customisation nodebb
    21
    1
    13 Votes
    21 Posts
    12k Views
    phenomlab
    @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] 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 dropdown menu

    Solved Configure nodebb
    5
    1
    0 Votes
    5 Posts
    3k Views
    JAC
    @phenomlab said in nodebb dropdown menu: @kurulumu-net You set it like the below example taken from this site [image: aae36790-3257-4bb2-ad5a-0d744309876a-image.png] Which presents this [image: 77f47260-2941-4afe-9614-8e17dcfc8c19-image.png] Very interesting… I actually thought this wasn’t possible, as I remember it being asked in the NodeBB forum. Is this something new that’s been implemented? I’ll 100% be doing that when I’m on the laptop over the weekend.
  • NodeBB vs Discourse

    Chitchat nodebb discourse board
    25
    6 Votes
    25 Posts
    14k Views
    RiekMedia
    @phenomlab said in NodeBB vs Discourse: Hetzner eh ? I use them also. In fact, Sudonix is hosted in Nuremberg yes i’m also at hetzner, i have been a customer there for years with a reseller account for domains. My VPS that I host there are also in Nuremberg