Followers

31 Januari 2012

Januari 31, 2012 - No comments

Menu CS3 Tanpa Skrip


Kelebihan:
*Tak perlukan skrip
*Senang dipasang,mudah dibuang
*Menu ni loading dengan laju
*Menu ini juga kelihatan menarik



Berminat?Cara pasang...

Hanya perlu pergi ke design-->Page Element-->Add HTML/Javascript

Dan pastekan kod ini didalamnya:



<style>

/*------ CSS3 Drop Down Menu---------*/

#mbt-menu, #mbt-menu ul {

margin: 0;

padding: 0;

list-style: none;

}

#mbt-menu {

width: 960px;

margin: 60px auto;

border: 1px solid #222;

background-color: #111;

background-image: -moz-linear-gradient(#444, #111);

background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));

background-image: -webkit-linear-gradient(#444, #111);

background-image: -o-linear-gradient(#444, #111);

background-image: -ms-linear-gradient(#444, #111);

background-image: linear-gradient(#444, #111);

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-moz-box-shadow: 0 1px 1px #777;

-webkit-box-shadow: 0 1px 1px #777;

box-shadow: 0 1px 1px #777;

}

#mbt-menu:before,

#mbt-menu:after {

content: "";

display: table;

}

#mbt-menu:after {

clear: both;

}

#mbt-menu {

zoom:1;

}

#mbt-menu li {

float: left;

border-right: 1px solid #222;

-moz-box-shadow: 1px 0 0 #444;

-webkit-box-shadow: 1px 0 0 #444;

box-shadow: 1px 0 0 #444;

position: relative;

}

#mbt-menu a {

float: left;

padding: 12px 30px;

color: #999;

text-transform: uppercase;

font: bold 12px Arial, Helvetica;

text-decoration: none;

text-shadow: 0 1px 0 #000;

}

#mbt-menu li:hover > a {

color: #fafafa;

}

*html #mbt-menu li a:hover { /* IE6 only */

color: #fafafa;

}

#mbt-menu ul {

margin: 20px 0 0 0;

_margin: 0; /*IE6 only*/

opacity: 0;

visibility: hidden;

position: absolute;

top: 38px;

left: 0;

z-index: 9999;

background: #444;

background: -moz-linear-gradient(#444, #111);

background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));

background: -webkit-linear-gradient(#444, #111);

background: -o-linear-gradient(#444, #111);

background: -ms-linear-gradient(#444, #111);

background: linear-gradient(#444, #111);

-moz-box-shadow: 0 -1px rgba(255,255,255,.3);

-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);

box-shadow: 0 -1px 0 rgba(255,255,255,.3);

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

-ms-transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

transition: all .2s ease-in-out;

}

#mbt-menu li:hover > ul {

opacity: 1;

visibility: visible;

margin: 0;

}

#mbt-menu ul ul {

top: 0;

left: 150px;

margin: 0 0 0 20px;

_margin: 0; /*IE6 only*/

-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);

-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);

box-shadow: -1px 0 0 rgba(255,255,255,.3);

}

#mbt-menu ul li {

float: none;

display: block;

border: 0;

_line-height: 0; /*IE6 only*/

-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

box-shadow: 0 1px 0 #111, 0 2px 0 #666;

}

#mbt-menu ul li:last-child {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}

#mbt-menu ul a {

padding: 10px;

width: 130px;

_height: 10px; /*IE6 only*/

display: block;

white-space: nowrap;

float: none;

text-transform: none;

}

#mbt-menu ul a:hover {

background-color: #0186ba;

background-image: -moz-linear-gradient(#04acec, #0186ba);

background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));

background-image: -webkit-linear-gradient(#04acec, #0186ba);

background-image: -o-linear-gradient(#04acec, #0186ba);

background-image: -ms-linear-gradient(#04acec, #0186ba);

background-image: linear-gradient(#04acec, #0186ba);

}

#mbt-menu ul li:first-child > a {

-moz-border-radius: 3px 3px 0 0;

-webkit-border-radius: 3px 3px 0 0;

border-radius: 3px 3px 0 0;

}

#mbt-menu ul li:first-child > a:after {

content: '';

position: absolute;

left: 40px;

top: -6px;

border-left: 6px solid transparent;

border-right: 6px solid transparent;

border-bottom: 6px solid #444;

}

#mbt-menu ul ul li:first-child a:after {

left: -6px;

top: 50%;

margin-top: -6px;

border-left: 0;

border-bottom: 6px solid transparent;

border-top: 6px solid transparent;

border-right: 6px solid #3b3b3b;

}

#mbt-menu ul li:first-child a:hover:after {

border-bottom-color: #04acec;

}

#mbt-menu ul ul li:first-child a:hover:after {

border-right-color: #0299d3;

border-bottom-color: transparent;

}

#mbt-menu ul li:last-child > a {

-moz-border-radius: 0 0 3px 3px;

-webkit-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

}


</style>


<ul id="mbt-menu">
<li><a href="#">Home</a></li>
<li>
<a href="#">Categories</a>
<ul>
<li><a href="#">CSS</a></li>
<li><a href="#">Graphic design</a></li>
<li><a href="#">Development tools</a></li>
<li><a href="#">Web design</a></li>
</ul>
</li>
<li><a href="#">Work</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>


Save^^

28 Januari 2012

Januari 28, 2012 - No comments

Ilusi Optic:Roda Berpusing


Fokus pada satu roda,korang akan dapati yang ia tak bergerak.Tapi bila korang alihkan mata dari satu roda ke yang lain,korang akan dapati roda ini berpusing.

27 Januari 2012

Januari 27, 2012 - 2 comments

My hobbies

Collecting manga,comic or whatever you prefer to call it....


Collecting Mini Car Models


One of this cars is actually an optical mouse,can you guess which one?

Collecting Keychains

One of this keychains is from Egypt,a present from my fellow blogger friend,Zam.Can you spot it?

Collecting Monies XD

Hahaha XD,in short you can conclude that my hobby is collecting XD.

24 Januari 2012

Januari 24, 2012 - 1 comment

Puisi:Aideal Fitri VS Zameermus

Berlawan puisi kat facebook,haha^^

Aideal Fitri:
Latarkan hidupku dengan warna perang
Selagi masa belum menghilang
Peluang masih luas terbentang
Akan terus ku berjuang
Walaupun hanya dengan bayang bayang

Zamzameer Mustafa:
Apa maksudnya warna perang
Selama mana nafas dihela
Peluang diberi Allah jgn disiakn
Jika perjuanganmu berlandaskan islam
Akan ku menjadi Bayang-bayangmu..

Aideal Fitri:
Sekiranya kaulah yang menjadi bayang bayang
Aku akan ghaib dan hilang
Kerana pabila kita pergi berjuang
Kau hanya bersembunyi di belakang
Berlari meninggalkan ku terkontang kontang

Zamzameer Mustafa:
Bayang2 ada kalanya di depan ada kalanya di belakang,
kadang di kanan juga dikiri...
selagi mana ada cahaya pdmu maka wujudlah bayang..
andai hilang cahaya padamu hilanglah bayang...:)

Aideal Fitri:
Bayang di hadapan hanyalah khayalan
Bayang di belakang
Hanyalah sekadar bayang bayang
Bayang di kanan adalah angan angan
Bayang di kiri hanyalah sekadar mimpi
Cahaya itu tidak pernah hilang
Hanya bayangan yang ku cari tidak pernah datang

Zamzameer Mustafa:
khayalan jgn diremehkan
setiap yg legap pasti ada bayangnya
angan angan pembangkit semangat
mimpi yg benar sebagai petunjuk
jgn dibiar cahaya itu padam
bayang yg dicari pasti kan muncul...^_^

korang nak sambung?........silakan ;)
Jangan lupa singgah blog Zamzameer

23 Januari 2012

Januari 23, 2012 - 2 comments

Bantal Yang Menarik

Bantal Kawalan Jauh

Bantal yang juga merupakan 'remote control'.Merupakan kusyen yang dilengkapi alat kawalan jauh.Bantal ni ada 'database' yang mengandungi kod untuk 500jenis alat kawalan.Butang fabrik yang mudah diklik.Dilengkapi penjimat kuasa yang ditutup automatik bagi fungsi kawalan selepas tidak diaktifkan selama 60 saat.Juga dilengkapi LED infrared di dalam.Menggunakan 2 bateri AAA(tidak disertakan)

Bantal Lampu

Bantal Linas Kutavicius ini adalah tentang kehangatan dan kelembutan.Bantal berbentul lampu ini boleh digunakan sebagai bantal dan lampu.

Bantal Kayu

Bantal yang berbentuk kayu.Berukuran 12" panjand dengan diameter 5" dan mempunyai tunggul kecil berukuran 2 1/2" dan 4" panjang.Kit bantal dilengkapi jarum dan arahan untuk buat bantal kayu anda sendiri.

Bantal Burung Unta

Korang boleh tidur dengan selesa dengan bantal OSTRICH.Ianya bukan bantal,kusten,tempat tidur atau pakaian tapi boleh jadi kesemuanya

Set Bantal Boombox

3 set Bantal(1 Boombox + 2 Speaker)
Kain makrofiber
Dipenuhi dengan gentian polister
Boleh dibasuh
Dimensi: 42 x 42 cm / 15.7 x 15.7 inci

Bantal LED


LED yang bertukar warna
Lembut
Selamat digunakan
Pek bateri diletakkan dalam lipatan kecil
Dijana menggunakan 3 bateri AA

Januari 23, 2012 - 4 comments

Komen,Tweeter & Facebook dlm 1

Sila lihat komen di bawah blog ini =)


Cara pemasangan
*Sangat digalakkan untuk buat backup template atau cuba di blog yang lain terlebih dahulu sebelum mencubanya di blog yang anda inginkan.

1.Pergi ke Design->Edit HTML dan tandakan Expand Widget Templates cari kod <head>

Pastekan kod ini dibawahnya


<script src='http://code.jquery.com/jquery-latest.pack.js'/>
<script src='http://jsblogstop.googlecode.com/svn/commentpages/jsCommentPages.js'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=0'/>
<script src='http://jsblogstop.googlecode.com/svn/jstweetbox/v1/jsTweetBox.js'/>


2.Cari kod <div class='comments' id='comments'>

Pastekan kod ini dibawahnya


<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='comments-tab' id='fb-comments' title='Comments made oFacebook'>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='clear'/>
</div>

<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>


3.Cari kod <div class='comments' id='comments'>

Pastekan kod ini dibawahnya


<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='comments-tab' id='fb-comments' title='Comments made oFacebook'>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='clear'/>
</div>

<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='10' width='400'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>


*Ok kalau anda perasan,langkah 2 dan 3 adalah kod yang sama kerana kod ini ada dua.

Save template dan lihat hasilnya^^
*Nota kaki:Seperti yang and perasan,hnya tab tweeter saya biarkan kosong dahulu.

21 Januari 2012

Januari 21, 2012 - 2 comments

Beg Yang Menarik

BUILT Laptop Backpack


Beg laptop yang kelihatan macam jaket kalis peluru.Rekaan yang 'slim' dan boleh ditarik untuk disesuaikan dengan saiz laptop.Luarannya adalah kalis air.

Beg payung

Menyediakan perlindungan dari matahari dan hujan,tanpa perlu menggunakan tangan untuk memegang payung haha^^

Beg SEIL

Beg SEIL oleh Lee Myung Su menggunakan lampu LED untuk memaparkan isyarat lalu lintas. Hanya dengan mengawal pengawal wireless yang boleh dipisahkan, pengguna boleh menunjukkan isyarat arah dan kecemasan di belakang beg itu.

Hi-Fun backpack

hi-Fun menggabungkan empat produk dalam satu:beg,tuala,bantal yang boleh dikempiskan dan speaker.Serasi dengan:iPod.

Spesifikasi:
Dimensi: 180 cm x 80 cm
Material: 100% kapas
Kuasa Speaker: 2W/4ohm X 2
Frekuensi: 100Hz-20KHZ
Output: 4.2V/250MA
Bateri Li-ion
Warna: merah, hitam, biru, merah jambu

Yoda Plush Backpack

Beg Yoda.Inspirasi filem Star Wars.Mempunyai kantung berzip dlm saiz yg besar.Berukuran 24"x12"x4".Tali boleh dilaraskan.

QuickSmart Backpack Stroller

Sangat ringan dan mudah dibawa
Bingkai aluminium
Dipasang sepenuhnya diluar kotak

Spikepak Backpack

Beg kulit yang besar
Mata berduri lembut diluar
Poket dalam dengan zip yang besar
Poket luar untuk pend dan perkakas lain

Beg Meiosis


Beg Meiosis direka oleh Davidi Gilad, beg peralatan yang telah dibangunkan untuk menggunakan sifat-sifat fizikal bahan-bahan elastik di mana beg itu dibuat. Ia dibina daripada bentuk geometri poligon berceranggah yang memanfaatkan ketegangan fabrik elastik. Apabila dilepaskan, bentuk geometrinya mengelakkan kain daripada mengecut kembali, terhasil di dalam bentuk dan struktur beg. Ketegangan dan fleksibiliti reka bentuk mengekalkan bentuknya semasa ia dibuka dan ditutup.