Salam korang
So korang dah tengok kan camne Shoutbox Wan tu... Pop up/Ajax tapi tak sama ngan member blog len kan.. so nie Wan tunjukkan cara nya.. jom layan
1St open Adobe korang,,Sesape yang belum ada Adobe tu..Download k
Lepas tu klik file and new..untuk wat New BG. And size ekot suka korang..Law Wan letak 420X460 pastikan Transparent k..tengok kat anak panah tu...
Lepas tu korang editlah Gambar yang korang nak...letak kat dalam tu..pastikan ruang tengah korang jangan letak pape..law letak pun kompem tak nampak...koz nanti Cbox korang duk kat tengah tu..
Ok...kite nak wat frame plak..dah letak gambar (gambar tu korang editlah k)..and wat frame kat tepi plak...mule mule wat new layer..tengok contoh kat atas k..klik cam kat anak panah tu..
Lepas dah da new layer korang perlu warnakan semua layer tu...senang je..korang klik kat tong cat tu..contoh kat atas.law tak de korang klik kanan lepas tu adelah kuar..and then klik je kat BG korang tu..
So jadilah cam yang kat atas tu..
lepas tu korang klik plak kat tempat yang cam ada petak segi empat..contoh kat atas k.
Lepas tu korang wat lah petak kat BG tu..contoh kat atas tu..lepas dah wat...korang tekan CTRL+X utuk buang box yang korang petakkan tu..
and then jadilah camnie...
Korang edit lah balik pape yang korang nak kat situ k..
Dah siap edit, korang save lah...file/save as...pastikan dalam bentuk GIF k..law tak nak pun tak pe..
lepas selesai semua..korang upload plak kat mane mane tempat nak ambik kod BG tu..law Wan, Wan upload kat Photobucket..
Lepas selesai upload korang ambek kod BG cbox tu..ambek kod yang cam kat anah panah tu k..
Korang pastekan kat " background:url " (kod Ajax) k..contoh kat atas tu..gantikan kod yang lame ngan yang baru..dan pastikan width: ___height:___ korang ubah ekot size BG cbox korang tu..
so dah selesai..
Yang Wan wat tadi akan jadi camnie...tengok kat bawah
Tamat
.
56 comments:
salam..huhu...nk wat gak shout cm 2..ad pic sniri..tp mek x fhm..huhu..agik pon lappy mek xda adobeshop...jeles ewh tgk shoutbox ktk.. :(
macmmane nak type kat shoutbox wan ni? xbulih nak type =='
try try jgn tak try
fuh....akhirnya siap gak...maceh ye cik wan hazel...hhee
cha cha
mek dah bik nak kod ya
fairuz..
klik je kay my shoutbox..nanti adelah pop up cbox wan..heheh
kak yatie..
taniah taniah...tak sia sia mencuba..hehehe
itupun berkat kesabaran wan mengajar...che wah..(smbil buat muka terharu...hehe =P)
uw la la.. Thanks! akan mencuba soon !
kak yatie..hehehhe...
umie
ok...nanti cube taw..hehehe
wohoho~ gempak..tp xreti wat..sy stay dgn shoutbox yg simple je la..ngeee~
yep//stay je ngn shoubox yg lame...wan pun stay..hehehe
kui2..remeh nya..uwaa..
bes r......mekcih sbb kgsi idea...
:)
kalau wan tolong buatkan boleh?
tak ada photoshop la.
kalau tak boleh tak pe.
saje tanya.
ok bleh je...nak wat yang camne???kasi detail kat mail wan k...wan_scremohazel@yahoo.com...n kasi kod shout kat wan k..
ikut tema blog star warna purple la.
tapi warna purple x de star pon ok.
ikut kreativiti wan la. x de idea. hee~
wan prnah buat org lain pnye x?
nak tgok boleh?
*sory kalau byk songeh. =P
tak pernah wat ..huhuhuu..yg ade pun yg kat dalam entri tu je..huhuhuuhu..nak yg camne sebenarnye...??huhuhu
cantiknya~
suke nyer~
thanx.
dah jadi.
tp nak buat icon die mcm mana eah?
yg mcm wan pnye.
die tulis 'mama nak buka puasa'.
x fm step ni...'Lepas tu korang editlah Gambar yang korang nak...letak kat dalam tu..pastikan ruang tengah korang jangan letak pape..law letak pun kompem tak nampak...koz nanti Cbox korang duk kat tengah tu..'
...NAK LTK GMBR TU X RETI..NK KENE CLICK APEW
~be'ah ~
law nak letak gambar tu kene klik kat file and open lepas tu cari gambar yg korang nak..
law nak taw lebeh pasal nak letak gambar or potong gambar tu...cari kat bhgian side wan tu "Tutorial nak wat header transparents"..
wow..ini cool..
ecah
hehehe..tengs
knp tkn layer 2 x ada layer bwu pun?
Shaza Najwa
erk..nape lak takde...pelik2
tak retiii...uwaaaa..kene ada ajax code ke?? kalo gune yg bese xleh ke? dr mn kaa code ituueew??
tNie si keCiK
cari kat bhgian tuto wan..tutorial ajax shoutbox k...law tak de ajax shout...wat pe nak susah2 wat bende nie.,.tol tak??
yg tong cat 2 knape x de r?Ni leh gne adobe photoshop yg mne2 jew ae?
Shaza Najwa
a ah..semua adobe leh guna..law tak de..klik kanan kat tempat tool tu k;
ehehekkss..tue la..tp tringin nak yg floating2 nie..hehe..mcm cumilll jerr..sbb tue nk teraayy..tp xdpt2 smpai skang..hehehe..
tNie si keCiK
ade FB tak??law ade add wan k..pas tu inbox kod shoutmix kat wan..nanti wan tlg kodingkan k
dah ada dah.thanz
wan.. dkney mun kmk mok ngkah cbox mek dlm pic dak ktk ya.. kdak penuh jak ngkah cbox dlm blog mek.. tlg mek aeh.. ^__^
YannaLuRVe
ktk polah ajax float shoutbox lok..munxtauk PM FB mek k..wan hazel
da try buat, tp still shoutbox uh tak kt center npe ye ?
adjust frame shout tu k
salamm . mekaseh bab ajar mcm mne nak bwat . wahh ! cnteks daa shoutbox sy . mekasey skali lagi !
Kim Qiey Laa
welkam..ehehe..peace
wan,cne nak download photoshop..bgtw step by step please..
wan dah sediakn step pun..tgk je kat bhgian tutorial tu..ade bhgian download..
or tgk nie
http://wanhazel.blogspot.com/2010/10/adobe-photoshop-cs3-protable.html
wan..kmk ada try nak molah background ya..tp pahal nya xmok klua ow..bla d tekan,nya klua shoutbox jak..hoho
setting ktk betl x???or gambar ktk size nya besar glak??lambat load li
wan ade tak lagi bg shoutbox ni.law ade.amin nak.cantik
amin..cari je kat tuto wan k
salam wan.nak minta tlg pada yang pakar ni.ngee...frame akak da siap ,tapi tak tahu nak ambik kod BG pulak..akak da masuk photobucket,tapi tak reti2 juga..isk..isk..tolong wan!!tolong!!tolong!!!
wan reply kat blog kak k
wan .. npe kt adobe photoshop sye xde icon cat 2 .. erk ???
klik kanan kat tempat tu nanti ad elah tool cat tu
kat mana Ajax nya? aku nampak kod CSS je :O
kot ajax kat tutorial ajax shout..yg nie frame ..bukan kod...
\
http://wanhazel.blogspot.com/2010/08/frame-terbaru-untuk-ajax-float-shoutbox.html
wah saye dah pandai buat :) saye akn igt jasa baik wan sampai bile2..hee.
thanks wan..
ish...best la tutor ni.... :) sat g nak cuba ..hehe
ni adobe photoshop cs bape
nie adobe cs je...
Post a Comment