Designing for XOOPS by Sun Ruoyu

Author:Sun Ruoyu
Language: eng
Format: mobi, epub, pdf
Tags: COMPUTERS / Web / General
Publisher: O'Reilly Media
Published: 2011-07-14T16:00:00+00:00

Integration: How to Come Up with an Idea

Look at the HTML code of Tabs again. What does it remind you of?

<!-- tabs -->

<ul class="css-tabs">

<li><a href="#">Tab 1</a></li>

<li><a href="#">Tab 2</a></li>

<li><a href="#">Tab 3</a></li>

</ul>

<!-- panes -->

<div class="css-panes">

<div>

Tab 1 Content

</div>

<div>

Tab 2 Content

</div>

<div>

Tab 3 Content

</div>

</div>

Did you notice that the structure is similar to some of the structures we have already come across? I will give you a hint: read the XOOPS block structure code again (from the section Block-Displaying Structures).

We can actually rewrite the Tab structure like this:

<!-- tabs -->

<ul class="css-tabs">

<li><a href="#">Block 1 Title</a></li>

<li><a href="#">Block 2 Title</a></li>

<li><a href="#">Block 3 Title</a></li>

</ul>

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.