tab sederhana 2 - VIEW-SOURCE:
Beranda
fitur
44444444

tab sederhana 2

222222222


bisa ditambah fitur apa saja ..

TUTUPKOLOM  
 ISI NO 1 INFO
  ISI 2 GAMBAR
/* css penambah scroll. */
<style>
.preC-3 {/* CLASS penambah scroll. */
overflow: auto;
max-height: 250px;
white-space: nowrap;
}
</style>
<div class='pre tb'>
<!--[ Active function ]-->
  <input class='prei hidden' id='preT-5' type='radio' name='preTab' checked><!--TAMBAHAN-->
<input class='prei hidden' id='preT-1' type='radio' name='preTab'>
<input class='prei hidden' id='preT-2' type='radio' name='preTab'>
<input class='prei hidden' id='preT-3' type='radio' name='preTab'>
  <input class='prei hidden' id='preT-4' type='radio' name='preTab'>  
<!--[ Header/title ]--> 
<div class='preH tbHd scrlH'> <!--[ Change atribute data-text='...' to replace title ]-->

  <label for='preT-5' data-text=''>
  <span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x" style='font-size:30px;color:black'></i>
  <i class="fa fa-bars fa-stack-1x fa-inverse" title='TUTUP'></i>
  </span>
</label>
  

<label for='preT-1' data-text=''> 
  <span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x" style='font-size:30px;color:black'></i>
  <i class="fa fa-info fa-stack-1x fa-inverse" title='INFO'></i>
  </span>
</label>

 <label for='preT-2' data-text=''>
   <span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x" style='font-size:30px;color:black'></i>
  <i class="fa fa-folder-open fa-stack-1x fa-inverse" title='GAMBAR'></i>
   </span>
</label>

<label for='preT-3' data-text=''>  /*ID untuk SCROLL. */
  <span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x" style='font-size:30px;color:black'></i>
  <i class="fa fa-share-square-o fa-stack-1x fa-inverse" title='XML'></i>
  </span>
</label>

<label for='preT-4' data-text=''>
  <span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x" style='font-size:30px;color:black'></i>
  <i class="fa fa-clone fa-stack-1x fa-inverse" title='LAINNYA'></i>
  </span>
</label> <!--TAMBAHAN-->
 
</div>

<!--[ Content ]--> 
<div class='preC-5'>
<pre>TUTUPKOLOM  </pre>
</div> 
   
<div class='preC-1'>
<pre> ISI NO 1 INFO</pre> 
</div>
 
<!---INFO--->
<div class='preC-2'>
<PRE>  ISI 2 GAMBAR </PRE> 
</div>
  
  <!--LINK-->
<div class='preC-3'>
<pre> LINK ISI 3</pre>
</div>

  <!--LAINNYA-->
<div class='preC-4'>
<pre> ISI 4 LAINNYA</pre>
</div>

</div>
 ISI 4 LAINNYA


BERAPA NILAI ARTIKEL INI

Go to Link
Loading Content...