Skip to content
Sudonix

Multiple link on one ico non Navbar

Solved Customisation
7 2 2.6k 1
  • DownPW
    DownPW
    DownPW
    wrote on
    #1

    Hello @phenomlab

    How do you do this Multiple Route ?
    On ACP it’s impossible to add multiple route on one Icon no?

    c5212b20-ffde-4a33-9183-e95f19f04564-image.png

    Thanks

    😉

    PW and WS Spirit alive

    0
  • DownPW DownPW

    Hmmm I don’t understand.
    I haven’t got a text area for write HTML Code on my ACP (Screenshot)
    I haven’t got a Dropdown Cursor like your screenshot. Just Open in New Windows

    5af569e0-0e17-41da-b30b-649b6c5a875f-image.png

    So Sorry

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #6

    @downpw very odd. Can you perhaps scroll down inside that window ? Also, what NodeBB version are you running ? I think this was introduced in 18.5 - I recall you have 18.4 in test.

    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

    1
  • DownPW DownPW

    Hello @phenomlab

    How do you do this Multiple Route ?
    On ACP it’s impossible to add multiple route on one Icon no?

    c5212b20-ffde-4a33-9183-e95f19f04564-image.png

    Thanks

    😉

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @downpw have a look here
    https://sudonix.com/topic/146/nodebb-dropdown-menu?_=1641044772941

    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

    @downpw have a look here
    https://sudonix.com/topic/146/nodebb-dropdown-menu?_=1641044772941

    DownPW
    DownPW
    DownPW
    wrote on
    #3

    @phenomlab

    it seems that this possibility has been withdrawn
    No Dropdown Cursor

    5af569e0-0e17-41da-b30b-649b6c5a875f-image.png

    PW and WS Spirit alive

    0
  • DownPW DownPW

    @phenomlab

    it seems that this possibility has been withdrawn
    No Dropdown Cursor

    5af569e0-0e17-41da-b30b-649b6c5a875f-image.png

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #4

    @downpw it’s not been withdrawn. You have to write html code in the widgets as per the screenshot

    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
  • DownPW
    DownPW
    DownPW
    wrote on
    #5

    Hmmm I don’t understand.
    I haven’t got a text area for write HTML Code on my ACP (Screenshot)
    I haven’t got a Dropdown Cursor like your screenshot. Just Open in New Windows

    5af569e0-0e17-41da-b30b-649b6c5a875f-image.png

    So Sorry

    PW and WS Spirit alive

    0
  • DownPW DownPW

    Hmmm I don’t understand.
    I haven’t got a text area for write HTML Code on my ACP (Screenshot)
    I haven’t got a Dropdown Cursor like your screenshot. Just Open in New Windows

    5af569e0-0e17-41da-b30b-649b6c5a875f-image.png

    So Sorry

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #6

    @downpw very odd. Can you perhaps scroll down inside that window ? Also, what NodeBB version are you running ? I think this was introduced in 18.5 - I recall you have 18.4 in test.

    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

    1
  • phenomlab phenomlab has marked this topic as solved on
  • DownPW
    DownPW
    DownPW
    wrote on
    #7

    yeah you’re right @phenomlab.
    Problem of NodeBB Version

    PW and WS Spirit alive

    1
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
  • DownPW

    [NodeBB] Focus Mode : simply immersive reading for NodeBB

    Customisation focus mode nodebb javascript css
    1
    2 Votes
    1 Posts
    648 Views
    No one has replied
  • kadir ay 0

    navbar

    Solved Customisation navbar harmony
    2
    2 Votes
    2 Posts
    1k Views
    phenomlab
    Marking as resolved, based on https://community.nodebb.org/topic/18625/navbar/2
  • Hari

    Rotating Star Effect

    Solved Let's Build It wordpress css
    17
    12 Votes
    17 Posts
    5k Views
    Hari
    @phenomlab thanks a lot for these, both of the below are awesome! https://codepen.io/bennettfeely/pen/vYLmYJz https://codepen.io/C-L-the-selector/pen/MWZbWBo
  • 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.
  • 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

    New message CSS problem

    Unsolved Customisation css
    11
    1
    2 Votes
    11 Posts
    4k Views
    phenomlab
    @DownPW hi. Sorry for digging up an old post, but I’m going through items still unresolved and was looking to get an understanding of where you are currently with this?
  • pwsincd

    Fontawesome 5

    Unsolved Customisation fonts css nodebb
    14
    1 Votes
    14 Posts
    6k Views
    phenomlab
    @pwsincd 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 ?
  • Mike Jones

    CSS Help on my Flarum

    Solved Customisation
    5
    2
    2 Votes
    5 Posts
    3k Views
    phenomlab
    @mike-jones Yes, you’ll typically see this type of behaviour if there is another style that has higher priority in the sense that yours will be overridden. Using !important will override the higher preference, but should be used sparingly rather than everywhere.