Skip to content

Discourse Design Change

Customisation
25 3 10.3k 1
  • Hello everyone
    how easy is it to tap a design in Discourse? An editor is also offered as in Nodebb. Just added my design there for the test. The ergibis was then a catastrophe^^

    Anyone already experiences with it?

    PS : @phenomlab Screenshot upload not working, max 2048 kb

    wrote on last edited by phenomlab
    #3

    @riekmedia said in Discourse Design Change:

    Screenshot upload not working, max 2048 kb

    EDIT - Try now ?

  • JAC JAC

    @riekmedia said in Discourse Design Change:

    Hello everyone
    how easy is it to tap a design in Discourse? An editor is also offered as in Nodebb. Just added my design there for the test. The ergibis was then a catastrophe^^

    Anyone already experiences with it?

    PS : @phenomlab Screenshot upload not working, max 2048 kb

    Definitely be interesting to see this 😁.

    wrote on last edited by
    #4

    @jac

    NodeBB

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

    Discourse

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

  • @jac

    NodeBB

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

    Discourse

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

    wrote on last edited by
    #5

    @riekmedia Nothing a bit of CSS couldn’t fix.

  • @riekmedia Nothing a bit of CSS couldn’t fix.

    wrote on last edited by
    #6

    @phenomlab I totally agree with you. If you take it exactly you should actually write a new css file with only what you really need.

    But and that’s the hack, you are definitely right, assuming you can do it 🙂

    I am definitely not a designer, I love php and c # but design is not my world at all and has never really dealt with it

  • @phenomlab I totally agree with you. If you take it exactly you should actually write a new css file with only what you really need.

    But and that’s the hack, you are definitely right, assuming you can do it 🙂

    I am definitely not a designer, I love php and c # but design is not my world at all and has never really dealt with it

    wrote on last edited by
    #7

    @riekmedia Yes, it wouldn’t be too difficult, but I’d need access to the site of course.

  • @riekmedia Yes, it wouldn’t be too difficult, but I’d need access to the site of course.

    wrote on last edited by
    #8

    @phenomlab I sent you the data via PM.

  • @jac

    NodeBB

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

    Discourse

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

    wrote on last edited by
    #9

    @riekmedia said in Discourse Design Change:

    NodeBB

    Looking good!!!

  • @jac

    NodeBB

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

    Discourse

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

    wrote on last edited by
    #10

    @riekmedia said in Discourse Design Change:

    Discourse

    Be interesting to see how this plays out 👍🏻.

  • @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.


Related Topics
  • CSS code customization for the link preview plugin

    Solved Customisation css nodebb
    6
    2
    3 Votes
    6 Posts
    3k Views
    phenomlab
    @kadir-ay-0 marking as resolved based on https://community.nodebb.org/topic/17109/manual-build-a-night-mode-for-harmony/5 Please do not raise requests in two places - here and the NodeBB forums. All this does is create unnecessary load for both parties.
  • 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
  • 2 Votes
    1 Posts
    799 Views
    No one has replied
  • 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] 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.
  • [NODEBB] CSS Style Sheets SelectBox

    Locked Solved Customisation css
    112
    24 Votes
    112 Posts
    65k Views
    phenomlab
    @DownPW as discussed in PM Seems to have been solved with the new JS code that you added allowing the version CSS file change!! Cache problem therefore with the JS of the Switcher theme Based on this, I will close this thread and reference https://sudonix.com/topic/207/nodebb-help-for-my-custom-css/27
  • 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.