Tabbed Categories

[LifeOfWylie]

shorty, lemme just say that I'm glad you found a way to add this into v5. This is, by far, the best thing for any of my sites since Chatbox was invented. (Who knew people like to talk to each other on a site?) I found a TC code for my v4 version and literally fist-pumped.

Thanks for bringing it here!

LoW

[Relic]

Shorty, one more question lol, sorry! I'm trying to make the tabs inherit the titlebar background like pretty much everything else on my site is doing, and I can't figure it out! This would make the tabs blend in much better with the rest of my site. Do you have any ideas of how to do this?

[LifeOfWylie]

He should come up with a nifty <div class> for you!

[Jai]

Jan 30, 2013 17:00:25 GMT -8 Relic said:

Shorty, one more question lol, sorry! I'm trying to make the tabs inherit the titlebar background like pretty much everything else on my site is doing, and I can't figure it out! This would make the tabs blend in much better with the rest of my site. Do you have any ideas of how to do this?

Relic to make the tabs use the background from the title bars, change the lines in red below to

background:@title_bar_background_color @all_gradients left center repeat-x;




/*Tabbed Categories CSS */
.tabbedtd {
background-color: url('http://images.proboards.com/v5/gradients/wave.png');
width: 33%;
text-align: center;
border: 1px solid #000000;
padding: 2px;
margin: 2px;
}
.tabbedtd:hover {
background-color: url('http://images.proboards.com/v5/gradients/wave.png');
}
.tabbedtdactive {
background-color: url('http://images.proboards.com/v5/gradients/wave.png');
width: 33%;
text-align: center;
border: 1px solid #000000;
padding: 2px;
margin: 2px;
}

[Relic]

Aha! Jai, you are a saint! Thank you so much for that <3

[Shorty]

Hey guys, so I decided to update this template modification. The first version was completely random, and was my first time using jQuery. Now that I understand it far more. I changed the template mod to get rid of some unnecessary stuff(there was alot). The new one, will make it so that, when you come back to the home page, it will be on the tab that you last left off on. And I changed the CSS so that it would take the colors of the title bar(I tried). So yeah, hope this helps

Lainey, I'm sorry I didn't help you a long time ago, please forgive me. But I changed the CSS like stated above. I hope that helps(and is what you wanted).

If you have any questions/concerns then let me know. If you have any issues(shouldn't be any), then also let me know.

[RandomObserver]

Any way to make the tabs into images?

[Todge]

Jan 29, 2013 11:57:22 GMT -8 Lainey said:

Shorty & Todge Is there any way you can see to make an indication somehow that a cat has a new post..

I wouldn't know how to do that within a template. I could do it with a plugin, but then that would negate this template.

Sorry.

[Shorty]

Feb 9, 2013 11:55:25 GMT -8 Todge said:

Jan 29, 2013 11:57:22 GMT -8 Lainey said:

Shorty & Todge Is there any way you can see to make an indication somehow that a cat has a new post..

I wouldn't know how to do that within a template. I could do it with a plugin, but then that would negate this template.

Sorry.

I'll try to add that into the script for this.

[Stern]

Jan 6, 2013 11:29:41 GMT -8 Shorty said:

XaviEo & Lainey as for the line break.



Find this part of the Home template:



<table width="100%" style="margin-bottom: 1px;" class="tabbedcategories">

<tr>

{foreach $[category]}<td {if $[category.name] != "General"}class="tabbedtd" {else} class="tabbedtdactive"{/if} id="tdid"><a href="javascript:void(0)" class="$[category.id]" style="text-decoration:none;" onclick="showCat(this.className)"><div width="100%" height="100%"><h2><font size="3">$[category.name]</font></h2></div></a></td>{if $[category.id] == 5}</tr><tr>{/if}{/foreach}

</tr>

</table>


And add the red. Change the number to whatever the category id is of the tab that you what it to break after.

Hope that makes sense.

Feb 8, 2013 0:11:23 GMT -8 Shorty said:

Hey guys, so I decided to update this template modification. The first version was completely random, and was my first time using jQuery. Now that I understand it far more. I changed the template mod to get rid of some unnecessary stuff(there was alot). The new one, will make it so that, when you come back to the home page, it will be on the tab that you last left off on. And I changed the CSS so that it would take the colors of the title bar(I tried). So yeah, hope this helps

Lainey, I'm sorry I didn't help you a long time ago, please forgive me. But I changed the CSS like stated above. I hope that helps(and is what you wanted).

If you have any questions/concerns then let me know. If you have any issues(shouldn't be any), then also let me know.

Shorty,

After the update, I haven't been able to find the section of code you had up in the first quote... How would I enter a linebreak now? I tried everything I can think of to find it, ctrl+f, going over everything, and I'm somewhat (very ) bad with coding. :- \

Thank you so much for your help!

[Shorty]

Stern

<table width="100%" class="tabbedcategories">
<tr>
{foreach $[category]}
<td class="tabbedtd" id="tab$[category.id]">
<a style="text-decoration: none;">
<div width="100%" height="100%">
<h2>
<font size="3">
$[category.name]
</font>
</h2>
</div>
</a>
</td>
{if $[category.id] == 5}
</tr>
<tr>
{/if}
{/foreach}
</tr>
</table>

The red part is what you want to add the line break. Change the 5 to whatever you want to line break to appear after.

[Stern]

Feb 23, 2013 17:07:12 GMT -8 Shorty said:

Stern

<table width="100%" class="tabbedcategories">
<tr>
{foreach $[category]}
<td class="tabbedtd" id="tab$[category.id]">
<a style="text-decoration: none;">
<div width="100%" height="100%">
<h2>
<font size="3">
$[category.name]
</font>
</h2>
</div>
</a>
</td>
{if $[category.id] == 5}
</tr>
<tr>
{/if}
{/foreach}
</tr>
</table>

The red part is what you want to add the line break. Change the 5 to whatever you want to line break to appear after.

Thank you so much, it worked like a charm!

[Shorty]

Glad you got it working.

[quof]

Hey, so I saw this kind of mentioned earlier, but anyway my dynamically tabbed tables don't seam to work at the same time as my Tabbed Categories...any thoughts?
site here

[Shorty]

I don't even see your dynamically tabbed table.