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

XF 1.4 creating a page

Discussion in 'Styling and Customization Questions' started by Brad P, Sep 13, 2014.

  1. Brad P

    Brad P Active Member

    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.
     
    Last edited: Sep 13, 2014
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Brad P

    Brad P Active Member

    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>
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

     
  5. Brad P

    Brad P Active Member

    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>
     
  6. Brad P

    Brad P Active Member

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

Share This Page