Skip to content

Discourse Design Change

Customisation
25 3 10.3k 1
  • @jac

    NodeBB

    05bc4af4-bff7-40a0-a927-a9230d3e78ef-image.png

    Discourse

    58f6c045-0747-48a8-9816-0f20c16ede97-image.png

    wrote on last edited by
    #11

    @riekmedia said in Discourse Design Change:

    @jac

    NodeBB

    05bc4af4-bff7-40a0-a927-a9230d3e78ef-image.png

    Discourse

    58f6c045-0747-48a8-9816-0f20c16ede97-image.png

    That banner looks amazing!!

  • JAC JAC

    @riekmedia said in Discourse Design Change:

    @jac

    NodeBB

    05bc4af4-bff7-40a0-a927-a9230d3e78ef-image.png

    Discourse

    58f6c045-0747-48a8-9816-0f20c16ede97-image.png

    That banner looks amazing!!

    wrote on last edited by
    #12

    @jac which banner?

  • @jac which banner?

    wrote on last edited by
    #13

    @riekmedia said in Discourse Design Change:

    @jac which banner?

    On the nodeBB design. I’d be interested to see how you managed to do this? I’ve been thinking of doing something similar with my forum.

  • JAC JAC

    @riekmedia said in Discourse Design Change:

    @jac which banner?

    On the nodeBB design. I’d be interested to see how you managed to do this? I’ve been thinking of doing something similar with my forum.

    wrote on last edited by RiekMedia
    #14

    @jac I simply integrated my website design into the forum with the header HTML and the footer as a widget

    phenomlab then helped me to eliminate the errors because I had a few difficulties with the footer

  • wrote on last edited by
    #15

    it doesn’t get better and doesn’t get any better no matter what I do

    7364f931-2196-41c6-bcd1-942fe6f5a113-image.png

  • it doesn’t get better and doesn’t get any better no matter what I do

    7364f931-2196-41c6-bcd1-942fe6f5a113-image.png

    wrote on last edited by
    #16

    @riekmedia I’ll have a look at this soon.

  • @riekmedia I’ll have a look at this soon.

    wrote on last edited by
    #17

    @phenomlab Hey phenomlab, had you already looked in?

  • @phenomlab Hey phenomlab, had you already looked in?

    wrote on last edited by
    #18

    @riekmedia Not yet. Sorry

  • @riekmedia Not yet. Sorry

    wrote on last edited by
    #19

    @phenomlab Do you know when you can find time for it? I have to honestly say I can’t do it. Have tried it all the time but with the forum I have real problems to implement it. If only because I can’t access the <html> tag that makes my boxed design. Ne change to div did not bring any real success. I even find that it is much worse and more difficult in the forum software than with Nodebb

  • @phenomlab Do you know when you can find time for it? I have to honestly say I can’t do it. Have tried it all the time but with the forum I have real problems to implement it. If only because I can’t access the <html> tag that makes my boxed design. Ne change to div did not bring any real success. I even find that it is much worse and more difficult in the forum software than with Nodebb

    wrote on last edited by
    #20

    @riekmedia I’ll try and have a look over the weekend. However, I’m not entirely conversant with discourse and it’s templating style, so would need to understand that first before we can make any changes.

  • @riekmedia I’ll try and have a look over the weekend. However, I’m not entirely conversant with discourse and it’s templating style, so would need to understand that first before we can make any changes.

    wrote on last edited by
    #21

    @phenomlab Everything is fine, if something breaks is not bad, it’s a bare installation.

  • @phenomlab Everything is fine, if something breaks is not bad, it’s a bare installation.

    wrote on last edited by
    #22

    @riekmedia ok. Thanks.

  • @riekmedia I’ll try and have a look over the weekend. However, I’m not entirely conversant with discourse and it’s templating style, so would need to understand that first before we can make any changes.

    wrote on last edited by
    #23

    @phenomlab okay, I assume that this was done then, since nothing else happened. I will turn it off now

  • @phenomlab okay, I assume that this was done then, since nothing else happened. I will turn it off now

    wrote on last edited by
    #24

    @riekmedia Sorry, but owing to other commitments, I’ve not had any free time to look into this. Happy to do so - I just don’t know when at the the moment.

  • @riekmedia Sorry, but owing to other commitments, I’ve not had any free time to look into this. Happy to do so - I just don’t know when at the the moment.

    wrote on last edited by
    #25

    @phenomlab okay

  • phenomlab phenomlab marked this topic as a regular topic on

Related Topics
  • CSS border gradients

    Blog gradient border css
    10
    3
    2 Votes
    10 Posts
    3k Views
    cagatay
    ah f5 need
  • Q&A Plugin Changes NodeBB

    Solved Customisation nodebb q&a plugin
    25
    1
    6 Votes
    25 Posts
    11k Views
    cagatay
    @phenomlab said in Q&A Plugin Changes NodeBB: float: right; left: 10px; } worked thank you
  • 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
  • Blinking text Effect

    Customisation nodebb text effect css
    3
    5 Votes
    3 Posts
    2k Views
    DownPW
    @phenomlab I love it too @phenomlab said in Blinking text Effect: Has that “broken neon light” look that you see in films. It’s exactly that, kind of old neon signs of bar or pubs a bit cyberpunk too
  • New message CSS problem

    Unsolved Customisation css
    11
    1
    2 Votes
    11 Posts
    4k Views
    phenomlab
    @DownPW hi. Sorry for digging up an old post, but I’m going through items still unresolved and was looking to get an understanding of where you are currently with this?
  • 2 Votes
    10 Posts
    4k Views
    phenomlab
    @DownPW We just have to change the cycles automatically according to each period ? Yes, this is by far the safest I think it is possible to achieve the goal, I have already seen this kind of thing on a site without any perf problems. It’s certainly possible, but not without issues or impact to performance (in my view)
  • [NODEBB] Help for my custom CSS

    Solved Customisation nodebb css bugfix
    258
    49 Votes
    258 Posts
    173k Views
    cagatay
    mark hi, Refused to apply style from ‘https://efelsefe.com/assets/customfonts/FontAwesome-6-Pro/pro/css/v4-font-face.css’ because its MIME type (‘text/plain’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. I keep getting this error.
  • 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.