Hafiz Zulkafly

Freebies : Simple Header Part 6

Sabtu, Februari 18, 2012

Assalamualaikum & Salam Sejahtera

Another freebies simple header. Pleas take out with full proper credit. Thankyou.

http://i.imgur.com/cu4pz.png


http://i.imgur.com/XowVj.png


http://i.imgur.com/sFTWR.png


http://i.imgur.com/7jEYO.png


http://i.imgur.com/PodJO.png


http://i.imgur.com/1XGjG.png


http://i.imgur.com/cMXhf.png

Freebies : Simple Background 1

Assalamualaikum & Salam Sejahtera

Okay pertama kali buat freebies background. Actually this background bukan aku buat. I found somewhere dekat google and aku ambik kemudian aku tweak kepada beberapa warna. So credit pada google. Thankyou.


http://i.imgur.com/QD9rx.jpg


http://i.imgur.com/Ju3j4.jpg


http://i.imgur.com/zS2q1.jpg


http://i.imgur.com/YRY7N.jpg


http://i.imgur.com/EtOhD.jpg


http://i.imgur.com/TPtHj.jpg


http://i.imgur.com/hy1yo.jpg


http://i.imgur.com/89X5V.jpg


# Wordless Wednesday

Rabu, Februari 15, 2012




LOL ~ HAHA ^^v

Tutorial : Image Shake Hover (Blogskins)

Isnin, Februari 13, 2012

Assalamualaikum & Salam Sejahtera



Ada orang request tutorial ni. So harap boleh follow slow slow sebab tutorial ni sedikit mengelirukan. Kalau tak paham banyakkan tanya k. Ahaks


1) Copy Code bawah ni then paste bawah code </html>



<style>
.shakeimage{
position:relative
}
</style>
<script language="JavaScript1.2">
/*
Shake image script (onMouseover)-
© Dynamic Drive (www.dynamicdrive.com)
For full source code, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/
//configure shake degree (where larger # equals greater shake)
var rector=3
///////DONE EDITTING///////////
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector+"px"
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector+"px"
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector+"px"
}
else{
shake.style.left=parseInt(shake.style.left)-rector+"px"
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
</script>



2) Dah ? Okay , itu css untuk shake hover . Nak bagi gambar bergerak kena copy code bawah ni pulak . Hover ni tak sama macam hover lain . Dia cuma akan shaking bila kite copy code bawah ni and pastekan url gambar tertentu dekat code bawah ni je . So hanya gambar yang korang pastekan dekat code bawah ni je yang akan shaking. Got it ?


<img src="URL IMAGE KORANG"width="500" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()">



Faham takk ? Aku dah cube explain baik baik . tapi takat ni je mampu . Mulanya taknak buat tutor ni sebab takot korang tak paham . Tapi aku cuba buat gakk . Harap korang paham .

Tutorial : Blockquote Hover Versi 6

Sabtu, Februari 11, 2012


assalamualaikum

rasenye , dah lame apis tak update tutorial . taktau nak update tutor ape dah . ni pon update tutor blockquote hover . tengok tuh , dah versi ke-6 ~ HAHA . tadi tengah buat skin baru . main main code die kejap . akhirnya terjumpe satu hover baru yang agak buruk ! LOL ~ hover ni tak lawa , tapi apis suke ^^v . macam mana hover die ?  meh VIEW dekat sini . tu dia live preview dia . amacam nak ? . oke nahh , ni code die ;


blockquote{
padding:10px;
overflow-x:auto;
border-top:10px groove #eee;
border-left:0px groove #eee;
color:#444;
border-right:0px groove #969696;
border-bottom:10px groove #969696
;-webkit-transition:.4s;
}
blockquote:hover{
color:black;
padding:10px;
overflow-x:auto;
border-top:0px groove #eee;
border-left:10px groove #eee;
border-right:10px groove #969696;
border-bottom:0px groove #969696;
-webkit-transition:.4s;
}

oke , copy and paste la code tuh . code ni untuk blogskin . untuk simple template apis tak pasti boleh pakai or takk . if korang nak try jugakk . korang boleh paste code ni dekat ATAS code nie ]]></b:skin> . oke . tu jehh . selamat mencube ! adios ~

The Boys

Selasa, Februari 07, 2012

Assalamualaikum

yeepaaa!

yoo korang ~ alhamdulillah ~ apis berjaya update satu lagi blogskin dekat akaun blogskins apis ~ LOL ! ayat sangat poyo . hahaha . memang la dekat akaun blogskin apis , takkan dekat orang lain punye pulakkan . haha . skin baru ni pon simple , sememangnye apis punye idea simple simple je ~ ohh ya , nak tengok skin tuh ? jomm


haaa ~ hitam je ~ simple kan ? ok , kalo sesape rase burok , jangan kutok . tak minta pon . kalo nak kritik , di alu alukan . tapi jangan guna bahasa yang menyakitkan hati . *O* . sebelum update skin baru , apis pon tuka design blog apis . kali ni malas dahh nak create skin sendiri . pakai orang punye je . senang ~ almaklumlahh . pemalas . beginilahh . oke , malas nak tulis panjang panjang . malam ni ade kelas . esok ade quiz . so nak kena out . banyak benda yang masih belom buat . paling penting , tak solat asar lagi ==' . LOL ~ kbyee o/
© 2017 HAFIZ ZULKAFLY ALL RIGHTS RESERVED