Untuk mendapatkan space iklan dihalaman ini silahkan hubungi owner Blog Design, Kami akan secepatnya merespon dan mempertimbangkan letak dari iklan text dan banner anda...

Sunday, December 29, 2013

Dynamic buttons CSS3

Dynamic buttons CSS3 - Dynamic buttons CSS3 merupakan style button code tag html dengan memakai CSS 3, pada dasarnya penggunaan metode button pada CSS 2 dan CSS 3 hampir sama hanya saja untuk CSS 3 codenya lebih meningkat atau ada beberapa code dengan kemampuan yang menurut saya luar bisa di lakukan oleh CSS 3. Bila anda penasaran dengan tampilannya silahkan lihat demo Dynamic buttons CSS3 ini melalui link demo dibawah. Bila anda tertarik memasangnya silahkan lihat tutorial Dynamic buttons CSS3 dibawah ini, langsung saja menuju TKP.

Demo


Code CSS here..


/*****************************************
Name : Dynamic buttons CSS3
By : Rivai Silaban | Blog Design
Update :Minggu 29, Desember 2013
site : www.rivai.org
******************************************/
.tombol {
display: inline-block;
background: url("http://2.bp.blogspot.com/-lj3rVLwKJ1g/Ur8gKU9lR5I/AAAAAAAACHY/PqO5ldPOsrc/s1600/dinamic-button.png") repeat-x 0px 0px;
padding:5px 10px 6px 10px;
font-weight:bold;
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
border:1px solid rgba(0,0,0,0.4);
}
.tombol:hover {
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
cursor:pointer;
}
/* warna tombol */
.warna-biru {background-color: #CCCCCC; color: #141414;}
.warna-biru:hover {background-color: #00c0ff; color: #ffffff;}
.warna-hijau {background-color: #CCCCCC; color: #141414;}
.warna-hijau:hover{background-color: #006600; color: #ffffff;}
.warna-merah {background-color: #CCCCCC; color: #141414;}
.warna-merah:hover {background-color: #800000; color: #ffffff;}
/*** Dynamic buttons CSS3 and ***/


Code HTML here..


<!-- Rivai Silaban Dynamic buttons CSS3 start-->
<p><strong> Demo dynamic buttons CSS3</strong></p>
<div class="tombol warna-merah">click here !</div>
<div class="tombol warna-hijau">Readmore</div>
<div class="tombol warna-biru ">Dynamic Buttons CSS3</div>

<p>Ukuran font 12px:</p>
<div style="font-size: 12px;">
<div class="tombol warna-merah">click here !</div>
<div class="tombol warna-hijau">Readmore</div>
<div class="tombol warna-biru ">Dynamic Buttons CSS3</div>
</div>

<p>Ukuran font 10px:</p>
<div style="font-size: 10px;">
<div class="tombol warna-merah">click here !</div>
<div class="tombol warna-hijau">Readmore</div>
<div class="tombol warna-biru ">Dynamic Buttons CSS3</div>
</div>
<!-- Rivai Silaban Dynamic buttons CSS3 end-->


Code diatas merupakan code CSS dan code tag HTML dari Dynamic buttons CSS3 yang mungkin sudah anda lihat tampilannya pada halaman demonya, Buat teman teman yang masih belajar blogging sama seperti saya silahkan kunjungi halaman tata cara pemasangan Dynamic buttons CSS3..

http://www.rivai.org/2013/12/dynamic-buttons-css3.html

Terimakasih atas kunjungannya,Bila anda suka dengan artikel ini silahkan JOIN TO MEMBER BLOG atau berlangganan geratis Artikel dari blog ini, daftarkan email anda pada form subscribe dibawah halaman . Pergunakan vasilitas diblog ini untuk mempermudah anda. Bila ada masalah dalam penulisan artikel ini silahkan kontak saya melalui kotak komentar yang ada dibawah atau gunakan fasilitas yang ada diblog ini untuk menghubungi saya.

Salam Blogger.... !!! .

Me

Admin Rivai Silaban

Share article with : Google+ Facebook Twitter
Di posting oleh : Rivai Silaban Update pada : 11:29 AM

0 komentar :

Post a Comment

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email " untuk membangun kreatifitas blog ini
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Dilarang menyebarluaskan artikel tanpa persetujuan dari saya.
6. Untuk mengajukan pertanyaan diluar postingan diatas, silahkan klik " Forum Diskusi "
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "
8. Komentar yang mengandung code tag HTML, konversikan terlebih dulu silahkan klik " Konversi Kode "

Salam bloger .. !!
Pergunakan semua fasilitas di Blog ini untuk mempermudah anda..
Konversi Kode Forum Diskusi Join to Blog