You are here :   Welcome » Tabs
 
Preview  Print...  Print this page...
Preview  Print...  Print this section...
rss This article is available in the standard RSS format for publication on your website :
https://ghc.freeguppy.org/data/en-articles.xml

Click on the tabs

 
  • Tab 1
  • Tab 2
  • Tab 3
  • Implementation

Content 1

Content 2

Content 3

Implementation

We can no longer simple, just look at the code for this article :

<div style="width:400px;text-align:center;margin:auto;">
<ul id="gytabs">
    <li class="gyactif" style="text-align:center;width: 60px;">Tab 1</li>
    <li style="text-align:center;width: 60px;">Tab 2</li>
    <li style="text-align:center;width: 60px;">Tab 3</li>
    <li style="text-align:center;width: 120px;">Implementation</li>
</ul>

<div id="gytabcontent">
<div class="gytabitem">
<h2>Content 1</h2>
</div>

<div class="gytabitem">
<h2>Content 2</h2>
</div>

<div class="gytabitem">
<h2>Content 3</h2>
</div>

<div class="gytabitem">
<h2>Implementation</h2>

<div style="margin:20px 0;">We can no longer simple, just look at the code for this article.</div>
</div>
</div>
</div>


Creation date : 09/02/2014 @ 06:01
Category : - Docs and Tutorials
Page read 8738 times

You are here :   Welcome » Tabs