Catatan PHP

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.

Catatan PHP, Pembelajaran

Membuat Link Download dengan HTML 5 dan Bootstrap

Biasa nya ari nuju ngudag-ngudag target sok byar pet tah lampu teh …………. dari pada pusing sedikit menulis dan sharing aja untuk pembuatan link download dengan menggunakan HTML 5 dan Bootstrap. Untuk penggunaan bootstrap dapat dibaca disini.

Perintah yang akan digunakan adalah

<a href=” “>Tulisan</a> Continue reading “Membuat Link Download dengan HTML 5 dan Bootstrap”

Catatan PHP

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

Continue reading “Membuat Dropdown Menu Vertikal dengan Bootstrap”

Catatan PHP

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’);

Continue reading “Membuat Tabel Zebra dengan Bootstrap-PHP”

Catatan PHP

Membuat Form Sederhana dengan Bootstrap

Bootstrap merupakan suatu framework untuk membuat layout web lebih dinamis dan mudah untuk diatur, struktur dasar dalam penggunaan bootstrap adalah

/font

/js

/css

Seluruh folder tersebut harus tersedia dalam folder web yang akan dikembangkan. Untuk membuat form perintah dasar yang perlu digunakan adalah:

<form class=”form”>
</form>

Continue reading “Membuat Form Sederhana dengan Bootstrap”