Selamat siang brader blogger semua kembali posting ni setelah sebelumnya memposting firefox versi 4 yang ternyata memiliki tampilan yang sedikit berbeda dari versi seblumnya. untuk kali ini ini saya akan memposting bukan seputar internet komputer melainkan seputar css dan blogger.
Seperti judul posting ini yaitu membuat Speak Buble dengan Css3. Speek buble ini merupakan tehnik permainan border dengan css. Dengan menggunakan Css Speak Buble dapat dibuat tanpa menggunakan image jadi ini akan lebih ringan dibuka di browser.
Langsung saja pada penerapan dan koding css-y. Sebagai contoh saya membuat speak buble untuk teks area. contohnya bisa dilihat dibawah ini.
Pertama kita buat kode CSS Speak Buble-y seperti ini.
.speakbuble + p {margin:2px 0 0 55px; font-weight:bold;}
Selanjutnya untuk memanggilnya gunakan kode html seperti ini :
<div class='speakbuble'> <p>Ini Contoh Speak Buble Tulis dengan kata kata kamu disini....ini sebagai contoh saya oke Brad..</p></speakbuble> <p>Speak Buble</p>
Cukup mudah bukan silahkan di custom sesuai selera blogger. Untuk background bisa menggunakan background Gradient CSS3, Box shadow ataupun lain2nya biar lebih menarik. Selamat mencoba.
Siang sahabat. Jujur ya, saya belum mudeng. Contohnya yang mana to?? O ya, kalau mo bedakan komen pengunjung dengan pemilik blog gimana ya? saya pakai template minima. dah pernah tak coba,tapi gagal :-(( Makasih sebelumnya sahabat..
Anonim mengatakan…
tentang balon percakapan ya, kalo dibikin otomatis tanpa harus mengedit satu persatu markup yang akan diberi speak buble (misal pake jquey) apa bisa juga gan???
Comment balik bro. Sebelumnya terimakasih telah comment di blog flodesta. Saya belum ngerti tentang css3. Kalau berkenan saya boleh belajar tentang css3 disini. Salam sukses
Mengenal lebih dalam mengenai Motion Tween dan Shape Tween , Pada program flash terdapat 2 (dua) jenis animasi yaitu Animasi Motion Tween dan Animasi Shape Tween . 1.Motion Tween Motion Tween adalah pergerakan suatu objek dari keadaan awal sampai keadaan akhir. sebagai contoh anda ingin menggerakan suatu bola dari kiri ke kanan, dengan adanya motion tween kita bisa menggunakan sedikit objek tanpa harus membuat banyak objek, untuk contoh animasi Tween bisa anda lihat gambar dibawah ini. 2.Shape Tween Shape Tween adalah perubahan bentuk dari suatu objek ke objek lain. untuk Shape Tween objek yang dianimasikan harus berjenis Shape, untuk ukuran file yang dihasilkan Shape Tween lebih besar dibandingkan motion Tween.
Symbol adalah objek gambar yang pertama kali kita buat. Bisa berupa vektor atau bitmap. Untuk membuat simbol dalam objek yang kita buat, caranya yaitu klik insert dan pilih create New Symbol dan pilih type Movie Clip untuk membuat Symbol baru. Disitu akan tampil Stage baru untuk membuat objek baru.atau bisa juga merubah objek gambar yang telah ada menjadi Symbol baru, dengan cara klik kanan pada objek gambar pilih Convert to Symbol dan pilih Movie Clip . Symbol yang telah di buat akan secara otomatis tersimpan di dalam library.dan kita juga bisa membuat objek didalam objek. Dengan cara doble klik pada objek yang telah di Convert to Symbol . Objek objek yang terdapat didalam symbol disebut instance atau anak dari symbol. kelebihannya dari symbol adalah anda tidak perlu membuat banyak objek kalau objek itu sama,anda tinggal memsukan objek symbol dengan cara mendrag Symbol dari panel Lybrary kedalam stage, walaupun objek yang didalam stage anda hapus tetapi objek symbol tetap ada d
Langkah pertama buatlah dokumen baru berukuran 450px x 100px, Buatlah empat buah layer seperti gambar dibawah ini. Di layer 1 buatlah background persegipanjang menggunakan Rectangle Toool dengan ukuran 450 x 100 . Berilah warna gradasi merah hitam seperti gambar dibawah ini. Buatlah teks CHUGY COLECT di layer 2 Selanjutnya kita akan mengcopy atau menggandakan teks CHUGY COLECT di layer 2 , caranya yaitu klik kanan pada frame 1 - layer 2 dan pilih Copy Frame . Selanjutnya klik kanan pada frame 1 layer 4 dan pilih Paste Frame . Selanjutnya buatlah persegi panjang dengan warna hijau ataupun warna lain dilayer no 3. posisikan seperti gambar dibawah ini. Setelah itu tambahkan frame, dari layer 1 sampai layer 4 ke frame 20 seperti gambar di bawah. Klik pada frame 20 layer 3 , dan geserlah persegi panjang yang telah dibuat ke sebelah kanan melebihi teks, lihat gambar di bawah. Selanjutnya klik kanan di tengah frame pada layer 3 , seperti gambar dibawah dan pilihlah Create
Komentar
blog ane pake komen pihak ketiga gitu bagus enggak ?
O ya, kalau mo bedakan komen pengunjung dengan pemilik blog gimana ya? saya pakai template minima. dah pernah tak coba,tapi gagal :-((
Makasih sebelumnya sahabat..
makasih ya