Skip to content

[NODEBB] Help for my custom CSS

Solved Customisation
258 5 173.4k 3
  • wrote on last edited by

    I use this CSS code for control the button in the custom bar :

    .btn-donation {
        font-size: 12px; /* Taille du texte */
        padding: 2px 5px 2px 5px; /* Marges internes pour agrandir le bouton */
        border-radius: 8px; /* Coins arrondis */
        margin-top: -8.8px !important;
        color: #ffffff !important;
    }
        
    .btn-donation img {
        width: 18px; /* Taille de l’icône */
        height: 16px;
    }
    
  • wrote on last edited by DownPW

    @phenomlab

    Find him :

    76089049-894e-490f-bafa-10469193aca0-image.png

    But I use this code for control image on topics and Shoutbox 😞


    EDIT: I disabled this code and it seems to be OK

    Thanks @phenomlab

  • wrote on last edited by DownPW

    Hello @phenomlab

    Love your new Glass effect on tittle site.

    Possible to adapt it to my site/share the code ?

    fantazsyshgfhfhgfhghfhfghfg.gif

  • Hello @phenomlab

    Love your new Glass effect on tittle site.

    Possible to adapt it to my site/share the code ?

    fantazsyshgfhfhgfhghfhfghfg.gif

    wrote on last edited by

    @DownPW Possible, yes, although this particular effect uses CSS only for both the text itself, and the shine rollover. It’s actually quite complex in setup and takes several adjustments to get it to look right.

    It’s also important to understand if you are using this on a logo, or just text?

  • @DownPW Possible, yes, although this particular effect uses CSS only for both the text itself, and the shine rollover. It’s actually quite complex in setup and takes several adjustments to get it to look right.

    It’s also important to understand if you are using this on a logo, or just text?

    wrote on last edited by phenomlab

    @phenomlab said in [NODEBB] Help for my custom CSS:

    It’s also important to understand if you are using this on a logo, or just text?

    just text; logo on the left is separate

  • @phenomlab said in [NODEBB] Help for my custom CSS:

    It’s also important to understand if you are using this on a logo, or just text?

    just text; logo on the left is separate

    wrote on last edited by

    @DownPW And the hue animation? Or just the glass effect?

  • wrote on last edited by

    I’d like to try it without HUE to start.

    But I’m always keen to try lots of things 🙂

    You could always explain both to me, so I can apply them separately.

  • I’d like to try it without HUE to start.

    But I’m always keen to try lots of things 🙂

    You could always explain both to me, so I can apply them separately.

    wrote on last edited by

    @DownPW Ok. No problems. Let me get back to you. In real life calling presently.

  • wrote on last edited by

    OK 🙂

    Wait News

  • wrote on last edited by

    Yeah I also like the looks and effect of the Sudonix logo at the top. Looks very awesome!

  • wrote on last edited by

    😢 😢

  • wrote on last edited by

    @DownPW coming soon…

  • @DownPW coming soon…

    wrote on last edited by

    @phenomlab said in [NODEBB] Help for my custom CSS:

    @DownPW coming soon…

    No problem, I like to annoy you, you know that 🙂

    French expression: He who loves well, chastises well !

  • @phenomlab said in [NODEBB] Help for my custom CSS:

    @DownPW coming soon…

    No problem, I like to annoy you, you know that 🙂

    French expression: He who loves well, chastises well !

    wrote on last edited by

    @DownPW I made some final alterations to the master code for this effect, and will release very soon.

  • wrote on last edited by
  • wrote on last edited by

    Ohh super ^^
    Thank you Mark

  • wrote on last edited by

    Hi Mark
    My Homepage did not shown on top.

    image.png

  • Hi Mark
    My Homepage did not shown on top.

    image.png

    wrote on last edited by

    @cagatay That looks like you didn’t define a label for the icon. Have a look at /admin/settings/navigation, and you’ll see what I mean

    185e4cab-d66d-4b28-be84-fcf1293d7d23-{B68462A1-F628-4904-82B1-32CC90A060FD}.png

  • wrote on last edited by cagatay

    thank you Mark, fixed.

  • wrote on last edited by cagatay

    how can i add these new year icons to my home page as well?

    image.png


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
  • 4 Votes
    3 Posts
    2k Views
    crazycells
    thanks @DownPW ! this is definitely very helpful.
  • Custom Page - nodebb

    Solved Customisation custom-pages nodebb
    13
    2
    5 Votes
    13 Posts
    3k Views
    DownPW
    I’m happy to see this
  • Spam spam spam

    Solved Configure nodebb
    6
    2 Votes
    6 Posts
    3k Views
    phenomlab
    @Panda said in Spam spam spam: ok, yes Ive seen the queue, it shows IP, but doesnt have a field for comments from registrant. It’s not designed for that. It merely serves as a gateway between posts appearing on your form or not. @Panda said in Spam spam spam: It would be better if nodebb had this plugin included in ACP list, as not only then do you know its approved and should work, but many people cant or dont want to use CLI on the server That’s a question for the NodeBB devs but in all honesty you can’t not use the CLI when installing nodebb so to be this isn’t a big deal.
  • Switch between list and card view function

    Moved Let's Build It cards layout css
    107
    1
    50 Votes
    107 Posts
    58k Views
    phenomlab
    @crazycells [image: image.png] [image: image.png]
  • NodeBB: The global Search option

    Solved Configure search nodebb
    5
    0 Votes
    5 Posts
    2k Views
    phenomlab
    @mventures Yes, exactly. The other icon will restart NodeBB whilst the first icon I referenced will rebuild (recompile) it. The huge strength of NodeBB over Flarum (for example) is that the code is precompiled, and called once at boot. PHP’s code has to repeatedly reload code from source making it much slower.
  • NodeBB 1.19.3

    Solved Performance nodebb 1.19.3 performance
    33
    4 Votes
    33 Posts
    17k Views
    DownPW
    @phenomlab I find the problem Mark The error message indicated this path : http://localhost:4567/assets/plugins/nodebb-plugin-emoji/emoji/styles.css?v=6983dobg16u I change the path url on config.json [image: 47bacc80-f141-41e4-a261-3f8d650cc6f6-image.png] And all it’s good Weird, I didn’t have to change that path before 1.19.3 But this does not prevent the problem from a clean install with Emoji Plugin EDIT: After test, that resolv the problem installation for 1.18.x but not for 1.19.x (I have other error message when I run ./nodebb Setup For resume: NodeJS 16_x with 1.18.x is ok
  • [NodeBB] First post customization

    Solved Customisation nodebb
    5
    4 Votes
    5 Posts
    3k Views
    crazycells
    @phenomlab thanks
  • [NodeBB] custom Gravatar image not showing

    Solved Customisation
    6
    1 Votes
    6 Posts
    3k Views
    JAC
    @jac said in [NodeBB] custom Gravatar image not showing: @phenomlab said in [NodeBB] custom Gravatar image not showing: @jac are you using Custom ? Sure am mate Confirmed Fixed