How to Modify a list of categories - Joomla! Forum - community, help and support


hello,

i want change list of categories tabbed version. want use dreamweaver's new spry tabbed panels , need change template generates this:

image

and code:

code: select all

<ul>
<li>
<a href="http://localhost/index.php?option=com_content&task=category&sectionid=30&id=28&itemid=71" class="category">
deportes</a> <i>( 0 items )</i>
</li>
<li>
<a href="http://localhost/index.php?option=com_content&task=category&sectionid=30&id=27&itemid=71" class="category">
primera plana</a> <i>( 2 items )</i>
</li>
<li>
<a href="http://localhost/index.php?option=com_content&task=category&sectionid=30&id=26&itemid=71" class="category">
negocios</a> <i>( 0 items )</i>
</li>
</ul>


to more this:

code: select all

<div id="tabbedpanels1" class="tabbedpanels">
  <ul class="tabbedpanelstabgroup">
    <li class="tabbedpanelstab" tabindex="0">category name 27</li>
    <li class="tabbedpanelstab" tabindex="0">category name 25</li>
  </ul>
  <div class="tabbedpanelscontentgroup">
    <div class="tabbedpanelscontent"><iframe src="http://localhost/index2.php?option=com_content&task=category§ionid=30&id=27&itemid=71&no_html=1" name="test" width="auto" height="auto" align="top" scrolling="no" frameborder="0" id="test" allowtransparency="true"></iframe></div>
    <div class="tabbedpanelscontent"><iframe src="http://localhost/index2.php?option=com_content&task=category§ionid=30&id=25&itemid=71&no_html=1" name="test" width="auto" height="auto" align="top" scrolling="no" frameborder="0" id="test" allowtransparency="true"></iframe></div>
  </div>
</div>

where list items
  • list of categories, after list ends , new loop of
    generated