Skip to content
Sudonix

sudonix

Customising NodeBB

Locked Customisation
Log in to reply

1/3

9 Sept 2021, 19:07

Threaded Replies
Related Topics
  • undefined

    TNG + Nodebb

    General tng genealogy nodebb plugin
    3 9 Aug 2024, 14:31
    9 Aug 2024, 14:31
    0 Votes
    4 Posts
    290 Views
    undefined
    @Madchatthew said in TNG + Nodebb: you have to try and use duck tape and super glue to change something to make it do what you want it to do I couldn’t have put that better myself.
  • undefined

    Whitespace fixes in Nodebb

    Solved Customisation nodebb
    3 29 Jun 2023, 10:10
    29 Jun 2023, 10:10
    2
    7 Votes
    18 Posts
    1k Views
    undefined
    @Panda Just circling back here with something of an update (which I think you’ll like). I’ve completely restructured the ranking system. There are now less ranks, with a higher point threshold to reach them. More importantly, if you reload the site, you’ll notice that the ranks are now icons. I also removed the “Author” badge, and made this a single icon, which (to me) looks much better.
  • undefined

    Rotating homepage icons, gifs?

    Solved Configure nodebb
    3 17 Oct 2022, 15:25
    17 Oct 2022, 15:25
    3 Votes
    2 Posts
    303 Views
    undefined
    @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; }
  • undefined

    Title on homepage of nodebb forum

    Solved Customisation nodebb
    3 9 Oct 2022, 12:58
    9 Oct 2022, 12:58
    1 Votes
    2 Posts
    764 Views
    undefined
    @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.
  • crazycellsundefined

    Dark Theme Upper Padding

    Solved Customisation nodebb
    3 27 Feb 2022, 18:49
    27 Feb 2022, 18:49
    1
    6 Votes
    7 Posts
    660 Views
    crazycellsundefined
    @DownPW great! thanks a lot… this code solves my problem.
  • RiekMediaundefined

    NodeBB Discord Plugins

    Unsolved Customisation nodebb discord plugin
    3 20 Nov 2021, 08:43
    20 Nov 2021, 08:43
    0 Votes
    7 Posts
    1k Views
    undefined
    @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 ?
  • RiekMediaundefined

    NodeBB Design help

    Solved Customisation
    3 16 Oct 2021, 12:56
    16 Oct 2021, 12:56
    3
    2 Votes
    8 Posts
    1k Views
    undefined
    @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.
  • undefined

    Display tweets in widget [NodeBB]

    Solved Customisation
    3 3 Oct 2021, 19:53
    3 Oct 2021, 19:53
    4 Votes
    29 Posts
    3k Views
    undefined
    @phenomlab brilliant, many thanks Mark