1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

How to Make Custom Overlays

Discussion in 'Styling and Customization Questions' started by turtile, Apr 19, 2013.

  1. turtile

    turtile Well-Known Member

    I'm looking to create custom overlays to explain each category on one of my forums. This will allow users to simply click for more information under the forum title without jumping to another page.

    Basically, I want a page to show up the same way as the member card and quick navigation menu but I've notice that they have custom templates/css.


    Forum Explanation

    Example of the forum:

    What is an Aroid?

    When you click on What is an Aroid? A scrollable overlay will appear with an explanation/pictures of the group of plants known as Aroids.

    Thanks for you help!
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    You could create a page node to contain the content of your overlay, then link to it like this:

    <a href="pages/nodename/" class="OverlayTrigger">text</a>
    The content of the page node needs to be contained within one parent element, like a div that encompasses everything. That's a requirement of the overlay system.

Share This Page