Advertisement:
NameCheap

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

Offline Kcmartz

  • SMF Hero
  • ******
  • Posts: 4,296
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 Kcmartz

  • SMF Hero
  • ******
  • Posts: 4,296
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: 12,963
  • Kaizoku Jotei
    • Free SMF mods
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
Hand in glove
We can go wherever we please
And everything depends upon
How near you stand to me

And if the people stare
Then the people stare
Oh, I really don't know and I really don't care

Offline Kcmartz

  • SMF Hero
  • ******
  • Posts: 4,296
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: 12,963
  • Kaizoku Jotei
    • Free SMF mods
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">
Hand in glove
We can go wherever we please
And everything depends upon
How near you stand to me

And if the people stare
Then the people stare
Oh, I really don't know and I really don't care

Offline Kcmartz

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

Offline monstermashby

  • Support Specialist
  • SMF Hero
  • *
  • Posts: 8,373
  • 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 Kcmartz

  • SMF Hero
  • ******
  • Posts: 4,296
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)