Beberapa Bentuk Variasi Teks Berjalan

Sabtu, Oktober 17, 2009 // 1 komentar // Rudy // Category: Blogging Tutorial , Html , Tips dan Tricks //

Sebagaimana yang pernah dijelaskan mengenai tahap awal memahami kode html, maka kitapun dapat menarik kesimpulan bahwa html-lah yang berperan penting untuk menyusun tampilan dan memberikan informasi yang dapat kita lihat pada aplikasi browser sebuah komputer, baik berupa warna, tataletak, style, ukuran, jenis font, tautan (link), dan masih banyak lagi. Namun disamping kode Html, masi terdapat beberapa bahasa pemograman lainnya seperti PHP, CSS, XHTML (versi html yang lebih tinggi), Java Script dan lain sebagainya yang juga berperan dalam menerjemahkan informasi kepada users melalui sebuah aplikasi browser yang dijalankan pada perangkat yang kompatible semisal PC, handphone, PDA, dLL.

Salahsatu contoh yang akan dibahas pada postingan kali ini adalah kode jenis <marquee> (kenapa harus <marquee> ? Karna saya juga masi dalam tahap belajar bro) yang tidak lain juga merupakan 1 dari sekian banyak kode Html dan merekapun memiliki fungsi sendiri-sendiri yang nantinya diterjemahkan oleh browser sesuai dengan instruksi dari si programer.

Ada banyak hal yang bisa dilakukan untuk membuat fungsi kode html marquee lebih variatif, tentunya juga harus dibubuhi dengan kode html lainnya yang mendukung efek dari kode html <marquee>. Kemudian juga ada kode CSS yang memberikan sentuhan style yang elegan.

Ohya, perlu sobat ketahui secara default, teks atau obyek seperti gambar dan lain sebagainya yang telah di format kedalam kode html <marquee> sudah memiliki arah (dari kanan ke kiri), style dan kecepatan standar apabila formatnya hanya seperti ini :
<marquee>teks atau obyek lain berada disini</marquee>
Hasilnya :
teks atau obyek lain berada disini

Biar ga ribet, kita hanya akan menggunakan "teks" sebagai objek dalam experimen bom nuklir berikut ini :D

Menampilkan arah teks dari kiri ke kanan

Menampilkan arah teks dari kiri ke kanan

Kode :

Menampilkan kecepatan dari gerakan teks

Menampilkan kecepatan dari gerakan teks

Kode :

Ket : 20 adalah tingkat kecepatan, sobat dapat mengubahnya sesuai selera.

Menampilkan gerakan bolak-balik pada teks

Menampilkan gerakan bolak-balik pada teks
Kode :


Menampilkan warna sebagai background pada teks

Menampilkan warna sebagai background pada teks

Kode :

Ket : Kode #00ff00 adalah kode CSS yang menentukan warna pada background teks, ini juga dapat di ubah. Kalau ga mau repot dengan lambang angka-angkanya, bisa ditulis jenis warnanya tapi dengan bahasa inggris. Misalnya, untuk warna biru (#ff0000) langsung ditulis aja "blue"

Menampilkan lebar jalur teks yang bergerak

Menampilkan tinggi jalur teks yang bergerak

Kode :

Ket : Angka 30px merupakan tinggi dari tempat jalur kemunculan teks

Menampilkan lebar tempat kemunculan teks

Menampilkan lebar tempat kemunculan teks
Kode :

Ket : angka 200px merupakan nilai dari lebar tempat kemunculan teks. Untuk alternatif lain, Sobat juga bisa angka pixel dengan nilai persentase.
Untuk lebih jelasnya tentang cara menentukan nilai persentase, silahkan klik di sini.

Sekedar mengingatkan yah, pada penjelasan diatas, saya menggunakan teks sebagai objeknya. Jadi sobat yang baik hati dan tidak sombong dan rajin menabung bisa menggunakan objek lain seperti gambar, url, banner dan lain sebagainya. Yasudah, sampai disini jika ada yang kurang jelas dan jika ingin diperjelas, silahkan keluhannya di cantumkan pada kotak komentar !!

Happy Blogging