Contoh Menu Tab View

Keterangan Code HTML

<form action="tabview.html" method="get">
<div id="TabView" class="TabView">
<div style="width: 300px;" class="Tabs">
<a><span style="color: #fff">Tab 1</span></a>
<a><span style="color: #fff">Tab 2</span></a>
<a><span style="color: #fff">Tab 3</span></a>
</div>
<div style="width: 300px; height: 200px;" class="Pages">
<div class="Page">
<div class="Pad"> konten 1 </div>
</div>
<div class="Page">
<div class="Pad"> konten 2 </div>
</div>
<div class="Page">
<div class="Pad"> konten 3 </div>
</div>
</div>
</div>
</form>

• - Kode warna Merah adalah warna judul tab
• - Kode warna biru adalah judul tab
• - Kode warna ungu adalah panjang dan tinggi kotak
• - Kode warna orange adalah isi menu tab view. Bisa diisi teks, link, benner, dan widget– widget, kode

Code JS ( JavaScript )

Post Terkait