Skip to content
Sudonix

sudonix

Fontawesome 5

Unsolved Customisation
Log in to reply

1/14

27 Mar 2022, 16:22

Threaded Replies
Related Topics
  • Pandaundefined

    Nodebb design

    Solved General nodebb
    14 11 Jul 2023, 10:13
    11 Jul 2023, 10:13
    1 Votes
    2 Posts
    378 Views
    undefined
    @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.
  • Pandaundefined

    Removing blue 'moved' tag from post

    Solved Configure nodebb
    14 26 Jun 2023, 16:25
    26 Jun 2023, 16:25
    2
    3 Votes
    16 Posts
    1k Views
    Pandaundefined
    @phenomlab Ah, got it working! I reversed the CSS addition to put z index high, and then I could see another error box saying fork title must be at least 3 characters. So made the new fork title longer and button responded.
  • DownPWundefined

    hover link effect

    Solved Customisation css link hover
    14 30 Oct 2022, 20:52
    30 Oct 2022, 20:52
    1
    6 Votes
    18 Posts
    1k Views
    undefined
    @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

    Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    14 30 Oct 2022, 08:14
    30 Oct 2022, 08:14
    0 Votes
    13 Posts
    1k Views
    undefined
    @cagatay That matches what I see [image: 1667218162107-4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • cagatayundefined

    Changing Background on NodeBB

    Solved Customisation background image nodebb
    14 27 Oct 2022, 09:28
    27 Oct 2022, 09:28
    0 Votes
    4 Posts
    726 Views
    undefined
    @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
  • undefined

    Changing the look of recent cards

    Announcements cards css
    14 8 Oct 2022, 18:17
    8 Oct 2022, 18:17
    1
    2 Votes
    1 Posts
    321 Views
    No one has replied
  • DownPWundefined

    [NodeBB] [JS SCRIPT/CSS] Theme Switcher

    Customisation theme switcher javascript css theme
    14 6 Feb 2022, 11:34
    6 Feb 2022, 11:34
    4 Votes
    8 Posts
    3k Views
    undefined
    @DownPW done
  • DownPWundefined

    [NODEBB] Scroll Button

    Solved Customisation css javascript html scroll button
    14 16 Jan 2022, 16:50
    16 Jan 2022, 16:50
    1
    0 Votes
    7 Posts
    995 Views
    undefined
    @downpw ooops. Forgot that. Thanks for adding.