bootstrap – tekpend

Membuat Form Login (Bootstrap)

Sambil nunggu siswa mengerjakan tugas dan mengucapkan selamat bagi siswa-siswi yang sudah ikut lomba Olimpiade Komputer Tingkat Kota. Apapun hasilnya kita terima dengan lapang dada, orang hanya pandai menilai dan tidak mau melihat dan memahami prosesnya.

Kok ngelantur …. kita perhatikan gambar di bawah ini:

untuk membuat form seperti itu kita dapat gunakan code sebagai berikut:

code

untuk lebih jelas dapat diunduh filenya disini

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 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”