• 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

How to change the design the first reply in the topic?

Scheduled Pinned Locked Moved Unsolved Technical Support
13 Posts 6 Posters 589 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.
  • omegaO Offline
    omegaO Offline
    omega Community Rep
    replied to Thangaraja C on last edited by omega
    #4

    @Thangaraja-C

    Q1: Is it a Wiki function and Wiki style first post you are after?

    Q2: Are you perhaps pasting everything into the title bar - title + content?

    1 Reply Last reply
    0
  • Thangaraja CT Offline
    Thangaraja CT Offline
    Thangaraja C Gamers
    wrote on last edited by Thangaraja C
    #5

    Something like below. @Julian reply must be the first post.

    fe045cbf-30c5-42df-9f53-e4d8c33b50df-image.png

    1 Reply Last reply
    0
  • crazycellsC Offline
    crazycellsC Offline
    crazycells
    replied to Thangaraja C on last edited by
    #6

    @Thangaraja-C said in How to change the design the first reply in the topic?:

    As of now, the first thread/reply always stays on top. Is there a way to show it along with the topic title instead of showing it separatly?

    I think you are asking about the old design where the first post was separated from the rest, and topic buttons were below the first post...

    Unfortunately, that design has changed. I am also a fan of the old version but right now in order to separate the first post from the rest we use this custom CSS:

    li[data-index="0"] .post-footer {
        border-bottom: 1px solid #eee;
    
    }
    

    It is nothing close to the old version but still separates the first post from the rest.

    phenomlabP 1 Reply Last reply
    1
  • Thangaraja CT Offline
    Thangaraja CT Offline
    Thangaraja C Gamers
    wrote on last edited by
    #7

    Thanks. I will try this

    1 Reply Last reply
    0
  • phenomlabP Online
    phenomlabP Online
    phenomlab
    replied to crazycells on last edited by
    #8

    @crazycells I also use a similar mechanism in sudonix.com where I set a background colour for the first post. The next iteration of theming on sudonix will also leverage colour for original poster etc.

    crazycellsC 1 Reply Last reply
    1
  • crazycellsC Offline
    crazycellsC Offline
    crazycells
    replied to phenomlab on last edited by
    #9

    @phenomlab said in How to change the design the first reply in the topic?:

    @crazycells I also use a similar mechanism in sudonix.com where I set a background colour for the first post. The next iteration of theming on sudonix will also leverage colour for original poster etc.

    Yes, actually we will move to the "box" system soon, our users find it easier to read 🙂 so, all posts will be in boxes...

    then I am planning to apply your codes 😄 to get the first post in the box with the same color as the category color.

    1 Reply Last reply
    1
  • Thangaraja CT Offline
    Thangaraja CT Offline
    Thangaraja C Gamers
    wrote on last edited by
    #10

    This is what I exactly meant. I am not sure how to bring this back

    961f58d4-8acd-4538-87e2-a21ad035e2fe-image.png

    phenomlabP 1 Reply Last reply
    1
  • phenomlabP Online
    phenomlabP Online
    phenomlab
    replied to Thangaraja C on last edited by
    #11

    @Thangaraja-C you'd need to modify the templates themselves to get that look.

    crazycellsC 1 Reply Last reply
    1
  • crazycellsC Offline
    crazycellsC Offline
    crazycells
    replied to phenomlab on last edited by
    #12

    I believe it is not very easy to do this.

    For us, first posts are usually the most important and information-carrying long posts, so we also wanted to separate that from the rest, but putting topic buttons below the first post.

    I tried to get this look before but since on the topic.tpl file posts are not separated it was impossible for me to do it. I kept breaking the page 😄 Then I gave up...

    But, if there is an easy way to achieve this I appreciate any help 😄

    1 Reply Last reply
    0
  • barisB Offline
    barisB Offline
    <baris> NodeBB
    wrote on last edited by
    #13

    Hmm you should be able to display some content only after the first posts by adding a if in the topic.tpl. For example on this line https://github.com/NodeBB/nodebb-theme-persona/blob/master/templates/topic.tpl#L74

    You can add

    {{{ if !posts.index }}}
    only visible on main post
    {{{ end }}}
    

    Since the main posts has an index of 0, that content will only show in the main post.

    1 Reply Last reply
    1

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