1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Please donate today & help us with our growing server costs or buy premium for access to our premium products
    Dismiss Notice

FREE How to create a Page node

Discussion in 'Xenforo Template Mods & Extras' started by Deviant, May 25, 2016.

  1. Deviant

    Deviant Administrator Staff Member ADMIN

    Likes Received:
    149
    Trophy Points:
    43
    Gender:
    Male
    I've posted this elsewhere but it's buried in a thread and will be overlooked by a lot of members so I'm reposting the instructions here.

    To create a new page go to ACP -> Applications -> Create New Page

    Select Page and configure the fields.
    • Enter a URL (e.g. myfirstpage) – this will be the URL of the page, for example: http://www.myforum.com/pages/myfirstpage/
    • Enter the title, e.g. Welcome To My Forum
    • Enter a description – this is optional and will appear as muted text below the title (see the screenshots below)
    • Select the Parent Node – this can be the root, a category, forum or another page
    • Set the display order
    • Check the checkbox if you want the page to be visible in the list
    • Enter your markup (HTML/CSS code) in the Template HTML field – see the notes below
    • Select whether you want the published date and number of visits to be displayed in the bottom right hand corner of the page
    • Select whether links to sibling and child nodes are to be displayed within the page
    • Finally you have the option of forcing the page to display in a particular style, no matter what style a member is using.
    If you want page content to look exactly like post content then you must wrap it in this div:

    Code:
    <div class="messageText ugc baseHtml">
    
    your content here
    
    </div>
    
    Those 3 CSS classes are responsible for:
    [LIST]
    [*]defining the font settings (messageText)
    [*]styling URL links (ugc)
    [*]resetting the html back to “normal” (baseHtml)
    [/LIST]
    All content must be wrapped in these default classes to enable pages to use the same CSS as forum posts and automatically update with each style
    
    The image below shows a comparison between a forum post and a page with baseHtml & messageText CSS, baseHtml only, messageText only and no CSS classes.
     

Share This Page

Post thread