Skip to content
Sudonix

[NodeBB] username cards

Solved Customisation
8 3 3.5k 1
  • crazycells
    crazycells
    crazycells
    wrote on
    #1

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

    0
  • crazycells crazycells

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

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #2

    @crazycells with this plugin
    https://community.nodebb.org/topic/15676/hover-cards-nodebb-plugin-cards?_=1640720058074

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    2
  • phenomlab phenomlab

    @crazycells with this plugin
    https://community.nodebb.org/topic/15676/hover-cards-nodebb-plugin-cards?_=1640720058074

    crazycells
    crazycells
    crazycells
    wrote on
    #3

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

    0
  • crazycells crazycells has marked this topic as solved on
  • crazycells crazycells

    @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
    crazycells
    wrote on
    #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?

    0
  • crazycells crazycells

    @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
    phenomlab
    phenomlab
    wrote on
    #5

    @crazycells yes. Here’s the one I’m using
    https://github.com/Schamper/nodebb-plugin-cards#readme

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • phenomlab phenomlab

    @crazycells yes. Here’s the one I’m using
    https://github.com/Schamper/nodebb-plugin-cards#readme

    Sampo2910
    Sampo2910
    Sampo2910
    wrote on
    #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’ 😊

    0
  • Sampo2910 Sampo2910

    @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
    phenomlab
    phenomlab
    wrote on
    #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.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • phenomlab phenomlab

    @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
    Sampo2910
    Sampo2910
    wrote on
    #8

    @phenomlab

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

    1
Log in to reply

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
  • Panda

    Email validation NodeBB

    Bugs nodebb
    21
    3 Votes
    21 Posts
    10k Views
    phenomlab
    @Panda said in Email validation NodeBB: Did you configure that as a custom change to the usual quote icon. How do you do that? I notice on NodeBB site its a solid blue quotes Yes, I changed it. NodeBB by default users the free font awesome library whereas I use the pro (paid) version SDK have access to a wider set of icons, and at different thicknesses etc. The change of colour is just simple CSS.
  • cagatay

    Top Ranked Forums

    Chitchat nodebb top ranked
    9
    1
    3 Votes
    9 Posts
    3k Views
    phenomlab
    The real issue here is that most people consider forums to be “dead” in the sense that nobody uses them anymore, and social media groups have taken their place. Their once dominant stance in the 90’s and early 00’s will never be experienced again, but having said that, there are a number of forums that did in fact survive the social media onslaught, and still enjoy a large user base. Forums tend to be niche. One that immediately sticks out is Reddit - despite looking like it was designed in the 80s, it still has an enormous user base. Another is Stack Overflow, which needs no introduction. The key to any forum is the content it offers, and the more people whom contribute in terms of posting , the more popular and widely respected it becomes as a reliable source of information. Forums are still intensely popular with gamers, alongside those that offer tips on hacking etc.
  • Madchatthew

    Bootstrap Version

    Solved Customisation nodebb bootstrap
    8
    5 Votes
    8 Posts
    3k Views
    Madchatthew
    @phenomlab That will be nice once they have completed that. It will be interesting to see how long that takes. So for now I will use custom css to make it look the way I want. Frameworks just make things a little faster. Thanks @phenomlab
  • qwinter

    Using nodebb as a publishing destination, posting after git push?

    General nodebb
    5
    0 Votes
    5 Posts
    2k Views
    phenomlab
    @qwinter this particular site uses the code I wrote if you want to see it in action. It’s a information and intelligence gatherer I designed for collecting various information security articles from around the globe and consolidating them in one place. Essentially, each “post” is in fact generated by the script, and the NodeBB API. https://hostrisk.com/
  • DownPW

    [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
  • DownPW

    [NODEBB] Welcome Message

    Solved Customisation css html nodebb
    20
    2
    13 Votes
    20 Posts
    9k Views
    phenomlab
    @DownPW the ‘js’ code for the banner takes the time from the client, so what it displays really depends on the regional settings for the operating system. I’ve not seen this issue myself but would like to see some examples of screenshots if possible.
  • JAC

    NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    4k Views
    JAC
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal
  • RiekMedia

    NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.