Thursday, November 18, 2010

UPDATE! (Tutorial) Bubblewrap image effect.

MoshiMoshi.

Try Hover dekat social network dekat sidebar aku ni. Suka tak? Kalau ada yang mintak tutorial baru aku buat. Kalau lebih 15 orang baru aku ready nak buat. Sebab malas la nak buat kalau tak ada siapa nak.


TUTORIAL UPDATE!

1. Mula-mula korang boleh pilih untuk paste code dalam Add A Gadget tak pun paste dekat before ]]></b:skin>

2. Kalau dalam Add A Gadget (aku pilih yang ni sebab aku nak letak dekat part tu je). Paste code ni.

<style type="text/css">

.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
border:0;
margin-right: 12px; /*spacing between each image - boleh adjust*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x - boleh adjust*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}

</style>


3. Then ni part yang buat pening kepala. Kena tekun tengok satu-satu. Paste dalam Add A Gadget yang sama jugak. Then save.

<ul class="bubblewrap">
<li><a href='TARGET URL' target='_blank' title='TARGET NAME'><img border="0" src="URL IMAGE" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></li>

<li><a href='TARGET URL' target='_blank' title='TARGET NAME'><img border="0" src="URL IMAGE" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></li>
</ul>


4. Penerangan untuk No.3 macam ni.

TARGET URL (link bila klik ke page lain)
- contoh : http://twitter.com/hudaluna
TARGET NAME (bila hover nanti keluar mesej)
- contoh : tweet tweet
URL IMAGE (url tempat image yang korang hosting)
- contoh : http://3.bp.blogspot.com/_tTtycAyZn9w/TFfz8p_rp0I/AAAAAAAABzY/PspGteCxY3U/s400/Twitter-32.png

contoh dia macam ni

<li><a href='http://twitter.com/hudaluna/' target='_blank' title='tweet tweet'><img border="0" width="32" height="32" src="http://3.bp.blogspot.com/_tTtycAyZn9w/TFfz8p_rp0I/AAAAAAAABzY/PspGteCxY3U/s400/Twitter-32.png" style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /></a></li>

5. Kalau untuk paste before ]]></b:skin> (dalam edit HTML) paste yang ni je
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
border:0;
margin-right: 12px; /*spacing between each image - boleh adjust*/
-webkit-transition:-webkit-transform 0.1s ease-in; /*animate transform property */
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8); /*scale up image 1.8x - boleh adjust*/
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}


6. Then buat step 3 (Add A Gadget) dan save. So kalau tiap kali nak buat effect ni untuk Add A Gadget just tambah je macam dalam code step 3 tu. Pandai-pandai la korang kaji kalau nak buat untuk image je. Heheh. Selamat try test! Aku experiment benda ni dalam 30 minit je.




NotaKakiHudaSiLuna :nak tengok harry potter.

Sunday, November 14, 2010

Semua sebab Facebook.

MoshiMoshi.


Aku bukan senang nak approve orang dalam Facebook sebab aku takut. Bukan takut apa pun. Aku takut kepada orang gila yang niat nak jadi stalker. Aku paranoid. Lagi pun Facebook tu untuk orang yang aku kenal, blogger, kawan sekolah, twitterer, kawan universiti, kawan matrik dan yang mana yang patut-patut la. Facebook bukan tempat untuk tempat macam Myspace.

"Hai! Boleh berkenalan?"


Memang la niat add tu nak berkawan. Kalau nak berkawan tu, tegor-tegor la aku. Bukan lepas add diam. Dah tu aku tak kenal kau tu sape pun. Dah tu tetiba je anti aku benci aku tanpa sebab. Ape salah aku? Pastu jadi anonymous serang aku? Aku tak kacau orang pun. Aku hidup dalam life aku sendiri.

So biar lah aku nak buat apa pun dekat Facebook aku tu. Nak approve ke tak. Nak tulis apa dekat bio. Dah tu hak aku. Berapa banyak pending friend request jangan tanya aku. Aku tak akan cakap. Aku dah pesan dah, kalau add aku cakap kenal aku macam mana. Aku mesti je approve kalau reason dia possible. Aku bukan kejam sangat pun. Aku tak sombong pun kalau korang dah kenal aku.


Haihh. Aku tak paham kejadah Mamat/Minah ni bagi mesej dekat inbox aku. Alah sebenarnya kau nak add kan lepas tu tengok bio tu terus tak jadi add then bagi mesej tu kat aku kan. Ahhhh podah. Macam-macam la manusia. Ni satu sebab malas add stranger sebab dia tak kenal kita ni siapa then mula la buat andaian dia sendiri. Tak payah la add kalau setakat nak meramaikan kawan. Facebook bukan Myspace even Facebook dah hilang dah aura dia.


NotaKakiHudaSiLuna :aku tak famous pun. aku gadis biasa je. aku orang biasa. life biasa. tak ada yang special.

Wednesday, November 3, 2010

Berubah jadi baru.

MoshiMoshi!


Semalaman aku menghadap blog je. Tak banyak aku tukar. Okay la tu. Nanti repair lagi yang mana patut. Buruk aih! Header tu ai tak berkenan. Buat masa ni pakai tu la dulu. Tak rajin. Hmpp! Boleh gitau kat aku tak apa yang patut aku repair lagi? Errr mula-mula pakai turquoise. Tapi. Err. Tak leh terima hakikat belog bukan lagi pinky. Ohh please. *pengsan* Ok la kot warna macam ni.



layout lama dalam kenangan. sobs!

NotaKakiHudaSiLuna :mengantuk nak tido.