Membuat menu sederhana dengan dropdown

Nuju akhir sasih, tibatan ngahuleng ku tongpes bilih hilap saalit ngadamel catatan, sekedar mencoba menerapkan sedikit fasilitas bootstrap untuk membuat menu, seperti gambar di bawah ini:

potong1

membuat button di sudut halaman web, jika di klik akan tampak sebagai berikut: Baca lebih lanjut

Iklan

Menu Vertikal dengan Bootstrap

Nuju hoyon nyerat, soca teu acan abot janten nyerat sa alit meh janten catetan, bilih hilap di sanes waktos. eh .. terus ngalantur. Sedikit catatan membuat menu vertikal dengan bootstrap pada web. Untuk konsep singkat tentang bootstrap dapat dibaca disini.

Pada tulisan ini membahas pembuatan menu vertikal tanpa fasilitas dropdown, jika ingin menggunakan dropdown dapat dibaca pada artikel ini. Untuk membuat menu vertikal sederhana dapat menggunakan code di bawah ini:

<ul class=”nav nav-pills nav-stacked”>
  <li class=”active”><a href=”?isi=home”>Home</a></li>
  <!–<li><a href=”?isi=operatorLuar_add”>Pengajuan Operator</a></li>–>
  <li><a href=”?isi=tampilCP”>Contact Person</a></li>
  <li><a href=”?isi=unduh_hasil”>Hasil Seleksi Reguler</a></li> 
</ul>

manipulasi tampilan selebihnya dapat memanfaatkan fasilitas CSS.

Membuat Dropdown Menu Vertikal dengan Bootstrap

Sudah lama tidak nulis di blog ini, sedikit berbagi walaupun sekedar dasar dalam penggunaan bootstrap untuk membuat menu dalam bentuk vertikal, seperti biasa perlu menyiapkan core system dari bootstrap atau dapat menggunakan

<link rel=”stylesheet” href=”http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css”&gt;
    https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js
     http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js

Baca lebih lanjut

Membuat Tabel Zebra dengan Bootstrap-PHP

Tos rada lami gak nulis di blog, iseng-iseng sebagai catatan pribadi dan mudah-mudahan bermanfaat bagi yang lain. Dalam tulisan ini saya mencoba membuat tabel zebra dengan bootstrap dan PHP dimana data tersimpan di database. untuk membuat tabel dengan menggunakan bootstrap gunakan class tabel untuk melakukan manipulasi, sedangkan warna dapat diambil dengan ketentuan class active, success, danger dan info. Untuk lebih jelas dapat dilihat disini. Silahkan ditambahkan link ke bootrsapnya ya … sbb file ini saya include ke index untuk admin.

Langkah pertama buat koneksi database, silahkan disesuaikan

<!–?php
error_reporting(0);
session_start();
include_once ‘../include/class.php’;
include_once(‘../include/excel_reader2.php’);

Baca lebih lanjut