07 August 2011

Tutorial-sparkling link hover


Ada macam-macam link hover yg comel-comel. Tapi ni sparkling punya. So, caranya.

1.Ctrl+f search  a:hover }
2.Copy code berikut bawah  a:hover }.

color:#000000;background:url(http://a.deviantart.net/avatars/s/p/sparklesplz.gif?1);backgroundrepeat:repeat;text-decoration:none}


credit:sys anyss



You may leave your comment :)

Freebies Image untuk header (space)

Assalamualaikum. Image kat bawah ni, sebenarnya, multiuse. Ikut suka la nak buat untuk apa pun. Tapi lebih sesuai untuk letak kat header. Just, right click, then 'save image as'. Kalau nak ambil URL image, right click, then 'copy image url'. 

STAR





SUN




RAIN

MOON


 





You may leave your comment :)

tutorial- header transparent


1.download GIMP 2 and  photoscape

2. Bukak GIMP2 . 


3.Tekan kat keyboard ctrl+N.

width/height-ikot suke . . jangan lupe tekan advanced option tu . . lastly . fill with tu korang pilih transparency . (wajib) Makesure die akan keluar macam kat bawah ni.



4.Ctrl+S dan save macam gambar di bawah. Wajib format .png. 

5.tick yang macam aku tick je. Save.



6.Bukak photoscape dan pilih editor.


7.Bukak header yg  korang transparentkan tadi . Jangan risau, die memang keluar warne putih, tapi tu dah transparent .

8.klik T kat bawah tu untuk type nama header korang.



9.Save

Klau tak jadi transparent maybe korang tak ikut step terutamanya time pilih transparency dekat GIMP2 atau korang tak save dalam format png. Tak pon korang keliru sebab tak jumpa header yang korang transparentkan tadi. Diingatkan bila korang dah transparentkan header tu di GIMP, automatik kat photoscape die keluar warna putih tanpa sebarang gambar. Bende ni memang betul-2 kena ingat step dan tak boleh terskip satu pon. Time dulu-2 fist belajar pon pening jugak nak ikut step, tapi lama-2 korang akan boleh hafal.




You may leave your comment :)

Tutorial- border untuk shoutbox


Jom buat border untuk shoutbox.

<div style="Background-image:url(URL BACKGROUND/IMAGE); repeat; padding: 10px; border:2px solid #b0c6e4; filter:alpha(opacity=80); border-radius:5px;"><div class="separator" style="clear: both; text-align: left;">
<center>KOD SHOUTBOX </center>

Leave your message 


You may leave your comment :)

tutorial- print screen (photoscape)


Apa itu print screen ? print screen tu, contoh die.


kite boleh tangkap gambar,bukan gambar kite. tapi gambar yang ade kat dalam lappy kite. Penting untuk yg buat tutorial, gune untuk bende yg berfaedah je ye.JANGAN MENCURI!!

1.download photoscape .

2bukak photoscape.


3.Click screen capture.


gambar credit to: Dania


You may leave your comment :)