[b]2 de point ajah...[/b]

[b]Credits :[/b] Nescafe + Rokok Viceroy

[b]Live Preview[/b] [url=http://profiles.friendster.com/akuhandak][b]Profile Tester[/b][/url]
Sebelumnya mohon izin kpd modz klo thread ini gak berguna, double posting, ataupun bisa menimbulkan spam silahkan delete ajah...

Mungkin Kalian sudah pernah mendengar script mempercantik box, bagi kalian yang mungkin kesulitan untuk memahami JavaScript (seperti saya)

bisa menggunakan trick ini fungsinya sama persis menambah image di bagian atas, tengah dan bawah box.

[b]Langkah Pertama[/b]
Siapkan image berukuran [b]lebar 500px tinggi 80px[/b] (Mainbar) [b]lebar 300px tinggi 80px[/b] (sidebar)
Potong image menjadi tiga bagian, contoh :
[quote]Image atas (header) = 500 x 35
[img]http://i36.photobucket.com/albums/e11/anoer/mainatas.jpg[/img]
Image tengah (content) = 500 x 10
[img]http://i36.photobucket.com/albums/e11/anoer/maintengah.jpg[/img]
Image tengah (content) = 500 x 35
[img]http://i36.photobucket.com/albums/e11/anoer/mainbawah.jpg[/img][/quote]
Ukuran image di atas hanya contoh (tidak mutlak) klo kalian ingin ukuran imagenya lebih besar atau tinggi dari ukuran default tinggal menanmbahkan padding dalam cssnya

[spoiler]
/* IMAGE ATAS MAINBAR */
.ltd h2, #controlpanel_header{
background:url([b]URL Image Atas Mainbar[/b]); height:35px; text-align:center; font-family: Helvetica;
font-weight: bold; color: #000000; !important; text-transform: uppercase}
/* IMAGE ATAS SIDEBAR */
.meettrail, .friends h2, .fanof h2, .groups h2, .rtd .commonbox h2{
background:url([b]URL Image Atas Sidebar[/b]);
height:35px; text-align:center; font-family: Helvetica;
font-weight: bold; color: #000000; !important; text-transform: uppercase}
/* IMAGE TENGAH MAINBAR */
#content_0, #content_1, #content_13, #content_12, #content_6, #content_18, #content_10{background:url([b]URL Image Tengah Mainbar[/b])}
/* IMAGE TENGAH SIDEBAR */
#content_15, #content_2, #content_7, #content_8 {background:url([b]URL Image Tengah Sidebar[/b])}
/* IMAGE BAWAH MAINBAR */
.ltd .commonbox{
width:500px; padding-bottom:35px;
background:url([b]URL Image Bawah Mainbar[/b]) no-repeat scroll bottom center; position:relative; margin-left:2px!important }
/* IMAGE BAWAH SIDEBAR */
.meetrail, .commonbox, .friends, .fanof, .groups .commonbox .commonbox h2 .commonbox h2{
width:300px; padding-bottom:35px;
background:url([b]URL Image Bawah Sidebar[/b]) no-repeat scroll bottom center; position:relative; margin-left:2px!important}
[/spoiler]
Okey kita sudah mempecantik box2 standar FS, bagaimana untuk addbox tambahan, simak penjelasannya di bawah, di sini kita hanya perlu menambah image tengah untuk contentnya

[quote]/* IMAGE TENGAH MAINBAR */
[color=blue]#content_frbox,[/color] #content_0, #content_1, #content_13, #content_12, #content_6, #content_18, #content_10{background:url([b]URL Image Tengah Mainbar[/b])}
/* IMAGE TENGAH SIDEBAR */
[color=blue]#content_tracker, #content_rccboxform, #content_wvmcbox. #content_spawnpic,[/color] #content_15, #content_2, #content_7, #content_8 {background:url([b]URL Image Tengah Sidebar[/b])}[/quote]
[color=blue]Box Tambahan[/color]
Kayaknya cukup di mengerti penjelesan di atas untuk addbox tambahan, sesuaikan dengan nama contentnya (id), terakhir copast di bagian mana? sudah pasti di css (sesuai dengan tema)

Selamat mencoba n Gud Lak


[i]Tidak Menerima Pesanan Untuk Pembuatan Image[/i] (ga pinter ngeadobe)
Last edited by anoer (2008-08-16 07:09:31)