Marquee Codes

Salam & Hello.

Alhamdulillah hari semalam dah selesai dah ujian syafawi aku. walaupun aku tak buat yang terbaik tapi aku dah sebaik yang mungkin. Agaknya dalam hati aku gementar sangat sampai lupa baca surah Al-fatiha. Astaghfirullah. Hari ni pulak aku ambik cuti sendiri walaupun tau cikgu ambil nama tapi peduli apa aku? haha~ jahat je rasa diri ini. Tapi takpe pergi sekolah bukan buat apa pun mesti buang masa memandangkan hari ni hari terakhir berlangsungnya ujian syafawi. huhuhu~

Btw, actually post aku hari ni pasal code marquee. Agak lama kawan aku, lala tanya pasal code marquee ni tapi aku tak berkespatan nak buat. So, di pagi-pagi yang segar ni aku kuatkan jari tangan aku untuk research balik code marquee tu then post kat blog aku ni.

Apa itu Marquee? Bagi sesiapa yang tak tau apa itu marquee, Marquee ialah code yang membolehkan text atau image bergerak sendiri. *betul ke definisi Marquee aku ni? kalau nak tau lebih lanjut, di bawah ni adalah contoh penggunan code marquee yang pernah digunakan aku suatu ketika dahulu. *nasib baik masih simpan code dia.


Favourite Star




Jay Chou


Alif Kadim


Miranda Cosgrove


Mino SHINee & Lee Minho


Micky DBSK


Kendall Schmidt


Ed Westwick


David Henrie


Selena Gomez


Kat atas ni adalah contoh Favourite Star yang aku minat. ;) Aku menggunakan basic marquee code untuk buat seperti diatas. Ramai yang salah faham ingat aku guna slideshow buat benda ni. Tapi tak lah, aku just guna marquee code. Dan di bawah ni adalah basic marquee code. Kita boleh jugak cantum-cantumkan semua code marquee ni supaya hasilnya septi yang kita nak. Pandai-pandailah buat yea. (>_<) Basic Marquee

Marquee (Right to the Left)

<marquee>TEXT/IMAGE</marquee>

Marquee Direction

Left to Right Marquee

<marquee direction="right">TEXT/IMAGE</marquee>

Right to Left Marquee

<marquee direction="left">TEXT/IMAGE</marquee>

Up Marquee

<marquee direction="up">TEXT/IMAGE</marquee>

Down Marquee

<marquee direction="down">TEXT/IMAGE</marquee>

Marquee Scrolling

Scroll Marquee

<marquee behavior="scroll">TEXT/IMAGE</marquee>

Alternate Marquee

<marquee behavior="alternate">TEXT/IMAGE</marquee>

Slide Marquee (Only Work in Internet Explorer)

<marquee behavior="slide">TEXT/IMAGE</marquee>

Up/Down Alternate Marquee

<marquee direction="up" behavior="alternate">TEXT/IMAGE</marquee>

Marquee Background

Marquee Background Colour

<marquee bgcolor="hotpink">TEXT/IMAGE</marquee>

Marquee Border

Marquee Border Colour

<marquee style="border:#000000 2px solid">TEXT/IMAGE</marquee>

Marquee Size

Marquee with Width and Height

<marquee height="50px" width="200px">TEXT/IMAGE</marquee>

Marquee 50 pixels high

<marquee style="line-height:50px">TEXT/IMAGE</marquee>

psstt: tulisan yang diboldkan boleh diubah mengikut kesesuaian dan kesukaan kita.
pssstt: jadilah lebih kreatif dengan menggabungan kesemua code marquee sehingga hasilnya menjadi lain daripada yang lain.

Untuk code marquee yang lain boleh rujuk di myspace-codes & helpforwebbeginners. Terima kasih untuk kedua website tersebut kerana menyediakan code marquee yang lengkap. :)

21 comments:

  1. smoge dpt result syafawi yg bagus :)

    ReplyDelete
  2. camana nak buat ni..xpandai jugak...

    ReplyDelete
  3. buat mcm ni, copy mane2 code diatas, tukarkan tulisan TEXT/IMAGE dengan perkataan atau gambar yg kita nak.

    ReplyDelete
  4. kak zirah . nape diba buat tak jadi ek ? every pic code , kne letak kod marquee ke ? then , bole ltak kat sidebar ?

    ReplyDelete
  5. eh, tak perlu letak semua code marquee setiap pic. diba pilih satu marquee code yang diba nak then kat tempat TEXT/IMAGE lisa tukarkan dengan semua pic yang diba nak.. cuba try ea..

    ReplyDelete
  6. oke2 ! dah jadi . tengs kak zira .

    ReplyDelete
  7. bgus la kalo dah jd, welcome. :D

    ReplyDelete
  8. Salam....
    Saya nk wat cm awk tuh...
    favourite star...
    tp saya nk ganti ngn pic binatang(maybe)...
    nk wat cm ner...?
    x phm laaa...
    saya dh cuber buat...
    klo text boleh...
    tp klo image nk wat cm ner plk...?
    klo copy image x boleh paste kt c2...
    abez nk taip apew kt c2 supaya my image will appear kt c2...?
    tolooooonggg...!!!!

    ReplyDelete
  9. @Queen of Sadness - wslm. oh kalo nk ltk image kena guna code ni:

    <img src="url-picture-disini" />
    (awk tau kan mne nak cri url pic?.)

    try dulu ea, kalo still x jd, bgtau k.

    ReplyDelete
  10. okey...
    I dh cuber....
    but still I've some problem here....
    1) If I put the URL there,my picture will become big..wht if I want the pic become small.
    2) The URL mean alamat web kn...
    bmakna hanya gambar yg ader kt internet jew kew...?
    klo pic tu hanyer ader kt my lattop jew x leh letak kew kt cni..?
    btw...,thx lh layan kerenah sayer ni...heheheheeee...just nk wat cm awk wat...thx ea...

    ReplyDelete
  11. ok first kalo nk kecikkan gambar:

    <img src="url image" width="300" />

    *dekat width tu awak letak bpe saiz awk nak mcm, 400 ke, 200 ke, atau apa saiz yg awk nk la.

    yg kedua pulak:

    yup, cuma bleh ltk gambar yg sudah diupload ke internet sje. kalo awk nk ltk pic dlm laptop tu, kena upload dulu dekat photobucket ke atau imageshack, then amek url dia/direct link. yang web address kat ats tu. pastikan blakng dia msti .jpeg atau .png atau .gif.

    it's ok la, sy x kisah. mne yg mampu sy try la tlg. hehee~ hrp awk fhm yea. ;)

    ReplyDelete
  12. Arrrgggghhhhh............!!!!!!!!!
    jadi lah....!!!!!
    Alhamduillah......
    thx ea...
    t klo ader any question yg pelik2 boleh lagi x...?
    heheheheheee.....
    sayang u lebih r...
    tumb up for you....

    ReplyDelete
  13. @Queen of Sadness - at last, jd jgk yea. :D bleh je, tanye la pape kalo ade bnda yg x phm, insya-Allah ap yg sy tau sy tlg. ;)
    TQ.

    ReplyDelete
  14. @Hahazirah
    Sebelom tido smlm(28/12),byk soalan yg bmain dkepala...tp biler dh bagun cumer ader braper jerk yg ingt..
    heheheheeee....
    firstly nk tanyer...naper sayaer punyaer pic lmbat gerak...?x laju cm awk nyer...ader code nyer gak kew...?
    secondly saya nk wat cm awk tu...wat categories tu...
    dlm categories tu ader lg link yg lain...
    cm ner nk wat ea...?
    saya nk wat cm photo...
    dlm photo tu ader link yg lain2...contoh nyer my pic,my family and my frendz...
    cm ner nk wat ea...
    masih bru dlm dunia blog...
    (T,T)

    ReplyDelete
  15. @Queen of Sadness - sy dah tgk dah blog awk. sy rse pic tu grk lambat sbb blog awk berat sgt kot. kdg2 berat blog mpngaruhi prgerakan isi dlm blog tu jgk. Kalo nk ringankan blog, elok awk buang widget2 yg x pnting. cube la awk cri cre2 nak bg blog cepat load. sy x pndai sgt kalo bab2 meringankan blog ni.

    utk yg kedua tu, awk mksudkan navigation link yang kat bawah header sy tu kan. yang tu sy guna code menu bar header. sy ada buat tuto tu, bleh pegi ke link ni:

    http://hahazirah.blogspot.com/2010/11/tutorial-menu-bar-header.html

    kalo nk buat mcm photo yg tu sy rse kena buat sndiri guna photoscape atau photoshop.

    ReplyDelete