Mo share dikit soal background box, button, header, etc yg bikin profile transparant.
Preview di profile FS gw

[b][url=http://profiles.friendster.com/j03kingky]J03 KingKy[/url][/b]
[img]http://h1.ripway.com/joekingky2/images/transparent.jpg[/img]
Untuk yg sudah mengerti CSS tentu tau jg transparency (transparan opacity) bisa di panggil dari Property CSS tsb.
tapi jeleknya kalo dari CSS, script untuk opacity tsb berbeda untuk jenis2 browser eg: IE, Firefox, Opera dll
Karena itu ada trick mudahnya dengan menggunakan Default CSS.
[b][u]Bikin image (menggunakan Photoshop):[/u][/b]
1. New File di Photoshop ukuran kecil aja misal 10 x 10 px
[img]http://h1.ripway.com/joekingky2/images/newfile.jpg[/img]
2. Bikin Layer Baru
[img]http://h1.ripway.com/joekingky2/images/nLayer.jpg[/img]
3. Fill pake warna yg loe mau (diprofile gw pake warna hitam)
[img]http://h1.ripway.com/joekingky2/images/fillLayer.jpg[/img]
4. Atur opacitynya (gw pake 50%)
[img]http://h1.ripway.com/joekingky2/images/opacity.jpg[/img]
5. Matiin layer background
[img]http://h1.ripway.com/joekingky2/images/bgoff.jpg[/img]
6. Save As file type [b]PNG[/b]
[img]http://h1.ripway.com/joekingky2/images/saveas.jpg[/img]
7. Tinggal Upload deh
Trus apply di CSSnya (bisa di apply untuk semua div/table eg: shoutbox, mainnav, banner, etc)
[b]CSS:[/b]
[quote].commonbox {
[b] background-color:transparent;
background-image:url('[color=#cc0000]URL IMAGE[/color]');
background-repeat:repeat;[/b]
}[/quote]
[b]Contoh:[/b](pake image yg tadi kita buat)
[quote].commonbox {
[b] background-color:transparent; background-image:url('[color=#7a7a7a]
http://h1.ripway.com/joekingky2/images/transparentBG.png[/color]');
background-repeat:repeat;[/b]
}[/quote]
Ini ada beberapa image transparant yg gw bikin (click aja kalo mo pake):
1. [url=http://h1.ripway.com/joekingky2/images/black.png][img]http://h1.ripway.com/joekingky2/images/black.png[/img][/url]
2. [url=http://h1.ripway.com/joekingky2/images/grey.png][img]http://h1.ripway.com/joekingky2/images/grey.png[/img][/url]
3. [url=http://h1.ripway.com/joekingky2/images/red.png][img]http://h1.ripway.com/joekingky2/images/red.png[/img][/url]
4. [url=http://h1.ripway.com/joekingky2/images/orange.png][img]http://h1.ripway.com/joekingky2/images/orange.png[/img][/url]
5. [url=http://h1.ripway.com/joekingky2/images/yellow.png][img]http://h1.ripway.com/joekingky2/images/yellow.png[/img][/url]
6. [url=http://h1.ripway.com/joekingky2/images/green.png][img]http://h1.ripway.com/joekingky2/images/green.png[/img][/url]
7. [url=http://h1.ripway.com/joekingky2/images/blue.png][img]http://h1.ripway.com/joekingky2/images/blue.png[/img][/url]
Semoga berguna

[color=#ff9900][b]- be creative -[/b][/color]
Last edited by KhErMiNaToR (2008-02-12 00:04:01)