Jimat Ruang Entri Menggunakan z-index Ala PowerPoint

Satu lagi slide yang agak menarik untuk dikongsi. Semua imej dikumpul macam susun duit (Hahaha yang men daun terup mesti kata cam susun daun terup).

Sebenarnya gambar-gambar tu tegak je, aku yang ejas jadi senget. Kalau semua tegak, boleh juga tapi tak nampakle susunannya.

Nanti aku ajar camana nak sengetkan gambar-gambar tu. Cuma agak tak cantik kalau nak letak 'penerangan gambar' (caption) sebab z-index jenis ini lebih kepada gambar yang boleh shuffle ke atas dan ke bawah mengikut arahan.

Aku pernah guna masa bercerita pasal onscreen keyboard. Kat sini aku letak 11 gambar lama ya:

(halakan anak panah [Mouse] pada imej untuk lihat penerangan gambar)

« Imej Sebelum «

» Imej Seterusnya »

Kalau berminat, salin jelah kod kat bawah ni ya :)

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
$(document).ready(function() {
var z = 0;
var inAnimation = false;
$('#pictures img').each(function() {
z++;
$(this).css('z-index', z); });
function swapFirstLast(isFirst) {
if(inAnimation) return false;
else inAnimation = true;
var processZindex, direction, newZindex, inDeCrease;
if(isFirst) { processZindex = z; direction = '-'; newZindex = 1; inDeCrease = 1; }
else { processZindex = 1; direction = ''; newZindex = z; inDeCrease = -1; }
$('#pictures img').each(function() {
if($(this).css('z-index') == processZindex) {
$(this).animate({ 'top' : direction + $(this).height() + 'px' }, 'slow', function() {
$(this).css('z-index', newZindex)
.animate({ 'top' : '0' }, 'slow', function() {
inAnimation = false; }); });
} else {
$(this).animate({ 'top' : '0' }, 'slow', function() {
$(this).css('z-index', parseInt($(this).css('z-index')) + inDeCrease);
}); } });
return false; }
$('#next a').click(function() { return swapFirstLast(true); });
$('#prev a').click(function() { return swapFirstLast(false); }); });
</script>

<style> #gallery { position: relative; }
#pictures { position: relative; height: 360px; }
#pictures img { position: absolute; top: 0; left: 50px; }
#prev, #next { margin-top: 15px; text-align: center; font-size: 14px; }
.container {margin-left:auto;margin-right:auto;width:400px}
.grid_a,.grid_b,.grid_c,{display:inline;float:left;margin-left:10px;margin-right:10px}
.container .grid_a{width:100px}
.container .grid_b{width:470px}
.container .grid_c{width:470px}
.container .prefix {padding-left:50px}
.container .suffix {padding-right:50px}
.alpha{margin-left:0}
.omega{margin-right:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}* html
.clearfix{height:1%}
.clearfix{display:block}
</style>

<div style="padding-bottom: 10px; text-align: center;">
(halakan anak panah [Mouse] pada imej untuk lihat penerangan gambar)
</div>
<div class="container" id="wrapper">
</div>
<div class="grid_c" id="content">
</div>
<div class="grid_b prefix suffix" id="gallery">
</div>

<div id="pictures">
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar pertama" src="Imej pertama" title="Penerangan gambar pertama" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar kedua" src="Imej kedua" title="Penerangan gambar kedua" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar ketiga" src="Imej ketiga" title="Penerangan gambar ketiga" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar keempat" src="Imej keempat" title="Penerangan gambar keempat" /></a>
<a href="apa-apa link, kosongkan pun tak pe"><img alt="gambar kelima" src="Imej kelima" title="Penerangan gambar kelima" /></a>
</div>

<div style="float: left; padding-left: 80px; padding-right: 50px;">
<span class="grid_a alpha" id="prev"><a href="#previous">&laquo; Imej Sebelum &laquo;</a></span></div>
<div style="text-align: left;">
<span class="grid_a omega" id="next"><a href="#next">&raquo; Imej Seterusnya &raquo;</a></span></div>

<div class="clear"></div>

Sedikit penerangan warna dalam kod tu:

Cam biasa, skrip jQuery warna merah tak perlu jika blog korang dah ada (tak kisah apa version pun, kalau boleh ersi 1.3.2 atau terkini. Mungkin dah ada dalam template blog; dalam posting sebelum ini; atau di widget kat sidebar)

Kalau rasa script warna hijau tu panjang sangat; aku ada ringkaskan. Terpulangle nak guna script aku atau yang sedia ada (sama je). Ini aku punya, gantikan keseluruhan warna hijau tu dengan script nih: <script src="https://empayarutama.googlecode.com/files/z-index.js" type="text/javascript"></script>

Ayat (halakan anak panah [Mouse] pada imej untuk lihat penerangan gambar); Imej Sebelum; Imej Seterusnya; semua korang boleh guna ayat sendiri. Begitu juga dengan segala saiz ukuran tinggi (height); lebar (width); jarak kiri/kanan (padding) - korang ejas sendiri ikut kesesuaian blog.

Dalam kotak atas ada 5 set gambar, di mana set untuk imej kelima aku tandakan dengan warna oren. Jika ada lebih gambar/imej, tambah lagi di bawahnya. Salln dan tempek je kod warna oren tu bergantung kepada berapa banyak imej yang korang nak letak.

Haaa, camana nak buat gambar tu tersusun tak sama?

Nak sengetkan gambar, imej korang mesti berada pada format .png (kan ada format .gif, jpg, .jpeg, .tiff, .bmp) sebab bila disengetkan nanti, warna latar yang terlebih akan jadi 'transparent'. Format lain akan buat warna itu jadi putih.

Dah tu camana nak tukar kepada format .png? Aku guna "Paint" yang biasanya ada tersedia dalam komputer kita nih. Klik kanan 'mouse' dan pilih 'Open with' -> 'Paint'. Pastu dalam 'Paint' nengok atas kiri tekan 'File' -> Pilih 'Save As' dan akan keluar satu 'pop-up' untuk simpan imej. Korang pilihle nak 'Save In' kat mana; beri nama 'File name'; dan bawah dia 'Save as type' haaa pilih 'PNG (*.PNG)'. Sekarang korang dah ada satu imej dalam format .png

Ok, katalah semua gambar berukuran 350px*300px. 'View' sekeping gambar melalui 'Microsoft Office Picture Manager' -> Tekan Butang 'Edit Pictures' -> Tekan 'Rotate And Flip' ada belah kanan tu -> Cari 'By Degree:' ada kotak camni:

Gambar akan lebih senget ke kanan bila nombor lebih besar (12 degree dah senget sangat dan imej akan jadi lebih lebar). Ia akan senget ke kiri bila nombor negatif lebih besar. Ejas le cantik-cantik tiap-tiap gambar tu jangan bagi sengetnya sama.

kalau puas hati, 'save' dan ejas gambar lain pulokkkk.

Dah siap le tu ^_^

Cerita seterusnya »

Masih Bersangka Baik

Banyak yang dapat kita belajar dari tragedi MH370. Sekurang-kurangnya kita tau sikit tentang beberapa sistem dalamannya; bagaimana negara-negara jiran (termasuk negara sendiri) mengesan sesuatu objek yang masuk dalam ruang udara negara; beberapa jabatan yang terlibat dalam pengendalian penerbangan; dan banyak lagilah walaupun tak terperinci.

Dalam banyak-banyak tu; ada juga yang kita semakin tak faham dan susah nak faham walaupun tak perlu nak lihat di luar kotak fikiran normal. Antaranya yang aku nampak :

1. Tragedi berlaku. Sudah ada kes. Tapi macam ada yang tertinggal dalam siasatan. Sistem pesawat, penumpang dan krew disiasat; apa yang dibawa tak disiasat. Ada laporan mengatakan beberapa kargo dalam pesawat dipantau oleh pihak lain. Kemungkinan itu ada jika beberapa pihak tidak mahu penghantaran kargo tersebut berjaya. Yang ini (siasatan kargo/muatan dalam pesawat) langsung tiada hebahan dari hari pertama tragedi. Aku fikir kena ambil kira juga segala kargo; pengirim serta urusan penghantaran hingga dimuat ke dalam pesawat.

2. Bila dilaporkan minyak pesawat boleh bertahan paling lama 7 jam selepas hilang dari radar; satu jarak diameter berpusat dari titik akhir dalam radar dibuat. Skop juga kecil setelah ada laporan 'pesawat mungkin berpatah balik'. Usaha pencarian bertumpu di laut. Mereka tinggalkan usaha pencarian di darat. Kemungkinan ada bila jarak diameter adalah termasuk daratan (di sini jelas sekali semenanjung).

Inmarsat juga menafikan pihaknya terbabit dalam membuat kesimpulan bahawa pesawat MH370 telah "berakhir di Lautan Hindi". Jadi siapa yang buat kesimpulan tu? Dan sekarang nak cari kotak hitam di sana.

3. Lanjutan dari no. 2 - bila kemungkinan pesawat berpatah balik (atau U-turn untuk mendarat); tak taule sama ke tidak kalau buat perbandingan logik dengan kenderaan yang dipandu menurun bukit. Apa yang aku boleh fikirkan di sini ialah jarak diameter yang dibuat dalam no. 2 tadi juga semakin mengecil; jadi skopnya juga lebih kecil. Kenapa keperluan pencarian jadi terbalik (di mana skop pencarian semakin besar serta di luar logik asas diameter) ? Jika mereka boleh terima 'andaian' refuelling/pengisian minyak di udara atau pengisian minyak sewaktu pendaratan di sesuatu landasan persendirian (hingga satelit/radar langsung tak boleh kesan yang ini); kenapa 'mereka' tak boleh terima 'andaian' yang lebih logik/masuk akal?

4. Lanjutan dari no. 2 juga aku fikir masa kita semua dibuang untuk sesuatu pencarian yang sia-sia (atau masa itu sengaja dibuang untuk alih perhatian kita semua dan dalam masa yang sama - ada tugasan yang perlu diselesaikan oleh pihak tertentu tanpa perhatian masyarakat). Jadi, tak ada orang perasan.

Aku dah mula rasa bosan. Mungkin seminggu je lagi kot 'slide' berkenaan MH370 dipaparkan. Lepas tu berblog semula cam biasa. Rasanyalah...

Cerita seterusnya »

Kambing Qurban Maulidur Rasul

Dalam tempoh 6 bulan ke belakang; ada tak sapa-sapa tau isu dalam negara yang melibatkan 'belanja besar' yang tidak dilaporkan? Kongsi lar sama-sama. Bukan apa, aku tak fikir kita sanggup korbankan sebuah pesawat yang mahal (rasanya sebuah Boeing 777 lebih dari AS$200 juta).

Cuma nampak macam ada skrip untuk lengahkan sesuatu agar tidak bocor

dan alih pandangan kita semua agar terarah kepada satu benda jah.

Seminggu dah berlalu; mungkin belum cukup lagi masa agaknya untuk ejas sana sini. Jadi sekarang ni siasatan bertumpu kepada 'pilot' dan ahli keluarga... 'Pilot' yang cuti pada hari kejadian 'dipanggil untuk bertugas' (adakah kerana kepakaran beliau diperlukan untuk tugas sama ada buat penerbangan berisiko atau / serta mendaratkan pesawat di landasan yang agak pendek). Kenapa tak siasat siapa yang panggil beliau bertugas, kenapa pilih beliau; bukan 'pilot' lain untuk penerbangan tersebut?

Begitu juga salah seorang krew, Mohamad Hazrin Mohamed Hasnan - "He was supposed to be back on Sunday and fly off to Paris but he had to replace someone for that sector (China)"

Selain 'pilot' - Tan Size Hiang (antara krew) juga memiliki flight simulator di rumah. 'Pilot' saja yang kena siasat...

Lagi best - keluarga 'pilot' macam dah diberitahu awal-awal akan ada kunjungan dari pihak tertentu / tohmahan dalam 'game' ini jadi mereka sekeluarga keluar dari rumah ngam-ngam sehari sebelum kejadian. Tak pasal-pasal satu keluarga jadi kambing hitam. Macam dah ada skrip tersedia aja.

Berapa lama lagi masa untuk kami rakyat Malaysia perlu tahu perkara sebenar? Atau kami rakyat Malaysia tak akan dapat tahu apa-apa.



Penat nih nunggu...

Cerita seterusnya »

Sedih, Sebak Setelah 72 Jam Berlalu

Tidak ada apa yang lebih; dapat aku sumbangkan seperti sebelumnya. Aku hanya melihat, mendengar dan berdoa agar satu keputusan yang terbaik dapat kita semua terima. Begitu juga hubungan baik antara kerajaan dengan negara-negara di mana rakyat mereka terlibat sama - China khususnya.
(Kredit gambar dari fuh.my)

Dan aku abadikan video ini di sini :

"MH370, we hope the radar can see you. If you copy, keep flying at your current height until you reach your destination. We'll clear the way for you. Everybody is more than happy to let you be the first to land. The sky is clear, with temperature in Beijing at five degrees Celsius, a little bit cold. Please wear your coats to keep warm. Remember to hug your family and friends after you disembark. They love you, they really do"

"MH370, kita harap radar dapat melihat kamu. Jika kamu dengar, teruskan penerbangan pada ketinggian kamu sekarang sehingga kamu tiba ke destinasi. Kami akan lapangkan laluan untuk kamu. Semua orang akan berbesar hati memberi kamu peluang mendarat terlebih dahulu. Langit cerah, dengan suhu di Beijing adalah lima darjah celsius, agak sejuk sedikit. Sila pakai kot kamu untuk panaskan badan. Jangan lupa dakap ahli keluarga serta sahabat setelah kamu turun. Mereka sayang kamu, benar-benar sayang kamu."

#MH370 ‪#‎prayforMH370‬ ‪#‎doakanMH370 #doauntukMH370 #malaysiaairlines #malaysia

Cerita seterusnya »

Panas Melampau-lampau Dan Berjerebu La Pulak

Lama tak sentuh blog. Yang betulnya aku belum dapat ejas ‘timing’ bila Johor ubah cuti untuk kerajaan dari Sabtu/Ahad kepada Jumaat/Sabtu. Sebelum masuk Januari 2014 lagi aku dah cuak dan jeles dengan masa. Kiranya sudah dua bulan lebih la ni ‘tuning lom betul lagi’.

Apa taknya; budak-budak ke rumah

‘baby-sitter’ lima hari seminggu (Senin hingga Jumaat). Yang bersekolah pula dari Ahad ke Khamis. Aku dan orang rumah kerja Senin hingga Jumaat. Cuti hari Sabtu dan Ahad.

Jadi masa sanggang aku hanya pada Sabtu dan Ahad. Dua budak ada kelas pada hari Sabtu 7.15 pagi hingga 1.00 tengahari. Transporternya bapak budakle. Dan hari minggu, Ahad - aku jadi ‘full time transporter’ sebab tak kerja tapi budak-budak sekolah. Van sekolah hanya ikut jadual ambil dan hantar dari rumah ‘baby sitter’ ke sekolah dan kembali ke rumah ‘baby sitter’. Dia tak dapat ejas tiap hari Ahad ke luar kawasan hingga ke rumah aku. Bukan masalah duit tapi jadual perjalanan van sekolah dia pula akan lari. Hambek ko. Takkan hari Ahad pun kena hantar budak-budak ke ‘baby sitter’? Dah kira 6 hari seminggu dah tu. Harga pun kira lain ler...

Jadi, duit bas sekolah tetap cam biasa sama cam tahun lepas cuma duit minyak aku bertambah setiap Ahad 4 kali sebulan. 6.40 pagi satu trip; 10.00 pagi satu trip; 11.30 pagi satu trip; 12.30 tengahari satu trip; 1.40 tengahari satu trip; 3.00 petang satu trip; 4.00 petang satu trip dan 6.30 petang satu trip lagi. Semuanya lapan trip untuk setiap hari Ahad saja. Banyak trip tu sebab ada yang sekolah agama belah pagi dan ada pula yang belah petang; ikut sesi sekolah kebangsaan/menengah diorang. Tiap satu trip tu pulak makan masa paling kurang setengah jam. Mau pengsan haku...

Itule rutin aku sepanjang 2 bulan lebih setakat ni. Senang cakap, selain kerja – tahun 2014 ni aku terlebih sibuk berbanding tahun sudah. Santai sekeluarga hanya pada Sabtu petang dan masa tu aku pulak yang nak berehat buang penat seminggu...

Entah bila hidup boleh kembali normal; ada yang cadangkan pindah ke negeri lain yang semua agensi/jabatan cuti hujung minggu jatuh pada hari yang sama (Sabtu/Ahad). Peninglah. Harap kengkawan semua dapat faham sebab apa belog terbengkalai sampai ranking Alexa mencanak-canak. Hati panas, ‘blur’ pun ada.


Errr, tajuk tu kena tak dengan cerita ni?

Cerita seterusnya »

Akhirnya...

Rasanya tak ramai pengguna komputer (khususnya notebook/laptop) hadapi masalah ni. Tapi bila kena camana korang buat ya? Berdasar pengalaman sebulan lebih yang aku hadapi; rasanya ada beberapa cara.

Pertamanya bungkus dan hantar kedai suruh periksa. Mungkin kena tukar keyboard baru. Kedai pulak cantekkk jah suruh beli external keyboard cucuk

USB. Jadi, cara kedua ialah pasang external keyboard.

Ketiga pula guna 'On-Screen Keyboard' sambil menggugel segala tutorial yang dapat bantu pulihkan keyboard nih.

Tapikan, benda ni macam penyakit jugalah. Ada ubat yang serasi ada yang tak. Untuk masalah keyboard tak berfungsi ni rasanya tak kurang dari 5-6 jenis tutorial berbeza yang boleh kita cuba. Aku cuba semua tapi satupun tak jadi. Patutlah kedai rekomen jalan mudah - beli keyboard lain.

Dalam pada kusut gila bagai (happa taknya; dapat kongsi satu cerita je lepas ngada-ngada upgrade sendiri pc) sambil terkalut-kalut godeh sana godeh sini; terjumpa satu 'part' yang macam belum jadi tutorial. Dan lepas aku cuba sendiri - perghhh ok terus keyboard nih. Hahahahahahah aku dah boleh ketawa dah :)

Meh aku kongsi caranya. Cam biasala aaa aku guna slide jer :

« Patah Balik «

» Teruskan »

Ini baru lepas 24 jam aku mencuba cara tu dan nampaknya tak de masalah apa-apa. Tutorial pun laju je nih aku buat.

Nasihat aku (untuk diri sendiri juga); kalau kita dah ada pc tu dan pc bermasalah - cuba dulu segala tutorial dan maklumat yang ada. Sambil mencuba sambil tambah ilmu. Hantar kedai tu jadikan sebagai langkah akhir bukan langkah pertama ya :)

Cerita seterusnya »

Cerita Kedai Kopi Lagi

Ada kawan-kawan bertanyakan tanah di kawasan Pontian. Ikut pengalaman sendiri; aku cuma boleh jawab "majoriti tanah Pontian agak cerewet urusan jual belinya sebab tanah 'syarikat'". Kerana sebelum ini semua pemilik tanah yang aku jumpa - bila tunjuk geran aja - bersusun nama dari moyang, tok nenek, ipar duai, anak menantu, cucu cicit, piang piut; yang

belum cukup umur hingga yang telah meninggal dunia pun masih ada dalam geran. Itulah aku gelar 'tanah syarikat'. Mana nak jadi mudah urusan jualbelinya nanti? Bila sorang saja tak setuju, tak jadiler.

Itu yang bina rumah sendiri pun lapan bulan terbengkalai walau dah bayar tunai.

Haaa teringatle kisah kawan sewarung kopi bercerita pasal tanah pusaka. Tak le besar mana tapi ding dong ding dong makan tahun juga nak selesai. Ceritanya - selepas IdilAdha tahun 2010 berkumpullah mereka empat keluarga duduk berunding. Majoriti setuju nak duit jual tanah serta tidak ikut faraid tetapi pembahagian sama rata. Salah satu dari keluarga tu berminat nak beli untuk didiami, jadi kawan sewarung kopi aku tu beri cadangan - lantik pemegang amanah di kalangan ahli keluarga dan geran tukarlah nama dahulu kepada nama pemegang amanah untuk mudahkan proses jualbeli dan pinjaman bank. Nanti duit akan terus ke tangan penama dalam geran untuk dibahagi sama rata kemudiannya.

Kawan sewarung kopi aku tu sukarela bantu untuk segala proses. Dia ni bekas pengurus sebuah syarikat pemaju perumahan 7 tahun lamanya dan dialah yang berurusan dengan peguam, jurunilai, pejabat tanah, kontraktor, TNB, SAJ, dan para bankers bila ada pembeli rumah perlukan pinjaman.

Tapi ada pulak antara anggota keluarga yang tak percaya kat ahli keluarga yang nak beli tu; malah lebih tak percaya kat kawan sewarung kopi aku tu siap bagi warning supaya 'jangan campur langsung urusan orang tua; jangan jadi kurang ajar'.

Ikut katanya jika masing-masing setuju; semua akan dapat 25% bahagian. Pinjaman hanya perlukan 75% sahaja. Ahli keluarga yang nak beli tanah tu pula masih boleh kurangkan pinjaman melalui simpanan KWSP beliau. Proses tukar nama kepada pemegang amanah akan ambil masa. Urusan pinjaman juga akan ambil masa. Gedebak gedebuk lepas juga dua tahun dan jika dibackdated kan perjanjian jual beli setahun lebih awal; maka cukai jualan yang dikira adalah lebih murah kadarnya berbanding 2 tahun pertama.

Jadi bila kawan sewarung kopi aku dah tak boleh campur, segala dokumen yang perlu ditandatangani dia buat derk aja. Katanya kalau dia tandatangan satu surat saja sudah dikira campur tangan. Betul juga. Akhirnya proses yang mudah jadi sukar.

Kebetulan pula masuk tahun kedua selepas persetujuan rundingan awal dahulu; salah satu keluarga ni telah merenovate 'rumahku syurgaku' mereka diikuti dengan satu majlis kenduri yang agak besar. Malah mereka akan buat satu lagi majlis besar kurang setahun selepas itu. Wau, belanja besar tu. Hasilnya? Tanah terjual kepada orang lain dengan harga yang jauh lebih murah dan bagaimana proses jual beli menjadi tanda tanya kerana geran tanah asal masih di tangan salah satu ahli keluarga lain.

Panjang lagi cerita kawan sewarung kopi aku tu pasal duit hasil kebunlah, upah haji ahli keluarga yang meninggal yang didahulukan oleh satu keluarga (awalnya semua setuju berkongsi) tetapi tidak dapat semula (alasan duit-duit tu semua telah diwakafkan) dan yang menarik sekali ialah keluasan tanah dijual tak sama dengan keluasan dalam geran asal tapi nanti panjang berjela pulak cerita nih. Aku yang mendengar terlopong mulut nasib baik lalat tak masuk. Kalau tidak maunya makcik warung cas lebih termasuk harga lalat.

Bulan lepas masa kat Kuantan terserempak dengan dia lagi. Diapun jadi sukarelawan rupanya. Bila minum petang bersama, adalah dia mengadu salah satu keluarga tu mintak tolong uruskan geran tanah asal mereka. Dia kata tak mo campur dah. Aikkk tak settle lagi rupanya.

Harap perkongsian cerita ini dapat jadi panduan kepada yang berminat dengan urusan jual beli tanah. Mungkin abang Harith Iskandar ada pandangan dari sudut perundangan; bolehlar saya nasihatkan dia kalau ter'sewarung kopi' lagi nanti :)

Cerita seterusnya »