XF 1.4 creating a page

Brad P · Sep 13, 2014

Afternoon i am trying to add a html onto the xenforo page but it doesn't seem to show the actual page correctly.

trying to get this on there http://gametec.co.uk/premium.html

if anyone can help me with this then that be grand.

Paul B · Sep 13, 2014

You don't need the body, head and html tags.

https://xenforo.com/community/resources/how-to-create-a-page-node.354/

Brad P · Sep 13, 2014

thanks for the reply Brogan i have done that and it now shows this. http://gametec.co.uk/pages/premium/

the code i have in the template page is this am i missing something.

Code:

<head>
        <title>GameTec Premium</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.poptrox.min.js"></script>
        <script src="js/jquery.scrolly.min.js"></script>
        <script src="js/jquery.scrollgress.min.js"></script>
        <script src="js/skel.min.js"></script>
        <script src="js/init.js"></script>
        <noscript>
            <link rel="stylesheet" href="css/skel.css" />
            <link rel="stylesheet" href="css/style.css" />
            <link rel="stylesheet" href="css/style-wide.css" />
            <link rel="stylesheet" href="css/style-normal.css" />
        </noscript>
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    </head>
    <body>
  
          
        <!-- Intro -->
            <section class="main style1 dark fullscreen" id="intro" name="intro">
                <div class="content container small">
                    <header>
                        <h2><img src="http://i.minus.com/iDv5K7NUOdVpU.png" width="890" height="632" alt=""/></h2>
                    </header>
                    <p>Our premium members have nothing but the best quality of Features, Threads, &amp; Support here @ GameTec</p>
                    <footer>
                        <a href="#one" class="button style2 down">More</a>
                    </footer>
                </div>
            </section>
      
        <!-- One -->
            <section class="main style2 right dark fullscreen" id="one" name="one">
                <div class="content box style2">
                    <header>
                        <h2>Shoutbox</h2>
                    </header>
                    <p>You read correctly users, we have a built-in chat box that allows you to communicate with other members on the site! So no more waiting on a user to reply to a PM!</p>
                </div>
                <a href="#two" class="button style2 down anchored">Next</a>
            </section>
      
        <!-- Two -->
            <section id="two" class="main style2 left dark fullscreen">
                <div class="content box style2">
                    <header>
                        <h2>Name Customization</h2>
                    </header>
                    <p>Users have the choice to customize the color of their names, the font style &amp; apply <em>italic</em> effect</p>
                </div>
                <a href="#three" class="button style2 down anchored">Next</a>
            </section>
          
        <!-- Three -->
        <section class="main style2 right dark fullscreen" id="three" name="three">
                <div class="content box style2">
                    <header>
                        <h2>Unique Content</h2>
                    </header>
                    <p>We at GameTec are always creating new content that hasn't been posted anywhere else but only here @GameTec</p>
          </div>
                <a href="#four" class="button style2 down anchored">Next</a>
            </section>
          
          
        <!-- Four -->
      
        <section id="four" class="main style2 left dark fullscreen">
      
            <div class="content box style2">
              <header>
                <h2>Animated avatars &amp; Signatures</h2>
              </header>
              <p>Indeed premiums are allowed to have animated images on avatars &amp; on signatures</p>
          </div>
                <a href="#five" class="button style2 down anchored">Next</a>
            </section>

    <!-- Five -->
     <section class="main style2 right dark fullscreen" id="five" name="five">
                <div class="content box style2">
                    <header>
                        <h2>Name Change</h2>
                    </header>
                    <p>Users can change their names x amount of times if they are bored of their current username</p>
          </div>
            <a href="#upgrade" class="button style2 down anchored">Next</a>  
            </section>
          
     <!--Upgrade Today-->
     <section class="main style1 dark fullscreen" id="upgrade" name="upgrade">
                <div class="content container small">
                    <header>
                        <h2><a href="http://gametec.co.uk/account/upgrades"><img src="images/upgradetoday.png" width="762" height="475" alt=""/></a></h2>
                    </header>
                  
                    <footer>
                  
                    </footer>
                </div>
            </section>

Paul B · Sep 13, 2014

Brogan said:
You don't need the body, head and html tags.

Brad P · Sep 13, 2014

sorry okay here is the code i have now, what else do i need to remove

Code:

<html>
   
        <title>GameTec Premium</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.poptrox.min.js"></script>
        <script src="js/jquery.scrolly.min.js"></script>
        <script src="js/jquery.scrollgress.min.js"></script>
        <script src="js/skel.min.js"></script>
        <script src="js/init.js"></script>
        <noscript>
            <link rel="stylesheet" href="css/skel.css" />
            <link rel="stylesheet" href="css/style.css" />
            <link rel="stylesheet" href="css/style-wide.css" />
            <link rel="stylesheet" href="css/style-normal.css" />
        </noscript>
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
   
    <!-- Intro -->
<section class="main style1 dark fullscreen" id="intro" name="intro">
<div class="content container small">
<header>
<h2><img alt="" height="632" src="http://i.minus.com/iDv5K7NUOdVpU.png" width="890" /></h2>
</header>

<p>Our premium members have nothing but the best quality of Features, Threads, &amp; Support here @ GameTec</p>

<footer><a class="button style2 down" href="#one">More</a></footer>
</div>
</section>
<!-- One -->

<section class="main style2 right dark fullscreen" id="one" name="one">
<div class="content box style2">
<header>
<h2>Shoutbox</h2>
</header>

<p>You read correctly users, we have a built-in chat box that allows you to communicate with other members on the site! So no more waiting on a user to reply to a PM!</p>
</div>
<a class="button style2 down anchored" href="#two">Next</a></section>
<!-- Two -->

<section class="main style2 left dark fullscreen" id="two">
<div class="content box style2">
<header>
<h2>Name Customization</h2>
</header>

<p>Users have the choice to customize the color of their names, the font style &amp; apply <em>italic</em> effect</p>
</div>
<a class="button style2 down anchored" href="#three">Next</a></section>
<!-- Three -->

<section class="main style2 right dark fullscreen" id="three" name="three">
<div class="content box style2">
<header>
<h2>Unique Content</h2>
</header>

<p>We at GameTec are always creating new content that hasn&#39;t been posted anywhere else but only here @GameTec</p>
</div>
<a class="button style2 down anchored" href="#four">Next</a></section>
<!-- Four -->

<section class="main style2 left dark fullscreen" id="four">
<div class="content box style2">
<header>
<h2>Animated avatars &amp; Signatures</h2>
</header>

<p>Indeed premiums are allowed to have animated images on avatars &amp; on signatures</p>
</div>
<a class="button style2 down anchored" href="#five">Next</a></section>
<!-- Five -->

<section class="main style2 right dark fullscreen" id="five" name="five">
<div class="content box style2">
<header>
<h2>Name Change</h2>
</header>

<p>Users can change their names x amount of times if they are bored of their current username</p>
</div>
<a class="button style2 down anchored" href="#upgrade">Next</a></section>
<!--Upgrade Today-->

<section class="main style1 dark fullscreen" id="upgrade" name="upgrade">
<div class="content container small">
<header>
<h2><a href="http://gametec.co.uk/account/upgrades"><img alt="" height="475" src="images/upgradetoday.png" width="762" /></a></h2>
</header>

<footer>&nbsp;</footer>
</div>
</section>

</html>

Brad P · Sep 13, 2014

Proutie87 said:

sorry okay here is the code i have now, what else do i need to remove

Code:

<html>
  
        <title>GameTec Premium</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
        <script src="js/jquery.min.js"></script>
        <script src="js/jquery.poptrox.min.js"></script>
        <script src="js/jquery.scrolly.min.js"></script>
        <script src="js/jquery.scrollgress.min.js"></script>
        <script src="js/skel.min.js"></script>
        <script src="js/init.js"></script>
        <noscript>
            <link rel="stylesheet" href="css/skel.css" />
            <link rel="stylesheet" href="css/style.css" />
            <link rel="stylesheet" href="css/style-wide.css" />
            <link rel="stylesheet" href="css/style-normal.css" />
        </noscript>
        <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
  
    <!-- Intro -->
<section class="main style1 dark fullscreen" id="intro" name="intro">
<div class="content container small">
<header>
<h2><img alt="" height="632" src="http://i.minus.com/iDv5K7NUOdVpU.png" width="890" /></h2>
</header>

<p>Our premium members have nothing but the best quality of Features, Threads, &amp; Support here @ GameTec</p>

<footer><a class="button style2 down" href="#one">More</a></footer>
</div>
</section>
<!-- One -->

<section class="main style2 right dark fullscreen" id="one" name="one">
<div class="content box style2">
<header>
<h2>Shoutbox</h2>
</header>

<p>You read correctly users, we have a built-in chat box that allows you to communicate with other members on the site! So no more waiting on a user to reply to a PM!</p>
</div>
<a class="button style2 down anchored" href="#two">Next</a></section>
<!-- Two -->

<section class="main style2 left dark fullscreen" id="two">
<div class="content box style2">
<header>
<h2>Name Customization</h2>
</header>

<p>Users have the choice to customize the color of their names, the font style &amp; apply <em>italic</em> effect</p>
</div>
<a class="button style2 down anchored" href="#three">Next</a></section>
<!-- Three -->

<section class="main style2 right dark fullscreen" id="three" name="three">
<div class="content box style2">
<header>
<h2>Unique Content</h2>
</header>

<p>We at GameTec are always creating new content that hasn&#39;t been posted anywhere else but only here @GameTec</p>
</div>
<a class="button style2 down anchored" href="#four">Next</a></section>
<!-- Four -->

<section class="main style2 left dark fullscreen" id="four">
<div class="content box style2">
<header>
<h2>Animated avatars &amp; Signatures</h2>
</header>

<p>Indeed premiums are allowed to have animated images on avatars &amp; on signatures</p>
</div>
<a class="button style2 down anchored" href="#five">Next</a></section>
<!-- Five -->

<section class="main style2 right dark fullscreen" id="five" name="five">
<div class="content box style2">
<header>
<h2>Name Change</h2>
</header>

<p>Users can change their names x amount of times if they are bored of their current username</p>
</div>
<a class="button style2 down anchored" href="#upgrade">Next</a></section>
<!--Upgrade Today-->

<section class="main style1 dark fullscreen" id="upgrade" name="upgrade">
<div class="content container small">
<header>
<h2><a href="http://gametec.co.uk/account/upgrades"><img alt="" height="475" src="images/upgradetoday.png" width="762" /></a></h2>
</header>

<footer>&nbsp;</footer>
</div>
</section>

</html>

obviously it says html in that code above but ive deleted them also. its still doing the same thing

XF 1.4 creating a page

Brad P

Well-known member

Paul B

XenForo moderator

Brad P

Well-known member

Paul B

XenForo moderator

Brad P

Well-known member

Brad P

Well-known member

Similar threads

We value your privacy