Selasa, 16 Juni 2015
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Label:
CSS / Bootstrap
Cara Membuat Button Bootstrap Style Dengan Kode Sendiri
Jaka Prima MaulanaSelamat datang pengunjung primasaja.com,
tutorial primasaja.com kali ini admin akan membuat design button seperti button bootstrap dengan kode variabel kata bahasa indonesia untuk mempermudah pembuat website dalam memanggil style bootstrap button dengan bahasa indonesia di bootstrap button berwarna merah ini dapat dipanggil atau dipakai dengan memanggail .btn-danger sekarang kita akan bereksperiment dengan memanggil dengan variabel tombol-merah-bootstrap berikut langkah - langkahnya
1. buat file dengan format HTML, ataupun PHP terserah anda
2. di antara <head></head> buat script seperti berikut
<style>
.tombol-merah-bootrap {
color: #fff; /*warna huruf*/
background-color: #d9534f; /*warna merah*/
border-color: #d43f3a; /*warna garis tepi*/
display: inline-block; /*pengaturan display penempatan button */
padding: 6px 12px; /*pengaturan penempatan text didalam button*/
margin-bottom: 0; /*pengaturan lokasi button*/
font-size: 14px; /*ukuran huruf*/
line-height: 1.42857143; /*line ketinggian*/
text-align: center; /*penempatan teks ditengah button*/
white-space: nowrap;
vertical-align: middle; /*pengaturan text posisi tengah dari sisi vertikal*/
-ms-touch-action: manipulation;
touch-action: manipulation; /*ketika button tersentuh*/
cursor: pointer;/*pointer kursor*/
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
</style>
2. lalu panggil button di bagian <body> panggil disini </body> dengan menggunakan Button Class seperti diberikut :
1. Untuk HTML
<div > <button class="tombol-merah-bootstrap"> Tutorial primasaja.com</button> </div>
2. Untuk Framework
$buttoncddaftar = array('class' => 'tombol-merah-bootstrap',
'value' => 'Tutorial Primasaja.com',
);
echo "<p>";
echo form_submit($buttoncddaftar);
echo "</p>";
sekian tutorial singkat dari saya tunggu tutorial berikutnya
Langganan:
Posting Komentar
(
Atom
)
Tidak ada komentar :
Posting Komentar