Skip to main content

Tombol Dinamis Dengan CSS3

Tombol Dinamis dengan CSS3
Setelah sekian postingan telah terupdate bukan mengenai CSS3 sekarang muncul lagi trik tentang CSS3. Mungkin banyak teman - teman saya yang menunggu postingan tentang css3 namun tidak saya tanggapi karena ada kesibukan offline namun sekarang saya berikan walaupun tidak banyak. Trik CSS3 kali ini tentang cara Tombol dinamis dengan CSS3, pada postingan sebelumnya mengenai Membuat Tombol Dengan CSS3 juga saya telah memberikan trik membuat tombol dengan CSS3, walaupun kedengarannya sama tapi bentuk dari tombolnya berbeda dengan yang sebelumnya.Sebenarnya saya sangat menyukai sekali dengan CSS3 namun karena keterbatasan waktu dan uang untuk online, postingan tentang CSS3 agak terlambat saya update di blog ini, makannya apabila sahabat oketrik ingin diberi tanggapan pertanyaan yang telah dikirim ke saya, Klik lah iklan yang ada di blog ini, hanya sekali klik saja loh ga ada ruginyakan? malah istilahnya beramal. Oke deh dari pada saya cuap-cuap lebih baik saya langsung jelaskan saja tentang Tombol dinamis dengan CSS3. Lihat demonya dulu yuk!


Demo



tombol dinamis 1
Trik Blog
Tutorial

tombol dinamis 2
Free Download
Free Blogger Template

Jasa Kami
Pembuatan Web/Blog

CSS Yang di pakai :



.tmbl{display:inline-block; background:url(btn.bg.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); -moz-border-radius:5px; -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.5); -webkit-border-radius:5px; -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.5)}

.tmbl:hover{text-shadow:1px 1px 1px rgba(0,0,0,0.5); cursor:pointer}

.biru{background-color:#CCC; color:#141414}
.biru:hover{background-color:#00c0ff; color:#fff}

.hijau{background-color:#CCC; color:#141414}
.hijau:hover{background-color:#8aff00; color:#fff}


HTML yang di pakai :



tombol dinamis 1
Trik Blog

Tutorial

Cheats


tombol dinamis 2

Free Download

Free Blogger Template




Jasa Kami

Pembuatan Web/Blog


Nah bagaiman Menarik bukan Tombol yang di buat dengan sentuhan CSS3? memang sich kalau dibandingkan dengan tombol yang di buat dengan jquery ataupun javascript lebih bagus tapi masing-masing mempunyai kelemahan tersendiri sekarang terserah sobat ingin memakai yang mana. Akhir kata Terima kasih dan Happy Blogging.
gambar oleh : http://free-css-menu.com
Labels:

Comments

Post a Comment

Popular posts from this blog

Angry Birds v2.1.0 GAME-CRD

Angry.Birds.v2.1.0.GAME-CRD Release name: Angry.Birds.v2.1.0.GAME-CRD Size: 42.8 MB Language : ENG NFO: Here Release Description: The survival of the Angry Birds is at stake. Dish out revenge on the green pigs who stole the Birds’ eggs. Use the unique powers of the Angry Birds to lay waste to the pigs’ confounding constructions. Angry Birds features challenging, physics-based demolition gameplay with hours and hours of replay value. Each of the 240+ levels requires logic, skill, and brute force to crush the enemy. Screenshot Total 42.8 MB Password=ganool.com Download From Tinypaste Related Posts: Angry Birds v1.6.2 cracked READ NFO-THETA Angry Birds Rio v1.4.2 Cracked GAME-ErES Angry Birds Rio v1.2.2 cracked READ NFO-THETA Angry Birds Space v1.0.0 GAME-CRD Angry Birds Seasons v2.3.0 Cracked GAME-ErES .:: Advertisements ::.
Post a Comment
Readmore

Uverworld

UVERworld adalah J-Rock band di Gr8! Catatan di bawah label Sony. Suara umum UVERworld adalah campuran rock dan pop dengan sesekali selingan rap dilemparkan oleh Takuya .Nama mereka adalah nama mereka yang diciptakan sendiri (dengan menggabungkan 'über' dan 'atas') dan kepada mereka berarti 'Pindah silang dunia mereka sendiri'.
Post a Comment
Readmore

Membuat Tampilan Komentar dan Jawaban Beda dengan CSS3

Untuk Template Lama (Template Tata Letak/Layout Templates) dan New Blogger Template). Salah satu cara memberikan "servis terbaik" kepada pembaca atau pengunjung blog adalah dengan memberikan ciri khusus pada jawaban komentar yang dibuat autor. Dengan cara ini maka komentar pengunjung dan jawaban yang berupa komentar dari author akan terlihat dengan sangat jelas. Beberapa cara bisa dilakukan misalnya dengan membuat bentuk teks berbeda atau dengan cara memberi background pada box yang berisikan komentar pengunjung atau sebaliknya pada komentar autor (jawaban komentar). Untuk membuat bentuk kolom komentar yang sangat menarik ini, tidak boleh tidak kita harus membongkar template guna menyimpan kode CSS dan xHTML pada bagian header dan body. Untuk penyimpanan xHTML dengan amat terpaksa juga harus kita lakukan melalui Expand Widget Template , karena tanpa melalui proses ini tidak mungkin apa yang kita rencanakan bisa terwujud. Heh ... heh ..., tapi jangan ...
Post a Comment
Readmore