Skip to content

[NodeBB] username cards

Solved Customisation
8 3 3.5k 1
  • wrote on last edited by
    #1

    Hi @phenomlab , you have very nice cards showing while hovering the username in this forum. How did you do it?

  • Hi @phenomlab , you have very nice cards showing while hovering the username in this forum. How did you do it?

    wrote on last edited by
    #2
  • wrote on last edited by
    #3

    @phenomlab lol sorry my bad. we use nodebb-plugin-cards2 plugin, and somehow I thought this is the fixed version of cards plugin.

  • crazycells crazycells has marked this topic as solved on
  • @phenomlab lol sorry my bad. we use nodebb-plugin-cards2 plugin, and somehow I thought this is the fixed version of cards plugin.

    wrote on last edited by
    #4

    @phenomlab actually, it does not work on our forum…

    You are sure that that plugin does that, right? I guess it might be because we have NodeBB installed as a subfolder /forum … Do you think this might be the reason?

  • @phenomlab actually, it does not work on our forum…

    You are sure that that plugin does that, right? I guess it might be because we have NodeBB installed as a subfolder /forum … Do you think this might be the reason?

    wrote on last edited by
    #5
  • wrote on last edited by
    #6

    @phenomlab

    The topic is a little old so sorry to revive 😊 My forum is sooo small and to be honest just for my learning so there is nothing on it. When i am happy with it I will ‘advertise it’ for its purpose.

    Anyway this is a really nice plugin and I also use. I get a little strange behavior but it is not when i hover over all the time.

    hovercards.png

    If i click on it it just goes green.

    ss1.png

    As you see in other areas that it seems to be ok. (although with the only deafult themes I like it is not so good )

    ss2.png

    Any ideas? I think i have uninstalled NodeBB and started again about 4 times haha so maybe traces of ‘bad stuff’ 😊

  • @phenomlab

    The topic is a little old so sorry to revive 😊 My forum is sooo small and to be honest just for my learning so there is nothing on it. When i am happy with it I will ‘advertise it’ for its purpose.

    Anyway this is a really nice plugin and I also use. I get a little strange behavior but it is not when i hover over all the time.

    hovercards.png

    If i click on it it just goes green.

    ss1.png

    As you see in other areas that it seems to be ok. (although with the only deafult themes I like it is not so good )

    ss2.png

    Any ideas? I think i have uninstalled NodeBB and started again about 4 times haha so maybe traces of ‘bad stuff’ 😊

    wrote on last edited by
    #7

    @Sampo2910 hey. The behavior you were seeing is in fact normal. The card will only display in the actual post view and not in the main list. Clicking the avatar in the recent view (or any others) simply selects that post for multiple functions which explains the reason for turning green, and the avatar replaced by a check mark.

  • @Sampo2910 hey. The behavior you were seeing is in fact normal. The card will only display in the actual post view and not in the main list. Clicking the avatar in the recent view (or any others) simply selects that post for multiple functions which explains the reason for turning green, and the avatar replaced by a check mark.

    wrote on last edited by
    #8

    @phenomlab

    Aha…nice to know. As always thank you for the reply and information.


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
  • 2 Votes
    1 Posts
    639 Views
    No one has replied
  • Forum Icons NodeBB

    Solved Customisation icons forum nodebb
    13
    0 Votes
    13 Posts
    5k Views
    phenomlab
    @cagatay That matches what I see [image: 4f0f858d-9812-42b1-9f61-ffb13d31dccd-image.png]
  • Title on homepage of nodebb forum

    Solved Customisation nodebb
    2
    1 Votes
    2 Posts
    2k Views
    phenomlab
    @eveh Welcome board The code you are referring to is custom written as no such functionality exists under NodeBB. However, adding the functionality is relatively trivial. Below are the required steps Navigate to /admin/appearance/customise#custom-header Add the below code to your header, and save once completed <ol id="mainbanner" class="breadcrumb"><li id="addtext">Your Title Goes Here</li></ol> Navigate to /admin/appearance/customise#custom-js and add the below code, then save $(document).ready(function() { $(window).on('action:ajaxify.end', function(data) { // Initialise mainbanner ID, but hide it from view $('#mainbanner').hide(); var pathname = window.location.pathname; if (pathname === "/") { $("#addtext").text("Your Title"); $('#mainbanner').show(); } else {} // If we want to add a title to a sub page, uncomment the below and adjust accordingly //if (pathname === "/yourpath") { //$("#addtext").text("Your Title"); //$('#mainbanner').show(); //} }); }); Navigate to /admin/appearance/customise#custom-css and add the below CSS block .breadcrumb { right: 0; margin-right: auto; text-align: center; background: #0086c4; color: #ffffff; width: 100vw; position: relative; margin-left: -50vw; left: 50%; top: 50px; position: fixed; z-index: 1020; } Note, that you will need to adjust your CSS code to suit your own site / requirements.
  • [NodeBB] greeting message

    Solved Customisation css nodebb javascript
    2
    1
    3 Votes
    2 Posts
    2k Views
    phenomlab
    @pwsincd welcome to sudonix, and thanks for the comments. What your looking for is here https://sudonix.com/topic/195/nodebb-welcome-message/3?_=1648295651358
  • [NODEBB] Stats

    Unsolved Customisation plugin stats script
    20
    1
    2 Votes
    20 Posts
    6k Views
    JAC
    @phenomlab said in [NODEBB] Stats: @jac or I land up fixing it I wouldn’t put it past you
  • NodeBB Discord Plugins

    Unsolved Customisation nodebb discord plugin
    7
    0 Votes
    7 Posts
    4k Views
    phenomlab
    @RiekMedia 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 ?
  • NodeBB vs Discourse

    Chitchat nodebb discourse board
    25
    6 Votes
    25 Posts
    14k Views
    RiekMedia
    @phenomlab said in NodeBB vs Discourse: Hetzner eh ? I use them also. In fact, Sudonix is hosted in Nuremberg yes i’m also at hetzner, i have been a customer there for years with a reseller account for domains. My VPS that I host there are also in Nuremberg
  • How to set a signature in NodeBB?

    Solved Customisation
    4
    2 Votes
    4 Posts
    2k Views
    JAC
    @phenomlab said in How to set a signature in NodeBB?: @jac No issues at all with copying. This is set using the signature for the user you are posting as. In the case of Hostrisk, it’s set like the below [image: 7bf04183-f6e8-4d72-b0eb-c9a05c9cd24b-image.png] You can set the signature by using https://domain.com/user/theuser/edit Mamy thanks Mark, I’ll set this up later .