• Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
v3.5.2 Latest
Buy Hosting

Hey Guys I am a beginner but I'd like to custom design my forum. How do you do this?

Scheduled Pinned Locked Moved Technical Support
7 Posts 5 Posters 3.1k Views
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • N Offline
    N Offline
    NodeForumGod
    wrote on last edited by
    #1

    I found out about NodeBB just yesterday, and I succeeded installing it on cloud!

    Now I'd like to change the layout and appearance to my liking.(color, layout etc)

    How do you go about that?

    1 Reply Last reply
    0
  • alff0x1fA Offline
    alff0x1fA Offline
    alff0x1f
    wrote on last edited by alff0x1f
    #2

    You can create a child theme based on some base theme. http://nodebb.readthedocs.io/en/latest/themes/create.html

    Or you can add CSS rules in ACP, if your changes small.

    1 Reply Last reply
    0
  • alff0x1fA Offline
    alff0x1fA Offline
    alff0x1f
    wrote on last edited by alff0x1f
    #3

    I answer, but it not work for me. I create folder with new theme (as described in docs), but forum don't see my new theme. Something I missed?

    Steps how create theme:

    Create dir node_modules/nodebb-theme-test

    File theme.json:

    @import "./less/bootstrap/bootstrap";
    @import "./less/test";
    

    File theme.json:

    {
        "id": "nodebb-theme-test",
        "name": "test",
        "description": "The custom test theme for NodeBB. Based on persona.",
        "url": "example.com",
        "screenshot": "screenshot.png",
        "baseTheme": "nodebb-theme-persona"
    }
    

    And copy full dir "less" from nodebb-theme-persona and

    mv less/persona.less less/test.less
    

    Restart forum, but in ACP not found my theme.

    Any tips from @pichalite ?

    1 Reply Last reply
    0
  • yariplusY Offline
    yariplusY Offline
    yariplus Community Rep
    wrote on last edited by
    #4

    It's not listed in that doc, but a theme needs to have a valid plugin.json and a package.json too, before nodebb will see it.

    1 Reply Last reply
    0
  • pichaliteP Offline
    pichaliteP Offline
    pichalite Plugin & Theme Dev
    wrote on last edited by
    #5

    Yes as @yariplus pointed out, themes need package.json and plugin.json similar to nodebb plugins.

    Also I think your first file name... you meant to say theme.less

    1 Reply Last reply
    0
  • pichaliteP Offline
    pichaliteP Offline
    pichalite Plugin & Theme Dev
    wrote on last edited by
    #6

    also try this quickstart theme repo... it has everything you need to start creating a theme

    GitHub - NodeBB/nodebb-theme-quickstart: Quickstart Theming Shell

    Quickstart Theming Shell. Contribute to NodeBB/nodebb-theme-quickstart development by creating an account on GitHub.

    favicon

    GitHub (github.com)

    1 Reply Last reply
    2
  • julianJ Offline
    julianJ Offline
    julian GNU/Linux
    wrote on last edited by
    #7

    👍 for the quickstart theme repo 🙂 It's by far the best way to get a theme going, just fork and rename!

    1 Reply Last reply
    0

Copyright © 2023 NodeBB | Contributors
  • Login

  • Don't have an account? Register

  • Login or register to search.
Powered by NodeBB Contributors
  • First post
    Last post
0
  • Home
  • Categories
  • Recent
  • Popular
  • Top
  • Tags
  • Users
  • Groups
  • Documentation
    • Home
    • Read API
    • Write API
    • Plugin Development