MyBB Community Forums

Full Version: [Tutorial] Tabbed forum with jQuery (multi categories in one tab)
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
Hey guys

I have finally made it. The tabbed menu works fine, but I have small problem.
I have four categories on my tabbed menu, when I press first it works fine, when I press second it make space between tabbed menu and forum content about 10px, when I press third category it adds another 10px and so on. Why it doesn't stay on the same position?
Thanks

(2012-06-26, 04:24 PM)Somebody1 Wrote: [ -> ]Hey guys

I have finally made it. The tabbed menu works fine, but I have small problem.
I have four categories on my tabbed menu, when I press first it works fine, when I press second it make space between tabbed menu and forum content about 10px, when I press third category it adds another 10px and so on. Why it doesn't stay on the same position?
Thanks

Hello
Is anybody live here?
Can I use only JavaScript without jquery?
Which is the code?
(2012-07-07, 05:02 PM)fulmix Wrote: [ -> ]Can I use only JavaScript without jquery?
Which is the code?

UP!
hello i using this tab! this is working fine! but for my forum i cannot solve

The General tab is show all forum or topic?

why?

see the ScreenShot

[Image: zjx8aa.jpg]

this is my Live Demo

http://www.cybertalk.oo.gd/index.php
hi. How to make two tables on this jquery? Coz i try to put two
<script type="text/javascript"
src="jscripts/jquery-1.3.2.min.js"></
script>
<script type="text/javascript">
$.noConflict();
</script> <script type="text/javascript">
jQuery(document).ready(function($){
$('.tab').click(function(){
$('.at').removeClass('at');
$(this).addClass('at');
$('.content').slideUp(); var catshow = $(this).attr('rel');
$('#'+ catshow).slideDown();
});
});
</script>
<table border="0" width="100%" class="tborder" cellpadding="4"
cellspacing="0" style="margin-
bottom: 3px;">
<tr align="center">
<td class="tcat at tab" title="Category
1" style="cursor: pointer;" rel="cat_ 1">Category 1</td>
<td class="tcat tab" title="Category 4
&amp; 6" style="cursor: pointer;"
rel="cat_4, #cat_6">Category 4 &amp;
6</td>
<td class="tcat tab" title="Category 9" style="cursor: pointer;" rel="cat_9, #
cat_11">Category 9</td>
</tr>
</table>
but nothing happens. I need to sepparate table of this.
I like this plugin but it doesn't go with my theme because it still has the original theme design Sad .
it´s amazing
hi there bro i succefully got this to work after a little reading and thinking Smile .

i was wonderings if you can help me is there any way i can stop the icons displaying a diffrent couler
I have done all steps perfectly, but now the tabs are showing below
can someone explain step 2 to me I would be really grateful.
Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17