ITS HERE!!! Yahoo styled tabbed content

kran1um · November 06, 2006, 09:09:21 PM

Cant get the width to save, when I put it on the Theme AA_New_Damage its too wide.

akulion · November 06, 2006, 09:16:11 PM

change the width in the CSS file and after that force refresh ur browser by pressing CTRL F5

sometimes the old css files get cached - so it should fix it righ up

4thHorseman · November 10, 2006, 09:03:23 AM

i have a question and that is ... why does my first tab open up blank when i open my page

i have to refresh the page for it to show my listing in the first tab...

http://unrealhorsemen.com

akulion · November 14, 2006, 11:19:12 AM

yea thats a known bug when using the script with IE

havent been able to figure it out unfortunately

4thHorseman · November 14, 2006, 05:44:40 PM

Thank you for the response... hopefully it will be figured out....

knat · November 14, 2006, 05:58:22 PM

I found another variation of this script on dynamicdrive.com and im using it on my frontpage.

Check it out if you want to but be warned about the xxx content.. i too was tired of the tab window being empty on page refresh sometimes..

akulion · November 15, 2006, 03:27:48 PM

yup here it is an updated one on DD

it was previously using Iframes but now its updated to use DIVs

http://dynamicdrive.com/dynamicindex17/tabcontent.htm

enjoy :up:

brianjw · November 20, 2006, 03:17:03 AM

Quote from: 4thHorseman on November 10, 2006, 09:03:23 AM
i have a question and that is ... why does my first tab open up blank when i open my page i have to refresh the page for it to show my listing in the first tab...

http://unrealhorsemen.com

Quote from: Aku on November 14, 2006, 11:19:12 AM
yea thats a known bug when using the script with IE

havent been able to figure it out unfortunately

yea. i have the same problem. I think it maybe something with the code or something that shouldnt take long to fix.
---
I noticed on your website aku that you have new buttons for this feature.
On http://path-to-peace.net/forum
there are greenish buttons for the yahoo content instead of blueish.
Think you can give me your css code in your css.

Code (css on ur forum for moofx) Select

?
Thanks,
Brianjw
Thanks a bunch to Aku for this awesome easy to add tool that makes our lives easier by not having to display like 100 blocks just to categorize it but now its easier with the Yahoo Style Tabs!

=My Waiting for TP v0.9.7 is expired. When will it come out!?!?=

4thHorseman · November 20, 2006, 05:09:58 AM

go here...

Quoteyup here it is an updated one on DD

it was previously using Iframes but now its updated to use DIVs

http://dynamicdrive.com/dynamicindex17/tabcontent.htm

enjoy

enter both field boxes on the site into one scriptbox on TP. then upload the 4 files to your site and edit the 2 lines in the first field box to where you uploaded the files, and it should all work... if you need more help let me know...

http://unrealhorsemen.com

brianjw · November 21, 2006, 12:48:07 AM

Aku,
I belive this is the code you use on your website because it looks alot like yours. (note: this one doesnt dissapear on your website so you dont have to refresh)
Right Click the following files and click Save Target As:
http://brianjwilson.com/forum/tabs/tabcontent.js
http://brianjwilson.com/forum/tabs/tabcontent.css
http://brianjwilson.com/forum/tabs/shadeactive.gif
http://brianjwilson.com/forum/tabs/shade.gif
---Upload them to your forum root into a folder called "tabs"---
Here is the code... (insert the head tags and body tags as shown below into a block for smf)--replace http://yoursite.com with your root.

Code (complete code for tabs) Select


<head>
<link rel="stylesheet" type="text/css" href="http://your site.com/forum/tabs/tabcontent.css" />

<script type="text/javascript" src="http://yoursite.com/forum/tabs/tabcontent.js">

</script>
</head>
<body>
<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#" rel="tcontent1">Tab 1</a></li>
<li><a href="#" rel="tcontent2">Tab 2</a></li>
<li><a href="#" rel="tcontent3">Tab 3</a></li>
<li><a href="#" rel="tcontent4">Tab 4</a></li>
<li><a href="http://yahoo.com">Link 1</a></li>
</ul>

<div class="tabcontentstyle">

<div id="tcontent1" class="tabcontent">
<p>Content 1</p>
</div>

<div id="tcontent2" class="tabcontent">
<p>Content 2</p>
</div>

<div id="tcontent3" class="tabcontent">
<p>Content 3</p>
</div>

<div id="tcontent4" class="tabcontent">
<p>Content 4</p>
</div>

</div>

<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializetabcontent("maintab")
</script>
</body>

There is not content for Link 1 because its a link.
Please change Content # and Tab # to your own name that is the content and button text that will be displayed.
You must use HTML not BBC or not PHP and cannot just type text it must be arround tags like "<p></p>"
---------------------
This script was originally made by Dynamic Drive and was setup by me.

Thanks,
Brianjw :laugh: :coolsmiley:

Quote from: me (to aku)
Aku,
You use this also and it doesnt show up fully through it just shows part of the way it doesnt fill the whole middle of the screen. To see what im talking about look at the 2nd center block at http://brianjwilson.com/forum
brianjw

Recent

User

Stats

Members

Stats

Users Online

ITS HERE!!! Yahoo styled tabbed content

kran1um

akulion

4thHorseman

akulion

4thHorseman

knat

akulion

brianjw

4thHorseman

brianjw

This website is proudly hosted on Crocweb Cloud Website Hosting.