#under_header{ margin:10px 0; padding:1%; width:98%; }

Rabu, 11 Juli 2012

Macam - macam Marque


Scroll Text - http://www.marqueetextlive.com

doctor reviews
-Kode penulisan teks atau gambar bisa berjalan :                                                                        
<marquee>Disini letak teks /gambar yang bisa jalan-jalan</marquee>Disini letak teks /gambar yang bisa jalan-jalan

-Bila ingin menambah kecepatan teks dalam berjalan tambahkan kode scrollamount="ANGKA"
  Semakin besar angkannya maka akan semakin cepat
  • Contohnya penulisannya:
    <marquee scrollamount="2">BERJALAN PELAN </marquee>
    <marquee scrollamount="4">BERJALAN SEDIKIT CEPAT</marquee>
    <marquee scrollamount="6">BERJALAN LEBIH CEPAT</marquee>
    <marquee scrollamount="8">BERJALAN LEBIH CEPAT LAGI</marquee>
    <marquee scrollamount="10">BERJALAN MAKIN LEBIH CEPAT</marquee>
    Hasilnya seperti ini:
    BERJALAN PELAN BERJALAN SEDIKIT CEPAT BERJALAN LEBIH CEPAT BERJALAN LEBIH CEPAT LAGI BERJALAN MAKIN LEBIH CEPAT

    -Berikut contoh-contoh teks atau tulisan yang bejalan    kekanan,  keatas, dan kebawah
    Untuk membuat berjalan kekanan keatas kebawah atau tambahkan kode direction="right, down, atau up" Contohnya seperti dibawah ini 
    Berjalan Kekanan
    Kodenya:
    <marquee scrollamount="2" direction="right">TULISAN BERJALAN KE KANAN</marquee>
    Hasilnya :
    TULISAN BERJALAN KE KANAN

    -Bergerak Naik atau Keatas
      Kodenya:
    <marquee scrollamount="2" direction="up" width="100%" height="50">TULISAN BERJALAN KE ATAS</marquee>
    Hasilnya:

    TULISAN BERJALAN KE ATAS-Bergerak Kebawah  Kodenya:
    <marquee scrollamount="2" direction="down" width="100%" height="50">TULISAN BERGERAK KEBAWAH</marquee>
    Hasilnya :
    TULISAN BERGERAK KEBAWAH
    Kode  " width="100%" height="50"    menunjukkan lebar dan tingginya silahkan sesuaikan dengan apa  yang sobat buat bergerak


    -BOLAK-BALIK/MONDAR-MANDIR
      Kodenya:
    <marquee behavior="alternate">TULISAN BERJALAN BOLAK-BALIK /MONDAR MANDIR</marquee>
    Hasilnya :TULISAN BERJALAN BOLAK-BALIK /MONDAR MANDIR
    Bila ingin membuatnya berhenti saat di mouseover tambahkan kode onmouseover="this.stop()"  dan akan berjalan lagi jika mouse / cursor dipindahkan dengan menambahkan kode onmouseover="this.start()"
          Contohnya :

    <marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">TULISAN MONDAR MANDIR BILA DIKURSOR BERHENTI</marquee>
    Hasilnya
    TULISAN MONDAR MANDIR BILA DIKURSOR BERHENTI

    - Teks berjalan zig-zag nembus


    kode :
    hasil :












    Contoh Tulisan Berjalan
    -Teks berjalan zig-zag mantul   kode :
    hasil :











    Contoh Tulisan Berjalan
    Langkah Selanjutnya adalah mengganti tulisan
    Contoh Tulisan Berjalan
    dengan tulisan atau kata-kata yang anda inginkan.

    Ket :
    # direction="left/right/up/down" --> Mengatur arah gerakan teks.

    # scrollamount="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semakin cepat gerakannya.

    # behavior="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan :
    ~> Scroll --> teks bergerak berputar
    ~> Slide--> teks bergerak sekali lalu berhenti
    ~> Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

    # Fungsi dari :
    <center> ............. </center>
    agar tulisan selalu berada di tengah

    - Efek teks berjalan kekanan secara kontinu
      dgn warna;.  Kodenya:
    <font face="times" color="green" size="4"><marquee direction="right" behavior="scroll" scrollamount="4" height="20px" scrolldelay="10" bgcolor="yellow" width="450px">Welcome To My Blog</marquee></font>
    Welcome To My Blog
    -Efek teks berjalan kekiri sekali saja dgn warna;.       Kodenya:
    <font face="courier" color="red" size="4"><marquee direction="left" behavior="slide" scrollamount="4" height="20px" scrolldelay="100" bgcolor="blue" width="450px">Welcome To My Blog</marquee></font>
    Welcome To My Blog
    -Efek teks berjalan kekanan tiga kali dgn warna;.       Kodenya:
    <font face="courier" color="blue" size="4"><marquee direction="right" loop="3" behavior="slide" scrollamount="4" height="20px" scrolldelay="100" bgcolor="red" width="450px">Welcome To My Blog</marquee></font>Welcome To My Blog
    -Efek Bounce  dgn warna;.      
    Kodenya:
    <font face="comic sans ms" color="orange" size="4"><marquee scrolldelay="10" behavior="alternate" direction="up" width="450px" scrollamount="4" height="100px" bgcolor="black"><marquee scrolldelay="10" behavior="alternate" direction="left" scrollamount="4">Panduan membuat blog</marquee></marquee></font>
    Panduan membuat blog
    Untuk membuat teks berhenti jika mouse menyentuh area marquee dan berjalan kembali jika mouse meninggalkan area marquee. Tambahkan kode onmouseover="this.stop()" dan onmouseout="this.start()"
    Sebagai contoh saya memasukkan kode ini:
    <font face="arial black" color="green" size="4"><marquee behavior="alternate" direction="up" onmouseover="this.stop()" width="450" height="100" onmouseout="this.start()" bgcolor="blue">panduan membuat blog untuk pemula beserta tips n triknya...</marquee></font>
    Hasilnya seperti ini:

    panduan membuat blog untuk pemula beserta tips n triknya...

Tidak ada komentar:

Posting Komentar