Skip to content
Sudonix

External Links - New Window

Solved Customisation
8 2 1.9k 1
  • Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #1

    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
  • Sampo2910 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.

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @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 Gratmore Ltd

    0
  • Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #3

    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
  • Sampo2910 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. 🙂

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #4

    @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 Gratmore Ltd

    0
  • phenomlab phenomlab has marked this topic as solved on
  • phenomlab phenomlab

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

    Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #5

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

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #6

    @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 Gratmore Ltd

    😀
    0
  • phenomlab phenomlab

    @Sampo2910 said:

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

    Funny how it does exactly that. Stay well!

    Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #7

    @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
  • Sampo2910 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 😞

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #8

    @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 Gratmore 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
  • Madchatthew

    Nodebb vs Wordpress vs Other

    General wordpress nodebb woocomerce business
    4
    5 Votes
    4 Posts
    2k Views
    DownPW
    PrestaShop + modules IA https://www.prestashop.com Magento https://developer.adobe.com/open/magento
  • DownPW

    hover link effect

    Solved Customisation css link hover
    18
    1
    6 Votes
    18 Posts
    7k Views
    phenomlab
    @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.
  • Panda

    Rotating homepage icons, gifs?

    Solved Configure nodebb
    2
    3 Votes
    2 Posts
    1k Views
    phenomlab
    @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; }
  • DownPW

    plugin open link IMgur images

    Customisation plugin imgur
    7
    0 Votes
    7 Posts
    3k Views
    phenomlab
    @DownPW not sure what you mean. Can you elaborate ?
  • DownPW

    [NODEBB] Help for my custom CSS

    Solved Customisation nodebb css bugfix
    258
    49 Votes
    258 Posts
    168k Views
    cagatay
    mark hi, Refused to apply style from ‘https://efelsefe.com/assets/customfonts/FontAwesome-6-Pro/pro/css/v4-font-face.css’ because its MIME type (‘text/plain’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. I keep getting this error.
  • DownPW

    Multiple link on one ico non Navbar

    Solved Customisation links css navbar
    7
    1
    2 Votes
    7 Posts
    3k Views
    DownPW
    yeah you’re right @phenomlab. Problem of NodeBB Version
  • JAC

    Nodebb Hashtag plugin

    Solved General
    15
    1 Votes
    15 Posts
    6k Views
    phenomlab
    @jac Great ! I’ll close this off.
  • JAC

    [NodeBB] Creating new user to auto post content

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