Ini ada trick sederhana utk mengatur penempatan BG CSS kalian. Kita sudah tahu berbagai BG CSS positioning seperti : [b]top left top center top right center left center center center right bottom left bottom center bottom right[/b] Nah misalnya kita ingin menempatkan BG kita yang berbentuk GIF ataupun JPEG ke posisi center right. Tapi kita merasa bahwa posisi BG kita itu terlalu mepet ke kanan sehingga tidak terlihat bagus seperti dibawah ini : [align=center][img]http://img379.imageshack.us/img379/9031/82952592vd5.jpg[/img][/align] Bagaimanakah caranya agar BG kita tidak terlalu mepet ke kanan? Disinilah kita perlu CSS BG positioning menggunakan pixel Ini dia scriptnya : [quote]body { background-color: #HEX COLOR; background-image: url(URL PIC); background-attachment: fixed; background-position: [color=red][b]???px[/b][/color] [color=blue][b]???px[/b][/color]; background-repeat: no-repeat; }[/quote] Lihat bagian yang tebal merah diatas. Itu untuk lebar posisi BG (horizontal width). Semakin besar ukurannya, posisi BG nya akan semakin ke kanan dan sebaliknya. Untuk yang biru tebal, itu untuk tinggi posisi BG nya (vertical height). Senakin besar ukurannya, posisi BG nya akan semakin ke bawah begitu juga sebaliknya. Edit sesuka hati kalian sampai kalian menemukan posisi BG yang kalian inginkan [quote][b]NOTE :[/b] Bagi pengguna Mozilla, background attachmentnya harus [b]fixed[/b] agar CSS nya bisa bekerja dengan baik [/quote] Sebagai contoh, abang disini menggunakan script ini : [quote]body { background-color: #4F4F4F; background-image: url(http://img259.imageshack.us/img259/6135/bgey5.gif); background-attachment: fixed; background-position: 810px 110px; background-repeat: no-repeat; }[/quote] Preview [url]http://profiles.friendster.com/bangkanal[/url]

Last edited by KaNaLiTnUk (2008-04-02 15:12:12)