TP-Docs
HTML5 Icon HTML5 Icon HTML5 Icon
TP on Social Media

Recent

User

Welcome to TinyPortal. Please login or sign up.

Stats

Members
  • Total Members: 3,963
  • Latest: BiZaJe
Stats
  • Total Posts: 195,917
  • Total Topics: 21,308
  • Online today: 884
  • Online ever: 8,223 (February 19, 2025, 04:35:35 AM)
Users Online
  • Users: 0
  • Guests: 336
  • Total: 336

ITS HERE!!! Yahoo styled tabbed content

Started by akulion, August 30, 2006, 09:18:55 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages 1 ... 4 5 6 ... 13
User actions

nikita

#40
October 21, 2006, 06:36:05 PM
Correct, the first one is nice and serious both... but where do you put the java script tags - in the index_template.php or in the block.... think i should do some trial and error :)

akulion

#41
October 21, 2006, 06:58:20 PM
yea im guessig it will have to go in the index template just after the body tag which looks like this <body>

try it out :up:

knat

#42
October 22, 2006, 08:53:34 PM
Im testing this because now i want to use it  ;)

Thanks for sharing your code

Any idea how to show articles inside these tabs ?  :o

akulion

#43
October 22, 2006, 10:00:12 PM
just put the whole article code using html lol :D

knat

#44
October 22, 2006, 10:29:20 PM
Quote from: Aku on October 22, 2006, 10:00:12 PM
just put the whole article code using html lol :D

Ehmm sorry didnt make myself clear.. i was thinking about php articles

akulion

#45
October 22, 2006, 10:34:08 PM
then u will have to put the whole code in a PHP article and echo out the code making sure that if you use

Echo ' ';
Then there should not be any ' (single quotes) within the code

And if you choose to use:

Echo " ";
Then there should not be any " (double quotes) within the code

fb

#46
October 29, 2006, 04:25:11 PM
Nikita, how did you make it so that the contents of your first tab (welcome),
are not "blank" when your site is first visited?

When i originally asked the question here, it was blank at that time.
I see that Aku's site, and another site in Showcase are still blank until i
do a refresh.

akulion

#47
October 29, 2006, 07:52:21 PM
fb that seems to be an issue in IE I still havent been able to figure out myself....ben bangin my head on it several hours in the past lol

gave up finally and decided its a small glitch compared to the effect - plus it seems to go away after a page change - ah well

RoarinRow

#48
October 29, 2006, 11:02:44 PM
Aku, I'm lost.  I tried this and it didn't work.  Can you please review   :o  I can see the tabs, but they all appear in the first tab and I can see the html tags.  I did use a script box for this code.

Code Select
<head>
<title>About AVS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<script language="javascript" type="text/javascript" src="http://www.avalanchestyle.net/forum/avstabs/prototype.lite.js"></script>
<script language="javascript" type="text/javascript" src="http://www.avalanchestyle.net/forum/avstabs/scripts/moo.fx.js"></script>
<script language="javascript" type="text/javascript" src="http://www.avalanchestyle.net/forum/avstabs/moo.fx.pack.js"></script>
<script language="javascript" type="text/javascript" src="http://www.avalanchestyle.net/forum/avstabs/moo.fx.config.js"></script>
<link href="http://www.avalanchestyle.net/forum/avstabs/template_css.css" rel="stylesheet" type="text/css"/>

</head>



<div id="spotlight">

      <ul class="headtab-wrapper">
                <li class="headtab" id="headtab-1">
          <a>Welcome</a>
        </li>
                <li class="headtab" id="headtab-2">
          <a>Did you get tagged?</a>
        </li>
                <li class="headtab" id="headtab-3">

          <a>Did you know?</a>
        </li>
                <li class="headtab" id="headtab-4">
          <a>Events</a>
        </li>
      </ul>


      <div class="sl-wrapper">

                <div class="stretcher" id="stretcher-1">
<div class="moduletable">
 
Welcome to AvalancheStyle.com!

[img]http://www.avalanchestyle.com/forum/AVS/RoarinRowCCC.jpg[/img]

We are a Chevy Avalanche community and welcome all truck enthusiasts.  There's no charge to look around because we are a FREE forum.  Register to view all categories and features of the site.  It only takes a minute. 

[u][b]Member's benefits:[/b][/u]

Open forum to discuss our beloved Chevy Avalanches
Downloadable Chevy Avalanche related material
Streaming video, music, and live TV

- 800+ arcade games
- Photo gallery
- Chat and AVS Shoutbox!
- Selectable themes and collapsable modules
- Monthly newsletter
- More. . .

[u][b]AVS archives:[/b][/u]

News - http://www.avalanchestyle.com/forum/index.php?cat=54
How To's - http://www.avalanchestyle.com/forum/index.php?cat=373

[u][b]Other useful links:[/b][/u]

Search Wikipedia - http://www.avalanchestyle.com/forum/index.php?page=69
Yahoo! Top Stories - http://www.avalanchestyle.com/forum/index.php?page=52
Fresno Calendar of Events - http://www.avalanchestyle.com/forum/index.php?page=82
AVS Frappr Map - http://www.avalanchestyle.com/forum/index.php?page=60
AVS Flash Gallery - http://www.avalanchestyle.com/forum/index.php?page=15
Link Exchange - http://www.avalanchestyle.com/forum/index.php?topic=2491.0

</div>
</div>
                <div class="stretcher" id="stretcher-2">
          <div class="moduletable">


If you got tagged by one of our members, be sure to post in this thread - [url=http://www.avalanchestyle.com/forum/index.php?topic=4004.msg81027;topicseen#new]here[/url]

[img]http://www.avalanchestyle.com/forum/AVS/AVTag.jpg[/img]


</div>
</div>
       
                <div class="stretcher" id="stretcher-3">
<div class="moduletable">

There's alot to see an do on the site.  Start with our 'Did you know?' section - [url=http://www.avalanchestyle.com/forum/index.php?topic=4004.msg81027;topicseen#new]here[/url]

Did you know we have over 20 different themes to choose from?  We do!  Find out how in our 'Did you know' section.

                </div>
                </div>

                <div class="stretcher" id="stretcher-4">
          <div class="moduletable">

Come meet the AVS members at the next get together.  Check the calendar or Events master list - [url=http://www.avalanchestyle.com/forum/index.php?topic=4004.msg81027;topicseen#new]here[/url]

                </div>
</div>
      <script language="javascript" type="text/javascript">init();</script>
</div>
</div>

SMF 2.0 RC3
TP 1.0 beta 5-1
Wordpress 3.0

akulion

#49
October 29, 2006, 11:11:29 PM
instead of naming the folder "avstabs" try "moofx"

also try not to use BB codes (they may work or not - but i havent tested them yet)

Also one very important point...open up the CSS file and do this:
http://www.tinyportal.net/smf/index.php?topic=7915.msg81398#msg81398
Print
Go Up Pages 1 ... 4 5 6 ... 13
User actions

This website is proudly hosted on Crocweb Cloud Website Hosting.