Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Multiple page in template / Content Slider theme
#1
Hi All !

I've got again a question about template.

I want to create a template containing multiple pages in "div". That's a very basic template site but nice for a showcase site.

an example :

Code:
<body>
        <!-- Home -->
        <div id="home" class="content">
            <h2>Home</h2>
            <pSome Content</p>
        </div>
        <!-- /Home -->
        
        <!-- Portfolio -->
        <div id="portfolio" class="panel">
            <div class="content">
                <h2>Portfolio</h2>
                <p>Some really nice portfolio shots:</p>
                <ul id="works">
                    <li><a href="#"><img src="./images/portfolio_01.jpeg" width="250"></a></li>
                    <li><a href="#"><img src="./images/portfolio_02.jpeg" width="250"></a></li>
                    <li><a href="#"><img src="./images/portfolio_03.jpeg" width="250"></a></li>
                </ul>
                <p class="footnote">Shots by <a href="#">...</a>.</p>
            </div>
        </div>
        <!-- /Portfolio -->
        
        <!-- About -->
        <div id="about" class="panel">
            <div class="content">
                <h2>About</h2>
                <p>Some content about us</p>
            </div>
        </div>
        <!-- /About -->
        
        <!-- Contact -->
        <div id="contact" class="panel">
            <div class="content">
                <h2>Contact</h2>
                <p>The contact form :</p>
                <form id="form">
                    <p><label>Your Name</label><input type="text" /></p>
                    <p><label>Your Email</label><input type="text" /></p>
                    <p><label>Your Message</label><textarea></textarea></p>
                </form>
            </div>
        </div>
        <!-- /Contact -->
        
        <!-- Header with Navigation -->
        <div id="header">
            <img href="./images/logo.png">
            <ul id="navigation">
                <li><a id="link-home" href="#home">Home</a></li>
                <li><a id="link-portfolio" href="#portfolio">Portfolio</a></li>
                <li><a id="link-about" href="#about">About Me</a></li>
                <li><a id="link-contact" href="#contact">Contact</a></li>
            </ul>
            
        </div>

My problem is, I don't know how to include differents pages in the template. Perhaps it's too difficult and the best way to do it is to create only one page with the content of each page and fix the menu directly in the WYSIWYG editor or in the template page.

You can see what the result would be there :
http://tympanus.net/Tutorials/CSS3PageTr....html#home (demo3)

I prefer to make a full dynamic template with GS function but I need help. I am able to imagine what to do but I can not transcribe it.

Thanks for your help !
Reply


Messages In This Thread
Multiple page in template / Content Slider theme - by didou038 - 2012-04-04, 20:36:18



Users browsing this thread: 1 Guest(s)