19 May 2011

Pinky Moo: Behind The Scene




Seperti yang dijanjikan, behind the scene. pinky moo, :)

Flash Header
Saya gunakan motion guide untuk thePinkyMoo punya lembu. Motion guide yang dilukis adalah separa elipse.
Fully vectorized, maksudnya, image  lembu yang ada telah ditrace. Dan objek lain dilukis dan dibentuk dalam Flash.



Widget dan Post Title.
Dilukis sebagai .png dalam Flash juga.

Susunan coding.
This is the neatest tedious part of all. (even sekarang pun masih belum complete kerjanya, kalau ikut perfectionist style, cuba tgk bawah page, sepatutnya follower + about me  boleh dicantum pada div second header)

untuk gantikan title post dan widget, saya Ctrl+F "h2" hingga berjumpa
h2.date-header
Dan
h2.widget.title

Dan saya tambahkan coding
background: url("url_image_gambar_tadi");

Untuk flash pulak, letakkan coding embed , dan letak <p align="center"> sebelum code embed.
Untuk mode transparent, kita letakkan <wmode="transparent"> .
Tapi sebelum itu, kita perlu declare parameter  terlebih dahulu sebelum semua tag coding flash.

jadi kita letakkan <param name="wmode" value="transparent">

Dan selebihnya, cuma perlu kemaskan margin dan padding.

Saya turut gunakan <b:if > untuk buat  conditioning, supaya widget follower+ about me cuma muncul di Home, dan bukan di merata tempat. Untuk ini,
1)kita Expand Html/Widget template,
2)copy link ke page yang kita tak mahu widget tu appear, siap2, ke Notepad
3)cari /skin>, dan tambah condition tadi.

Secara umum, coding ini akan offkan widget2 tadi, apabila pengunjung sampai ke page dengan link yang kita copykan tadi. Jangan lupa untuk tutup juga tag /if tadi.

Nak tahu selanjutnya? jomlah kita bual2 di ruangan komen~ =)
Jumpa di post lain~ =)


p/s: masih mengalami kepeningan melampau akibat study coding Flash tanpa Flash CS3.

Kita Kawan, Bukan Mahu Lawan

Koleksi Flash Header

Related Posts with Thumbnails