Skip to content
Sudonix

NodeBB templates

Locked Chitchat
12 3 4.0k 1
  • JACundefined

    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.

    0
  • JACundefined 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.

    phenomlabundefined

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
  • phenomlabundefined phenomlab

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

    JACundefined

    @phenomlab said in NodeBB templates:

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

    Yes sorry mate.

    0
  • JACundefined JAC

    @phenomlab said in NodeBB templates:

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

    Yes sorry mate.

    phenomlabundefined

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
  • DownPWundefined

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

    PW and WS Spirit alive

    1
  • DownPWundefined DownPW

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

    phenomlabundefined

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
  • DownPWundefined

    yes it’s better ^^

    PW and WS Spirit alive

    0
  • JACundefined

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

    0
  • DownPWundefined

    @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

    PW and WS Spirit alive

    1
  • DownPWundefined DownPW

    @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

    phenomlabundefined

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    0
  • DownPWundefined

    Ok I will do that as soon i possible dude 😉

    PW and WS Spirit alive

    1
  • phenomlabundefined

    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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Phenomlab Ltd

    1
  • phenomlabundefined phenomlab locked this topic on
Log in to reply

Related Topics
  • Sampo2910undefined

    Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    2k Views
    DownPWundefined
    I’m happy to see this
  • crazycellsundefined

    Bug Report

    Solved Bugs nodebb bugs
    47
    1
    26 Votes
    47 Posts
    16k Views
    phenomlabundefined
    @crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler! EDIT - seems this is pretty straightforward, and only needs the below CSS .upvoted i { color: var(--bs-user-level) !important; } This then yields [image: 1718028529465-3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png] However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)
  • Pandaundefined

    Nodebb design

    Solved General nodebb
    2
    1 Votes
    2 Posts
    1k Views
    phenomlabundefined
    @Panda said in Nodebb design: One negative is not being so good for SEO as more Server side rendered forums, if web crawlers dont run the JS to read the forum. From recollection, Google and Bing have the capability to read and process JS, although it’s not in the same manner as a physical person will consume content on a page. It will be seen as plain text, but will be indexed. However, it’s important to note that Yandex and Baidu will not render JS, although seeing as Google has a 90% share of the content available on the web in terms of indexing, this isn’t something you’ll likely lose sleep over. @Panda said in Nodebb design: The “write api” is preferred for server-to-server interactions. This is mostly based around overall security - you won’t typically want a client machine changing database elements or altering data. This is why you have “client-side” which could be DOM manipulation etc, and “server-side” which performs more complex operations as it can communicate directly with the database whereas the client cannot (and if it can, then you have a serious security flaw). Reading from the API is perfectly acceptable on the client-side, but not being able to write. A paradigm here would be something like SNMP. This protocol exists as a UDP (UDP is very efficient, as it is “fire and forget” and does not wait for a response like TCP does) based service which reads performance data from a remote source, thus enabling an application to parse that data for use in a monitoring application. In all cases, SNMP access should be “RO” (Read Only) and not RW (Read Write). It is completely feasible to assume complete control over a firewall for example by having RW access to SNMP and then exposing it to the entire internet with a weak passphrase. You wouldn’t do it (at least, I hope you wouldn’t) and the same ethic applies to server-side rendering and the execution of commands.
  • mventuresundefined

    NodeBB: updating Admin details not working

    Solved Configure nodebb admin
    17
    3 Votes
    17 Posts
    4k Views
    phenomlabundefined
    @mventures Ok. No issues
  • Salaundefined

    Fresher in Nodebb install

    General nodebb
    24
    15 Votes
    24 Posts
    10k Views
    phenomlabundefined
    @Hari I’ve been reading a lot about APO. Looks impressive.
  • Pandaundefined

    Rotating homepage icons, gifs?

    Solved Configure nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlabundefined
    @eveh It’s not a GIF, no. It’s actually a webp file so made much smaller, and uses keyframes to control the rotation on hover. You can easily make your own though The CSS for that is as below @keyframes rotate180 { from { transform: rotate(0deg); } to { transform: rotate(180deg); } } @keyframes rotate0 { from { transform: rotate(180deg); } to { transform: rotate(0deg); } } Your milage may vary on the CSS below, as it’s custom for Sudonix, but this is the class that is used to control the rotate .header .forum-logo, img.forum-logo.head { max-height: 50px; width: auto; height: 30px; margin-top: 9px; max-width: 150px; min-width: 32px; display: inline-block; animation-name: rotate180, rotate0; animation-duration: 1000ms; animation-delay: 0s, 1000ms; animation-iteration-count: 1; animation-timing-function: linear; transition: transform 1000ms ease-in-out; }
  • qwinterundefined

    CPU usage higher than expected for nodeBB (on clients)

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

    [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    8k Views
    phenomlabundefined
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.