1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    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:
    171
    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