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
  • Nodebb 3.2.0

    Bugs nodebb nodebb 3.2.0
    20
    1
    2 Votes
    20 Posts
    7k Views
    phenomlab
    @crazycells yes, I’m aware of that. Need to fix EDIT- fixed. Caused by the same CSS that is used to absolutely position the “verified” group badge in the posts view. Amended this CSS so that is specifically targets the post stream as below li[component="post"] a[href*="/groups/verified"] { position: absolute !important; left: 8px; z-index: 2; margin-top: 1px; border-radius: 999px !important; line-height: 14px; display: block; height: 22px; margin-left: 0px !important; }
  • Header Menu After Upgrading V3.1.1

    Solved Customisation header nodebb
    2
    1
    2 Votes
    2 Posts
    1k Views
    phenomlab
    @cagatay this relates to a change the css classes used for the brand header meaning it will now float to the left instead of right. If you’d like to retain the original behavior, you can add this css class [data-widget-area="brand-header"] { justify-content: end; display: flex; } Further information here https://community.nodebb.org/topic/17090/manual-build-a-custom-header-in-harmony/19?_=1684069325296
  • 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]
  • Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @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
  • [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
  • background color of the footer area

    Solved Customisation nodebb
    7
    1
    7 Votes
    7 Posts
    4k Views
    crazycells
    @phenomlab thank you very much
  • NodeBB 1.19.3

    Solved Performance nodebb 1.19.3 performance
    33
    4 Votes
    33 Posts
    16k 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
  • Social icon (Nodebb)

    Solved Customisation nodebb social
    7
    0 Votes
    7 Posts
    3k Views
    JAC
    @phenomlab said in Social icon (Nodebb): @jac I just tested my theory around using the OG image, and according to the Twitter card validator, it works fine [image: 73e805e1-997b-41bf-9259-51c5052ca8fc-image.png] fixed