Skip to content
Sudonix

sudonix

[NODEBB] Help for my custom CSS

Solved Customisation
Posts 218 Posters 4 Views 38.5k Watching 3
Log in to reply

170/218

1 Jun 2023, 13:21

Threaded Replies

Related Topics
  • crazycellsundefined

    CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    218 3 Apr 2024, 02:11
    3 Apr 2024, 02:11
    2
    3 Votes
    6 Posts
    1k Views
    undefined
    @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.
  • DownPWundefined

    nodebb-plugin-custom-pages

    Solved Customisation plugin custom-pages
    218 14 Jul 2023, 12:20
    14 Jul 2023, 12:20
    2
    3 Votes
    5 Posts
    838 Views
    phenomlabundefined
    @DownPW it’s possible, yes, but you may inadvertently end up targeting other elements using the same class which of course isn’t desired. Can you provide a link in DM for me to review?
  • Pandaundefined

    Nodebb design

    Solved General nodebb
    218 11 Jul 2023, 10:13
    11 Jul 2023, 10:13
    1 Votes
    2 Posts
    394 Views
    phenomlabundefined
    @Panda said in Nodebb design: One negative is not being so good for SEO as more Server side rendered forums, if web crawlers dont run the JS to read the forum. From recollection, Google and Bing have the capability to read and process JS, although it’s not in the same manner as a physical person will consume content on a page. It will be seen as plain text, but will be indexed. However, it’s important to note that Yandex and Baidu will not render JS, although seeing as Google has a 90% share of the content available on the web in terms of indexing, this isn’t something you’ll likely lose sleep over. @Panda said in Nodebb design: The “write api” is preferred for server-to-server interactions. This is mostly based around overall security - you won’t typically want a client machine changing database elements or altering data. This is why you have “client-side” which could be DOM manipulation etc, and “server-side” which performs more complex operations as it can communicate directly with the database whereas the client cannot (and if it can, then you have a serious security flaw). Reading from the API is perfectly acceptable on the client-side, but not being able to write. A paradigm here would be something like SNMP. This protocol exists as a UDP (UDP is very efficient, as it is “fire and forget” and does not wait for a response like TCP does) based service which reads performance data from a remote source, thus enabling an application to parse that data for use in a monitoring application. In all cases, SNMP access should be “RO” (Read Only) and not RW (Read Write). It is completely feasible to assume complete control over a firewall for example by having RW access to SNMP and then exposing it to the entire internet with a weak passphrase. You wouldn’t do it (at least, I hope you wouldn’t) and the same ethic applies to server-side rendering and the execution of commands.
  • DownPWundefined

    hover link effect

    Solved Customisation css link hover
    218 30 Oct 2022, 20:52
    30 Oct 2022, 20:52
    1
    6 Votes
    18 Posts
    1k 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.
  • phenomlabundefined

    Changing the look of recent cards

    Announcements cards css
    218 8 Oct 2022, 18:17
    8 Oct 2022, 18:17
    1
    2 Votes
    1 Posts
    326 Views
    No one has replied
  • pwsincdundefined

    Fontawesome 5

    Unsolved Customisation fonts css nodebb
    218 27 Mar 2022, 16:22
    27 Mar 2022, 16:22
    1 Votes
    14 Posts
    1k Views
    phenomlabundefined
    @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 ?
  • crazycellsundefined

    CSS codes for fa-info icon

    Solved Customisation nodebb
    218 30 Jan 2022, 22:07
    30 Jan 2022, 22:07
    1
    6 Votes
    9 Posts
    843 Views
    crazycellsundefined
    I have just figured it out… it can be targeted with text-decoration-color: I was mistakenly using color
  • JACundefined

    NodeBB Footer

    Solved Customisation footer nodebb
    218 6 Jan 2022, 12:20
    6 Jan 2022, 12:20
    1 Votes
    10 Posts
    1k Views
    JACundefined
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal