Skip to content
Sudonix

Node Version

Customisation
Log in to reply

Related Topics
  • kadir ay 0undefined

    navbar

    Solved Customisation
    2
    2 Votes
    2 Posts
    9 Views
    phenomlabundefined
    Marking as resolved, based on https://community.nodebb.org/topic/18625/navbar/2
  • abcabc123undefined

    Please help me, I can't install nodebb

    Locked Solved Customisation
    7
    5 Votes
    7 Posts
    185 Views
    phenomlabundefined
    Installation completed, verified, and tested. Correct installation methodology is below https://docs.nodebb.org/installing/os/ubuntu/
  • JACundefined

    Forum customisation

    Customisation
    11
    2
    6 Votes
    11 Posts
    320 Views
    JACundefined
    Thank you Mark, the changes look fantastic!!
  • DownPWundefined

    Fancybox zoom

    Unsolved Customisation
    2
    1
    0 Votes
    2 Posts
    93 Views
    phenomlabundefined
    @DownPW Technically, it should be possible with the addition of the below Toolbar: { display: { left: ["infobar"], middle: [ "zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", ], right: ["slideshow", "thumbs", "close"], }, }, Meaning your code block becomes function fancybox() { if (top.location.pathname !== '/login') { $(document).ready(function() { $('a').not('.forum-logo').not(".avatar").not(".emoji").not(".bmac-noanimate").each(function() { $('a[href*=".jpg"], a[href*=".jpeg"], a[href*=".png"], a[href*=".gif"], a[href*=".webp"], a[href*=".svg"]').addClass("noanimate"); }); }); Fancybox.bind( 'a[href*=".jpg"], a[href*=".jpeg"], a[href*=".png"], a[href*=".gif"], a[href*=".webp"], a[href*=".svg"]', { Toolbar: { display: { left: ["infobar"], middle: [ "zoomIn", "zoomOut", "toggle1to1", "rotateCCW", "rotateCW", "flipX", "flipY", ], right: ["slideshow", "thumbs", "close"], }, }, } ); } } Note, that you just need to add/remove the elements in the toolbar you do not need. Obviously, zoomIn and zoomOut are the ones you are specifically interested in. However, if Fancybox detects that the image has already been zoomed as far as possible, then this will not work. You’d need an external library such as zoom.js to add this functionality, or perhaps simpler https://www.jacklmoore.com/zoom/ A good example of how you’d make these two independent libraries work together is below https://codepen.io/ezra_siton/pen/VgrjKw It’s worth nothing that this specific code is based on Fancybox 3, so may need to be refactored to work with the latest version 5.
  • JACundefined

    NodeBB recent cards customisation

    Solved Customisation
    3
    1
    2 Votes
    3 Posts
    141 Views
    JACundefined
    @phenomlab thank you very much for the assistance Mark, massively appreciated as always. The great thing about this is it’s all documented for other NodeBB users that come looking for solutions . Looks far better .
  • crazycellsundefined

    CSS code customization for the link preview plugin

    Solved Customisation
    6
    2
    3 Votes
    6 Posts
    667 Views
    phenomlabundefined
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • cagatayundefined

    How to downgrade plugin version on NodeBB

    Solved Customisation
    11
    3 Votes
    11 Posts
    917 Views
    phenomlabundefined
    @cagatay no problems
  • DownPWundefined

    [NODEBB] Help for my custom CSS

    Solved Customisation
    204
    40 Votes
    204 Posts
    33k Views
    DownPWundefined
    @phenomlab Find him : [image: 1738443295726-76089049-894e-490f-bafa-10469193aca0-image.png] But I use this code for control image on topics and Shoutbox EDIT: I disabled this code and it seems to be OK Thanks @phenomlab