Skip to content
Sudonix

External Links - New Window

Solved Customisation
8 2 1.4k 1
  • Sampo2910undefined

    Hi All,

    It’s been a while. I took a break from well…everything to be honest. Anyway here I am and I hope you are all well.

    I have a question regarding nodebb and external links. Is it possible to make all external links open in a new window by default? Pretty sure it’s not in the settings. A lot has chnaged since I last played around with it.

    Thank you in advance.

    1
  • Sampo2910undefined Sampo2910

    Hi All,

    It’s been a while. I took a break from well…everything to be honest. Anyway here I am and I hope you are all well.

    I have a question regarding nodebb and external links. Is it possible to make all external links open in a new window by default? Pretty sure it’s not in the settings. A lot has chnaged since I last played around with it.

    Thank you in advance.

    phenomlabundefined

    @Sampo2910 welcome back! Hope you’re well?

    It’s certainly possible to open links in a new window. It’s in the markdown settings as below

    90e22be3-4748-4b6e-a8c6-5dfbafac777d-image.jpeg

    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
  • Sampo2910undefined

    Hi Mark,

    Perfect and thank you.

    Yes not too bad. A few issues with the ticker (more of a scare) but reporting back for duty haha. All good. Working at sea and so I am not about a smuch as I would like to be. Have to earn the pennies.

    Thank you again. 🙂

    1
  • Sampo2910undefined Sampo2910

    Hi Mark,

    Perfect and thank you.

    Yes not too bad. A few issues with the ticker (more of a scare) but reporting back for duty haha. All good. Working at sea and so I am not about a smuch as I would like to be. Have to earn the pennies.

    Thank you again. 🙂

    phenomlabundefined

    @Sampo2910 A feeling I know all too well with the “pennies”. Hopefully, you’re back to full health now?

    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 has marked this topic as solved on
  • phenomlabundefined phenomlab

    @Sampo2910 A feeling I know all too well with the “pennies”. Hopefully, you’re back to full health now?

    Sampo2910undefined

    @phenomlab Yes, all good. Had all the tests and now back at it. Had some stress tests on the bike, running whilst all wired up like Steve Austin 🙂 All turned out well.

    Just one of them things, but sure makes you appreciate what you have.

    0
  • Sampo2910undefined Sampo2910

    @phenomlab Yes, all good. Had all the tests and now back at it. Had some stress tests on the bike, running whilst all wired up like Steve Austin 🙂 All turned out well.

    Just one of them things, but sure makes you appreciate what you have.

    phenomlabundefined

    @Sampo2910 said:

    Just one of them things, but sure makes you appreciate what you have.

    Funny how it does exactly that. Stay well!

    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

    @Sampo2910 said:

    Just one of them things, but sure makes you appreciate what you have.

    Funny how it does exactly that. Stay well!

    Sampo2910undefined

    @phenomlab

    Just to add there is a plugin there to activate called link preview. It works ok but with that the links do not open up in a new tab/window. Other links are ok but not with that plugin 😞

    0
  • Sampo2910undefined Sampo2910

    @phenomlab

    Just to add there is a plugin there to activate called link preview. It works ok but with that the links do not open up in a new tab/window. Other links are ok but not with that plugin 😞

    phenomlabundefined

    @Sampo2910 search the forum here for ogproxy which is the client side version of that plugin I wrote.

    It’s in use here on this forum.

    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
Log in to reply

Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

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

    CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k 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

    Link Not Working

    Solved Customisation link
    5
    1 Votes
    5 Posts
    2k Views
    phenomlabundefined
    @cagatay Good question, but one that’s likely best answered by the devs themselves. Could easily be done with a simple jQuery regex but that would really just be painting over rotten wood.
  • DownPWundefined

    hover link effect

    Solved Customisation css link hover
    18
    1
    6 Votes
    18 Posts
    5k Views
    phenomlabundefined
    @DownPW Looking at the underlying code, class start is being added on hover by jQuery in this function document.querySelectorAll(".button-gradient, .button-transparent").forEach((button) => { const style = getComputedStyle(button); const lines = document.createElement("div"); lines.classList.add("lines"); const groupTop = document.createElement("div"); const groupBottom = document.createElement("div"); const svg = createSVG( button.offsetWidth, button.offsetHeight, parseInt(style.borderRadius, 10) ); groupTop.appendChild(svg); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupTop.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); groupBottom.appendChild(svg.cloneNode(true)); lines.appendChild(groupTop); lines.appendChild(groupBottom); button.appendChild(lines); button.addEventListener("pointerenter", () => { button.classList.add("start"); }); svg.addEventListener("animationend", () => { button.classList.remove("start"); }); }); }) The CSS for start is below .button-gradient.start .lines svg, .button-transparent.start .lines svg { animation: stroke 0.3s linear; } And this is the corresponding keyframe @keyframes stroke { 30%, 55% { opacity: 1; } 100% { stroke-dashoffset: 5; opacity: 0; } } It’s using both CSS and SVG, so might not be a simple affair to replicate without the SVG files.
  • cagatayundefined

    Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    2k Views
    phenomlabundefined
    @cagatay You’d target the body tag and use the below line of CSS background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed; Obviously, you need to change the path to suit where your image is being stored. More info around the background property can be found here https://www.w3schools.com/cssref/css3_pr_background.php
  • 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; }
  • crazycellsundefined

    navigation bar is misplaced when the window gets smaller

    Solved Customisation bugs
    23
    1
    10 Votes
    23 Posts
    7k Views
    phenomlabundefined
    @DownPW sounds good.
  • JACundefined

    [NodeBB] Creating new user to auto post content

    Solved Customisation
    3
    0 Votes
    3 Posts
    2k Views
    JACundefined
    @phenomlab many thanks Mark .