Advertisement:

Author Topic: Tabbed Pages [HTML]  (Read 12034 times)

Offline KensonPlays

  • SMF Hero
  • ******
  • Posts: 4,306
    • @Kenson_Plays on Twitter
Tabbed Pages [HTML]
« on: May 25, 2011, 11:08:38 AM »
I use Dream Portal, and I have a page set up. I would, like on www.smfpacks.com, have tabbed pages. Nibogo said it's HTML tabs. I am searching, but can anybody here help me? I would like a few pages tabbed, not all of them.

Offline KensonPlays

  • SMF Hero
  • ******
  • Posts: 4,306
    • @Kenson_Plays on Twitter
Re: Tabbed Pages [HTML]
« Reply #1 on: June 09, 2011, 01:46:01 PM »
Bump. I still would love this please.

Offline Suki

  • Developer
  • SMF Super Hero
  • *
  • Posts: 15,259
  • Kaizoku Jotei
Re: Tabbed Pages [HTML]
« Reply #2 on: June 09, 2011, 09:02:14 PM »
search for "jquery tabs"  http://jqueryui.com/demos/tabs/


or another JavaScript framework like prototype:

http://livepipe.net/control/tabs
Disclaimer: unless otherwise stated, all my posts are personal and does not represent any views or opinions held by Simple Machines.

Look at them. They're just asking for it. Maybe the human race deserves to be wiped out.

Offline KensonPlays

  • SMF Hero
  • ******
  • Posts: 4,306
    • @Kenson_Plays on Twitter
Re: Tabbed Pages [HTML]
« Reply #3 on: June 10, 2011, 11:32:51 AM »
I installed JQUERY and referenced it correctly but I cannot figure out the JQUERY tabs system.
Here is the coode I used:
Code: [Select]
<script src="http://www.kcmartz.com/jquery/jquery.js"></script>

<meta charset="utf-8">
<script>
$(function() {
$( "#tabs" ).tabs();
});
</script>
<div class="demo">

<div id="tabs">
   <ul>
      <li><a href="#tabs-1">Nunc tincidunt</a></li>
      <li><a href="#tabs-2">Proin dolor</a></li>
      <li><a href="#tabs-3">Aenean lacinia</a></li>
   </ul>
   <div id="tabs-1">
      <p>Tab 1 content</p>
   </div>
   <div id="tabs-2">
      <p>Tab 2 content</p>
   </div>
   <div id="tabs-3">
      <p>Tab 3 content</p>
   </div>
</div>

Offline Suki

  • Developer
  • SMF Super Hero
  • *
  • Posts: 15,259
  • Kaizoku Jotei
Re: Tabbed Pages [HTML]
« Reply #4 on: June 11, 2011, 09:04:44 AM »
http://www.kcmartz.com/jquery/jquery.js    it gives me a not found page.


<script>  should be    <script type="text/javascript">
Disclaimer: unless otherwise stated, all my posts are personal and does not represent any views or opinions held by Simple Machines.

Look at them. They're just asking for it. Maybe the human race deserves to be wiped out.

Offline KensonPlays

  • SMF Hero
  • ******
  • Posts: 4,306
    • @Kenson_Plays on Twitter
Re: Tabbed Pages [HTML]
« Reply #5 on: June 11, 2011, 11:39:18 PM »
I decided to use the GOOGLEAPIS jquery

Offline mashby

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 8,394
  • Gender: Male
  • badass beer hound
    • Choppix
Re: Tabbed Pages [HTML]
« Reply #6 on: June 12, 2011, 09:54:26 AM »
OK, then you'll also need to use the jQuery UI file too. Might also need to roll out a theme and host that as well. That's what I did on the home page of my site. Fun stuff.
Always be a little kinder than necessary.
- James M. Barrie

Offline KensonPlays

  • SMF Hero
  • ******
  • Posts: 4,306
    • @Kenson_Plays on Twitter
Re: Tabbed Pages [HTML]
« Reply #7 on: June 12, 2011, 11:36:10 PM »
Alright, I will do that at school tomorow (I have 2 days of my Senior HS year, finally)