Search This Blog

MEMBUAT TEKS BERGERAK

Posted by amykozo

untuk membuat teks bergerak adalah mudah...step yg lebih kurang dengan tulisan berkelip cuma di sini kita boleh menambah kod untuk mencantikkan lagi tulisan tadi..lihat kod di bawah ini :






<marquee>Teks bergerak</marquee>




kod di atas ini akan menjadi begini :

Teks bergerak

untuk ubah perkataan bergerak dari kiri ke kanan gunakan kod nie pula:




<marquee direction="right" >dari kiri ke kanan</marquee>




dari kiri ke kanan

kod berwarna merah di atas adalah kod yang saya tambah untuk menjadikannya bertukar arah

perkatan pergi dan balik (lihat contoh di bawah)




<marquee behavior="alternate" direction="left" bgcolor="#FCF81F" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">Selamat Datang Ke probuatblog.blogspot.com</marquee>



Selamat Datang Ke probuatblog.blogspot.com

nota : (anda boleh menukar kelajuan dengan melihat cara di bawah)

bergerak dengan setting masa sendiri





<marquee direction="right" scrollamount="10" >dari kiri ke kanan dengan tempoh masa 10</marquee>



dari kiri ke kanan dengan tempoh masa 10

nota : tukarkan perkataan scrollamount kt atas nie dengan masa yg anda kehendaki

Berhentikan tulisan y sedang berjalan(sila halakan mouse pada tulisan di bawah)




<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">arahkankan mouse pada teks,berhenti</marquee>



arahkankan mouse pada teks,berhenti

untuk membuat tulisan naik,turun cuba kod di bawah nie




<marquee behavior="alternate" direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" bgcolor="#FCF81F"><marquee direction="right" behavior="alternate">Selamat Datang Ke probuatblog.blogspot.com</marquee></marquee><br />




Selamat Datang Ke probuatblog.blogspot.com


nota(warna backgroung boleh di ubah mengikut kesukaan anda dengan menukar kod bgcolor)


tulisan bergerak bersama gambar





<table style="border-collapse: collapse; width: 338px; height: 75px;" background="http://i822.photobucket.com/albums/zz147/amykozo/BANNAER-PRO-2.gif" border="1" bordercolor="white"><tbody><tr><td><span style="font-family:arial black;font-size:+30;color:#FF0000;"><marquee><img style="width: 30px;height:30px;"src="http://i822.photobucket.com/albums/zz147/amykozo/PinkPantherBlackGirlsTee2.jpg" />Selamat Datang ke probuatblog.blogspot.com</marquee></span></td></tr></tbody></table>




Selamat Datang ke probuatblog.blogspot.com


untuk menghasilkan tulisan dan gambar seperti di atas ini,anda perlu mengikut beberapa langkah :

1)background "http://i882.photobucket.com/albums/zz147/amykozo/BANNER-PRO-2.gif" di ubah kepada link background anda
2)pada perkataan berwarna merah width:338px dan height: 75px perlu diubah kepada ukuran tinggi dan lebar gambar background anda.
3)bordercolor="white" iaitu warna border di ubah kepada warna border pilihan anda.
4)font-size:+30 di ubah kepada saiz font pilihan anda dan mengikut kesesuaian tinggi gambar background
5)Colour:#FF0000 di ubah kepada kod warna pilihan.
6)width: 30px dan height: 30px di ubah kepada ukuran saiz gambar yang bergerak di atas gambar background.
7)src="http://i822.photobucket.com/albums/zz147/amykozo/PinkPantherBlackGirlsTee2.jpg" di ubah kepada link gambar yang bergerak di atas background
8)Selamat Datang ke probuatblog.blogspot.com di ubah kepada teks pilihan anda.

kat bawah saya bagi kod yg boleh anda gunakan jika anda seoang yg kreatif..anda boleh menambah kod2 di bawah sesuai dengan kod yg anda lihat di atas..


bgcolor=warna latar belakang
direction=arah gerakan (left,right,up.down)
behavior=karekter pergerakan (scroll,slide,alternate)
scroll(teks berputar)
slide(teks bergerak sekali dan berhenti)
alternate(teks bergerak dari kiri ke kanan dan berpatah balik)
Title=perkataan muncul semasa mouse berada di atas teks
Scrollamount=meletak kecepatan gerakan
Scrolldelay=mengatur tempoh masa
Loop=mengatur jumlah

RECENT POST

To all u...






Tutorial
back to top