<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wikidot="http://www.wikidot.com/rss-namespace">

	<channel>
		<title>Comments for page &quot;New Tabview&quot;</title>
		<link>http://snippets.wikidot.com/forum/t-293783/new-tabview</link>
		<description>Posts in the discussion thread &quot;New Tabview&quot;</description>
				<copyright></copyright>
		<lastBuildDate>Mon, 10 Aug 2026 04:57:33 +0000</lastBuildDate>
		
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-6426461</guid>
				<title>Re: ???</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-6426461</link>
				<description></description>
				<pubDate>Mon, 12 Feb 2024 11:10:49 +0000</pubDate>
				<wikidot:authorName>Dreamy_Waves</wikidot:authorName>				<wikidot:authorUserId>8707333</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>You can change link color.<br /> CSS Code:</p> <div class="code"> <div class="hl-main"> <pre><span class="hl-code">/</span><span class="hl-identifier">*</span><span class="hl-code"> </span><span class="hl-identifier">unseleted</span><span class="hl-code"> </span><span class="hl-identifier">link</span><span class="hl-code"> </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">.yui-navset</span><span class="hl-code"> </span><span class="hl-identifier">ul.yui-nav</span><span class="hl-code"> </span><span class="hl-identifier">li</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code">, </span><span class="hl-identifier">.yui-navset</span><span class="hl-code"> </span><span class="hl-identifier">.yui-navset-top</span><span class="hl-code">, </span><span class="hl-identifier">ul.yui-nav</span><span class="hl-code"> </span><span class="hl-identifier">li</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-identifier">CSS</span><span class="hl-code"> </span><span class="hl-identifier">attributes</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-code"> </span><span class="hl-identifier">These</span><span class="hl-code"> </span><span class="hl-identifier">are</span><span class="hl-code"> </span><span class="hl-identifier">unseleted</span><span class="hl-code">,</span><span class="hl-identifier">but</span><span class="hl-code"> </span><span class="hl-identifier">hover</span><span class="hl-code"> </span><span class="hl-identifier">link</span><span class="hl-code"> </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">.yui-navset</span><span class="hl-code"> </span><span class="hl-identifier">ul.yui-nav</span><span class="hl-code"> </span><span class="hl-identifier">li</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:hover</span><span class="hl-code">, </span><span class="hl-identifier">.yui-navset</span><span class="hl-code"> </span><span class="hl-identifier">ul.yui-nav</span><span class="hl-code"> </span><span class="hl-identifier">li</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-special">:focus</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-identifier">CSS</span><span class="hl-code"> </span><span class="hl-identifier">attributes</span><span class="hl-code"> </span><span class="hl-brackets">}</span><span class="hl-code"> /</span><span class="hl-identifier">*</span><span class="hl-code"> </span><span class="hl-identifier">Selected</span><span class="hl-code"> </span><span class="hl-identifier">link</span><span class="hl-code"> </span><span class="hl-identifier">*</span><span class="hl-code">/ </span><span class="hl-identifier">.yui-navset</span><span class="hl-code"> </span><span class="hl-identifier">ul.yui-nav</span><span class="hl-code"> </span><span class="hl-identifier">li.selected</span><span class="hl-code"> </span><span class="hl-identifier">a</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-identifier">CSS</span><span class="hl-code"> </span><span class="hl-identifier">attributes</span><span class="hl-code"> </span><span class="hl-brackets">}</span></pre></div> </div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-4606609</guid>
				<title>???</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-4606609</link>
				<description></description>
				<pubDate>Tue, 21 Apr 2020 05:45:28 +0000</pubDate>
				<wikidot:authorName>Dr-Mark long</wikidot:authorName>				<wikidot:authorUserId>5964915</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>这个CSS不可以改变链接颜色吗？</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1708614</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1708614</link>
				<description></description>
				<pubDate>Tue, 12 Feb 2013 09:23:52 +0000</pubDate>
				<wikidot:authorName>Zatz</wikidot:authorName>				<wikidot:authorUserId>1432445</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>interesting event, expand first Adventuring and the plain jane tabview below it moves the tabs to the center while the other two do not. the second row again Adventuring moves where the tabs are and Crafting does this time. Wicked effects!</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1708025</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1708025</link>
				<description></description>
				<pubDate>Mon, 11 Feb 2013 15:08:03 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>If you have lots more questions that aren't directly related to the new tabview snippet I suggest you post them on the <a href="http://community.wikidot.com/forum:start" target="_blank">community forum</a>.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1708019</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1708019</link>
				<description></description>
				<pubDate>Mon, 11 Feb 2013 15:02:43 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>To use the clear:left you will need to put it before the closing div on the Diplomacy tab, not after it. Like this:</p> <div class="code"> <pre><code>[[div style=&quot;float:left; width: 30%; padding: 0 2%;&quot;]] [[collapsible show=&quot;Diplomacy&quot;]] quests. cards and ?? [[div class=&quot;yui-navset&quot; style=&quot;width:950px; margin-left:-670px;&quot;]] [[tabview]] [[tab cat1]] cat1 [[/tab]] [[tab cat2]] cat2 [[/tab]] [[tab cat3]] cat3 [[/tab]] [[/tabview]] [[/collapsible]] [[/div]] [[div style=&quot;clear:left;&quot;]] [[/div]] [[/div]]</code></pre></div> <p>I've noticed on your Zata Catbox page that you have just put the .yui-navset css in as though it's text. These rules normally go into a <a href="http://www.wikidot.com/doc:css-module" target="_blank">css module</a> at the top of the page but you might find it easier to add them to the div syntax.</p> <p>So the first one would be:</p> <div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;">+&nbsp;show&nbsp;block</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;">–&nbsp;hide&nbsp;block</a></div> <div class="collapsible-block-content"> <div class="code"> <pre><code>[[div style=&quot;float:left; width: 30%; padding: 0 2%;&quot;]] [[collapsible show=&quot;Adventuring&quot;]] sub category/topic like quest, items, and npcs or whatever else this is just an example and test page [[div class=&quot;yui-navset&quot; style=&quot;width:950px;&quot;]] [[tabview]] [[tab cat1]] cat1 [[/tab]] [[tab cat2]] cat 2 [[/tab]] [[tab cat3]] cat3 [[/tab]] [[/tabview]] [[/div]] ------ [[/collapsible]] [[/div]]</code></pre></div> </div> </div> </div> <p>The center and right tabs would be:</p> <div class="collapsible-block"> <div class="collapsible-block-folded"><a class="collapsible-block-link" href="javascript:;">+&nbsp;show&nbsp;block</a></div> <div class="collapsible-block-unfolded" style="display:none"> <div class="collapsible-block-unfolded-link"><a class="collapsible-block-link" href="javascript:;">–&nbsp;hide&nbsp;block</a></div> <div class="collapsible-block-content"> <div class="code"> <pre><code>[[div style=&quot;float:left; width: 30%; padding 0 2%;&quot;]] [[collapsible show=&quot;Crafting&quot;]] crafting info quests npcs locations etc. [[div class=&quot;yui-navset&quot; style=&quot;width:950px; margin-left:-335px;&quot;]] [[tabview]] [[tab cat1]] cat1 [[/tab]] [[tab cat2]] cat2 [[/tab]] [[tab cat3]] cat3 [[/tab]] [[/tabview]] [[/div]] ... [[/collapsible]] [[/div]] [[div style=&quot;float:left; width: 30%; padding: 0 2%;&quot;]] [[collapsible show=&quot;Diplomacy&quot;]] quests. cards and ?? [[div class=&quot;yui-navset&quot; style=&quot;width:950px; margin-left:-670px;&quot;]] [[tabview]] [[tab cat1]] cat1 [[/tab]] [[tab cat2]] cat2 [[/tab]] [[tab cat3]] cat3 [[/tab]] [[/tabview]] [[/collapsible]] [[/div]] [[div style=&quot;clear:left;&quot;]] [[/div]] [[/div]]</code></pre></div> </div> </div> </div> <p>I think you sorted out the anchor syntax problem you were having.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1707890</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1707890</link>
				<description></description>
				<pubDate>Mon, 11 Feb 2013 10:14:49 +0000</pubDate>
				<wikidot:authorName>Zatz</wikidot:authorName>				<wikidot:authorUserId>1432445</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <div class="code"> <pre><code>[[code]] Yea but why doesnt it work? [[/code]] It's probably due to the way the javascript code for the tabview has been programmed.</code></pre></div> <br /> so get whoever who wrote it to fix it ! LOL Im sure thats asking a bit much for wikidot. :P <p><span style="color: blue"><a href="http://try.wikidot.com/zatzs-catbox">Zatzs Catbox</a></span> &#171;LOL tried changing the link color</p> <hr /> <p>There was a reason why that clear was there, but I forgot why, lol. (it'll come to me!)<br /> Ohh yes, the clear is used so that anything after it (and when you open a collapse), like the divider (custom in this example) will move down (or was it stay down ?) and correspond to the end of the tabview. atleast thats how it was working for me. I added an example of what it does and how it looks.</p> <hr /> <p>The <a name="anchor-name"></a> and [#anchor-name] opens a new page, is this a bug in the sandbox? if not anyway to get it to stay on the page even if absolutely has to refresh instead of scolling?</p> <hr /> <p>What about using &quot; table.wiki-content-table tr&quot; instead to spread the collapsed links out that way I can use a div style to set width or can I add a tabview inside another div just to set width? mmmm testing.. Result= nope. Seems the width is limited to the collapse width that is set. Which leaves me to question about other ways to spread out the collapses. I did try to use the old table/row/cell but never got it to display right. and nesting collapse and tabview didnt work right either, assumes it would be limited to cell width too, being the topmost width define.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1706551</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1706551</link>
				<description></description>
				<pubDate>Sat, 09 Feb 2013 11:43:23 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <blockquote> <p>now how to get rid of that big space?</p> </blockquote> <p>Where you've got</p> <div class="code"> <pre><code>[[div style=&quot;clear:left;height:1px;&quot;]] [[/div]] ++++ Only Quest Related</code></pre></div> <p>the problem is caused by that div with the clear left in it. It is clearing the float:left on the sidebar and pushing the content from &quot;Only Quest Related&quot; onwards below the bottom of the sidebar.</p> <p>So delete that div and everything will be OK.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1706518</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1706518</link>
				<description></description>
				<pubDate>Sat, 09 Feb 2013 09:18:03 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>On your Zatz Catbox page you've asked how to insert a &quot;Back to Top&quot;. The syntax for anchors is described at <a href="http://www.wikidot.com/doc:wiki-syntax#toc23" target="_blank">http://www.wikidot.com/doc:wiki-syntax#toc23</a></p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1706515</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1706515</link>
				<description></description>
				<pubDate>Sat, 09 Feb 2013 09:08:12 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <blockquote> <p>Yea but why doesnt it work?</p> </blockquote> <p>It's probably due to the way the javascript code for the tabview has been programmed.</p> <blockquote> <p>how to get each tab to use the whole page width</p> </blockquote> <p>With CSS you can set the with to for each tabview to, for example 950px. So that the left one, Adventuring, the CSS would be:</p> <div class="code"> <div class="hl-main"> <pre><span class="hl-identifier">.yui-navset</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">950</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-brackets">}</span></pre></div> </div> <p>The width could go into a div just for that tabview.</p> <img src="http://community.wikidot.com/local--files/files/tab-width.jpg" alt="tab-width.jpg" class="image" /> <p>But for each of the others you will then need to set the left margin to position the tabview. For example, for the second tabview, Crafting, you would need something like:</p> <div class="code"> <div class="hl-main"> <pre><span class="hl-identifier">.yui-navset</span><span class="hl-code"> </span><span class="hl-brackets">{</span><span class="hl-code"> </span><span class="hl-reserved">margin-left:</span><span class="hl-code"> -</span><span class="hl-number">335</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-reserved">width:</span><span class="hl-code"> </span><span class="hl-number">950</span><span class="hl-string">px</span><span class="hl-code">; </span><span class="hl-brackets">}</span></pre></div> </div> <p>and then the Diplomacy tab would be something like margin-left:-770px;</p> <blockquote> <p>how to collapse open collapses when another is opened.</p> </blockquote> <p>You can't because there is no logical relationship between them.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1706421</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1706421</link>
				<description></description>
				<pubDate>Sat, 09 Feb 2013 05:36:14 +0000</pubDate>
				<wikidot:authorName>Zatz</wikidot:authorName>				<wikidot:authorUserId>1432445</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Yea but why doesnt it work? it works partially, almost there but not quite&#8230;.</p> <p>I removed the collapse nesting code and the results are &gt;<a href="http://try.wikidot.com/zatzs-catbox">Tabview inside collapse</a> there is a previous version of Variant 2 that had another collapse inside a tabview inside a collapse that resulted in more &quot;go-away-i-dont-want-to-work&quot; code.</p> <p>so now, the Tabview, few questions, how to get each tab to use the whole page width and at the same time, how to close the other tabs, the tab on top hides other tabs not exactly closing? Which begs to question how to collapse open collapses when another is opened.</p> <p>The other Q: now how to get rid of that big space?</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1704370</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1704370</link>
				<description></description>
				<pubDate>Wed, 06 Feb 2013 16:44:45 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Things have moved on a lot in the last 15 years (css, wikis, my waistline!)</p> <p>Unfortunately collapsible blocks can't be nested.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1704297</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1704297</link>
				<description></description>
				<pubDate>Wed, 06 Feb 2013 14:47:31 +0000</pubDate>
				<wikidot:authorName>Zatz</wikidot:authorName>				<wikidot:authorUserId>1432445</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>I am new to this style code, I havent done anything like this since Frontpage98. I have an idea how its supposed to work, get it to work that way is the adventure. Atleast back then, you could drag tables around to til your blue in the face and it would all work right in the end, well most of the time.</p> <p>I've been playing around with a few different things - try this on for size &gt;<a href="http://try.wikidot.com/nestin-playground-1/edit/true/t/6342660/title/nestin%20playground%201">Variant 2</a></p> <p>Seeing what works and what doesnt is fun. What it seems it boils down to is that these, these <span style="text-decoration: line-through;">elements(?)</span>things ( :) ) can nest each other barely and definitely not with themselves. I just now (today ) seen your variant.</p> <p>The inability and errors found with nesting outside HMTL for, from what I can see, over 3 years is amazing. So many ways to nest, yet not enough to cover it uses in make great looking pages. Like i said, I havent tried to do page design for a very long time, so I know little of what it takes to fix something like this problem..</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1701334</guid>
				<title>nested Tabview - with collapsible view</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1701334</link>
				<description></description>
				<pubDate>Sat, 02 Feb 2013 10:33:05 +0000</pubDate>
				<wikidot:authorName>Helmut_pdorf</wikidot:authorName>				<wikidot:authorUserId>17609</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Question: is this correct ?</p> <p><a href="http://try.wikidot.com/nested-tabview-var1" target="_blank">http://try.wikidot.com/nested-tabview-var1</a> - a variant using collapsible vire ( with folfed=no ) for beginning&#8230;.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1701282</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1701282</link>
				<description></description>
				<pubDate>Sat, 02 Feb 2013 07:49:58 +0000</pubDate>
				<wikidot:authorName>Helmut_pdorf</wikidot:authorName>				<wikidot:authorUserId>17609</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Yes, it is/was confusing me - the nested tab's are sometimes moved to an &quot;unawaited position&quot; . I cannot detect a system in this rendering / doing.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1700875</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1700875</link>
				<description></description>
				<pubDate>Fri, 01 Feb 2013 21:45:19 +0000</pubDate>
				<wikidot:authorName>Zatz</wikidot:authorName>				<wikidot:authorUserId>1432445</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Thanks for that now i post code there and link to it from here. I intended to inform whoever created this of issues and see if a solution can even be found. Nesting multiple times is a too nice of a tool for gaming sites (and others) not to have at their disposal and much better looking than the long repeating tables needed with only a couple different variables. the drawback is how much coding experience someone needs to know to get something like this to work properly, unlimited nesting might be too much to ask for.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1700403</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1700403</link>
				<description></description>
				<pubDate>Fri, 01 Feb 2013 09:44:00 +0000</pubDate>
				<wikidot:authorName>Helmut_pdorf</wikidot:authorName>				<wikidot:authorUserId>17609</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Go to the sandbox site: <a href="http://try.wikidot.com/" target="_blank">http://try.wikidot.com/</a> and you can test all what you want on a single page ( or more).</p> <p>I have copied your test to <a href="http://try.wikidot.com/nested-tabview" target="_blank">http://try.wikidot.com/nested-tabview</a> and it looks very well I think !</p> <p><strong>Edit</strong>: correc ted the link to the try - sandbox page!</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1700024</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1700024</link>
				<description></description>
				<pubDate>Thu, 31 Jan 2013 22:05:49 +0000</pubDate>
				<wikidot:authorName>Zatz</wikidot:authorName>				<wikidot:authorUserId>1432445</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Sooo. Working this, umm, nested page out was good for a few laughs, up until.the.. end..literally the ending.</p> <p>I told the admin I was not sure if he need another plugin for this to work properly or not. It works well, to an extent. Ii was gonna attempt to nest it even further into a master tab set, It is more appeasing than a collapse. I'd like to see about more colors for each tier of tabs.</p> <div class="code"> <pre><code>weird you cant see the pages in preview mode [[module css]] .yui-navset-top ul.yui-nav { height: 60px !important; } [[/module]] [[include :csi:include:css3-tabview |TabColor=#666666 |TabFadeColor=#111111 |SelectColor=#0088eb |SelectFadeColor=#0077eb |ActiveColor=#00558b |ActiveFadeColor=#0672b7 |textcolor=#333333 |textcolor1=#ffffff |textcolor2=#ffffff |textcolor3=#eeeeee |Background=#fafafa |Border=#eeeeee ]] ALL kojani tier quests!! [!-- nesting is extremely goofy here. It works fine as long as you *gasp* keep tabs of the tabs also no indents!!! p,g the puns already!!! Also number your tab titles and text area and even the sub tabs when nesting because the nested tab do not sit right for some reason (speak to the dev@http://snippets.wikidot.com/code:tabview-csi) Note to self dont attempt this without a full nights sleep!--] [[=]] [[tabview]] [[tab **Artificer**]] [!-- First top tab shows 1a 1b 1c 1d and 1e sub tabs --] **Artificer Crafting Tier Quests** [[tabview]] [!-- begin nesting here --] [[tab **Novice1b**]] **Pre-requisite**: **Start:** [[[npc: Milakesh Noradu]]] in [[[Ca'ial Brael]]] **Details:**Speak with * [[[npc: Alasani Takon]]] in [[[Tanvu]]] * [[[npc: Lorran Elorja]]] in [[[Ca'ial Brael]]] * [[[npc: Haggor]]] in [[[Martok]]] **Crafted Items:**Wooden Staff x3 [[/tab]] [[tab **Blacksmithing**]] [!-- PAY ATTENTION! This top tab two! it has 2a 2b 2c 2d and 2e nested in its display text within falls to 1B Amatuer Blacksmith!--] under blacksmith top tab? NO! 1b[!-- guess which text goes here? Artificer Amatuer!--] [[/tab]] [[tab **Outfitter**]] [!-- 3rd Top tab which means 3a 3b 3c 3d and 3e are here text under this is tab 1C KojaniApprentice--] under the outfitter top tab? NO! 1c [!-- guess which text goes here? Artificer Apprentice!--] [[/tab]] [[/tabview]] [!-- end nested tabbing --] [[/tab]][!--end tab 1 or is it? nesting is goofy as hell! --] [[tab **Amatuer**]] [!-- 2nd tab of the first upper tab (Kojani)--] **Blacksmith Crafting Tier Quests** [!-- you'd swear on your mothers grave this should not go here --] [[tabview]] [[tab **Novice**]][!-- 2A tab title--] Tab content 2a goes here... [[/tab]] [[tab **Amatuer**]][!-- 2B tab title--] Tab content 2b goes here... [[/tab]] [[tab **Apprentice**]][!-- 2C tab title--] Tab content 2c goes here... [[/tab]] [[tab Tab title 2d goes Here]][!-- 2D tab title--] Tab content 2d goes here... [[/tab]] [[tab Tab title 2e goes Here]][!-- 2E tab title--] Tab content 2e goes here... [[/tab]] [[/tabview]] [[/tab]] [[tab **Apprentice**]] [!--3d tab of the first top tab /facepalm (Arti)--] **Outfitter Crafting Tier Quests** [[tabview]] [!-- begin 3rd nest, do you really believe that? /crossesfingers--] [[tab **Novice**]] [!-- 3A tab title--] Tab content 3a goes here... **Pre-requisite**: none (100 for recipes) **Start:** [[[npc: Oranku Sendaken]]] **Details:**Speak with: * [[[npc: Hotaren Waterfall]]] in [[[Tanvu]]] * [[[npc: Perun]]] in [[[Ca'ial Brael]]] * [[[npc: Bargon]]] in [[[Martok]]] **Crafted Items:**Cloth gloves x3 [[/tab]] [[tab **Amatuer**]] [!-- 3B tab title --] Tab content 3b goes here... **Pre-requisite**: Crafting level 21, 200 TA (300 for recipes). **Start:** [[[npc: Oranku Sendaken]]] in [[[Tanvu]]] **Details:** Speak with [[[npc: Bargon in [[[Martok]]] **Crafted Items:**Stiff Leather x5, Leather Strappings x5 Special Note: If you get all 3 style quest at the same time, you stand a good chance of being bugged if you turn in one quest before all items are made. It is **strongly suggested** making all items at one time. [[/tab]] [[tab **Apprentice**]] [!-- 3C tab title--] Tab content 3c goes here... **Pre-requisite**: Crafting level 21, 200 TA (300 for recipes). **Start:** [[[npc: Oranku Sendaken]]] in [[[Tanvu]]] **Details:** Speak with [[[npc: Bargon in [[[Martok]]] **Crafted Items:**Stiff Leather x5, Leather Strappings x5 Special Note: If you get all 3 style quest at the same time, you stand a good chance of being bugged if you turn in one quest before all items are made. It is **strongly suggested** making all items at one time. [[/tab]] [[tab **Initiate**]] [!-- 3D tab title--] Tab content 3d goes here... **Pre-requisite**: Crafting level 31, 300 TA (400 for recipes). **Start:** [[[npc: Derrgon]]] in [[[Martok]]] **Details:** &quot;Inspiration&quot; (recipe) comes from the outside of the center building in [[[Veenax Garrison]]] **Crafted Items:** Cloth Armor x3 Special Note: If you get all 3 style quest at the same time, you stand a good chance of being bugged if you turn in one quest before all items are made. It is **strongly suggested** making all items at one time. (Cloth Armor x9 [[/tab]] [[tab **Journeyman**]] [!-- 3E tab title --] Tab content 3e goes here... **Pre-requisite**: Crafting level 41, 400 TA (500 for recipes). **Start:** [[[npc: Derrgon]]] **Details:**&quot;Inspiration&quot; (recipe) is found outside the [[[Veenax Garrison]] at a gold and silver rock **Crafted Items:**Leather Linings x5 Special Note: If you get all 3 style quest at the same time, you stand a good chance of being bugged if you turn in one quest before all items are made. It is **strongly suggested** making all items at one time (Leather Linings x15). [[/tab]] [[/tabview]] [!-- end 3rd nest --] [[/tab]] [!--last 2 tabs on the Top first tab, tab names working but the descriptors are not showing --] [[tab **Initiate**]] [!-- amazing spot for the 4th and 5th nested tabs eh? the text should be for 1D tab--] **Pre-requisite**: Crafting level 31, 300 KA (400 for recipes). **Start:** [[[npc: Mikosa Nineblade]]] in [[[Tanvu]]] **Details:**&quot;Inpiration&quot; (recipe) comes from a speakers podium on the ground level of Garrison's main building, southeast of [[[Warseer Genik]]] **Crafted Items:** Wooden Club x3 Special Note: If you get all 3 style quest at the same time, you stand a good chance of being bugged if you turn in one quest before all items are made. It is **strongly suggested** making all items at one time ( x9 of them). [[/tab]] [[tab **Journeyman**]] [!-- Tab 1E- text should be area 1e --]] **Pre-requisite**: Crafting level 41, 400 KA (500 for recipes). **Start:** [[[npc: Mikosa Ninblade]]] in [[[Tanvu]]] **Details:**You will get &quot;Inspiration&quot;(recipe) the northeast outside wall of the Garrison at [[[Veenax Station]]] near [[[Martok]]] **Crafted Items:** Polished Wooden Shafts x5 Special Note: If you get all 3 style quest at the same time, you stand a good chance of being bugged if you turn in one quest before all items are made. It is **strongly suggested** making all items at one time. [[/tab]] [[/tabview]] [[/=]]</code></pre></div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1289493</guid>
				<title>Re: Tabs hiding...</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1289493</link>
				<description></description>
				<pubDate>Tue, 25 Oct 2011 00:13:18 +0000</pubDate>
								<wikidot:authorUserId>38854</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>According to <a href="http://www.wikidot.com/doc:wiki-syntax#toc64" target="_blank">the docs</a>:</p> <blockquote> <p>Tabs will accept any content, but at the moment it is not possible to nest tabviews.</p> </blockquote> <p>I found <a href="http://allmybrain.com/2008/04/29/using-yui-to-create-nested-tabs/" target="_blank">this article</a> from 2008, and it might be worth <a href="http://feedback.wikidot.com/wish:_all" target="_blank">posting a wish</a> to expand tabview's capabilities. Having the option to nest tabs and change the orientation of them would be nice.</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1289443</guid>
				<title>Re: Tabs hiding...</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1289443</link>
				<description></description>
				<pubDate>Mon, 24 Oct 2011 22:20:07 +0000</pubDate>
				<wikidot:authorName>Widgie</wikidot:authorName>				<wikidot:authorUserId>427118</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Sweet, that totally fixed it. Now I have another problem! I'm trying to nest a tabview inside a tabview, but stuff is getting switched around and some stuff just vanishes. Is there a trick to making them obey? XD</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1287779</guid>
				<title>Re: Tabs hiding...</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1287779</link>
				<description></description>
				<pubDate>Sat, 22 Oct 2011 19:29:55 +0000</pubDate>
				<wikidot:authorName>RobElliott</wikidot:authorName>				<wikidot:authorUserId>111301</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Yes I also saw this on Firefox. To fix it you could add a css module at the bottom of the page where the tabs are (i.e after everythig else) as follows:</p> <div class="code"> <pre><code>[[module css]] .yui-navset-top ul.yui-nav { height: 62px !important; } [[/module]]</code></pre></div> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-1287737</guid>
				<title>Tabs hiding...</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-1287737</link>
				<description></description>
				<pubDate>Sat, 22 Oct 2011 18:25:24 +0000</pubDate>
				<wikidot:authorName>Widgie</wikidot:authorName>				<wikidot:authorUserId>427118</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Not sure if it's just because I'm using firefox&#8230; but when you use the tab like this&#8230; part of the tabs are hidden behind the content box of the tabview&#8230; Is there a way to fix that? :o</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-958286</guid>
				<title>(no title)</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-958286</link>
				<description></description>
				<pubDate>Fri, 24 Dec 2010 15:10:24 +0000</pubDate>
				<wikidot:authorName>Matt Gentile</wikidot:authorName>				<wikidot:authorUserId>427229</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Added the new features :)</p> 
				 	]]>
				</content:encoded>							</item>
					<item>
				<guid>http://snippets.wikidot.com/forum/t-293783#post-958076</guid>
				<title>Note...</title>
				<link>http://snippets.wikidot.com/forum/t-293783/new-tabview#post-958076</link>
				<description></description>
				<pubDate>Fri, 24 Dec 2010 02:25:39 +0000</pubDate>
				<wikidot:authorName>Matt Gentile</wikidot:authorName>				<wikidot:authorUserId>427229</wikidot:authorUserId>				<content:encoded>
					<![CDATA[
						 <p>Im going to add an extra feature so everyone can change the content background color as well as the text.</p> 
				 	]]>
				</content:encoded>							</item>
				</channel>
</rss>