« previous next »
Pages: [1]

Author Topic: [Selesai] Background Image Diem  (Read 777 times)

0 Members and 1 Guest are viewing this topic.

Offline lumine

  • Developer IF
  • *
  • Posts: 519
  • Reputasi: 9
[Selesai] Background Image Diem
« on: 28 August 2008, 15:30:28 »
Gimana ya cara bikin website yang kaya friendster..background belakang nya itu bisa diem..codding nya gimana ya ..mohon bantuannya om
« Last Edit: 30 December 2008, 11:46:25 by 1nf0rm4t1c5 »
Logged

Offline 1nf0rm4t1c5

  • Administrator
  • *
  • Posts: 1101
  • Reputasi: 15
  • Informatics Developer
    • Forum Informatika
  • Lokasi: Indonesia
  • Jenis Kelamin: Laki-laki
Re: Backgraund Image Diem
« Reply #1 on: 29 August 2008, 08:10:32 »
1. Pakai CSS

Code: [Select]
.bg_main{
background-image: url("../properti/images/bg_isi1.gif");
background-repeat: no-repeat;
}
Cara memanggil:

Code: [Select]
<td align="justify" valign="top" class='bg_main'></td>
Ada juga yang menambahkan:  background-attachment: fixed; di CSS-nya supaya bg-nya diam.

2. CSS 2

Code: [Select]
<body style="background-attachment: fixed; background-position: top center; background-repeat: no-repeat" background="file_gambar.jpg" >
3. HTML saja

Code: [Select]
<HTML>
<HEAD>
<TITLE>Judul di tampilna di jendela browser
</TITLE>
</HEAD>
<BODY background="image.jpg" bgpropertis="fixed">
....
Isi halaman web
....
</BODY>
</HTML>
SILAKAN DICOBA SALAH SATU, MANA YANG BERHASIL.
KALAU BELUM SILAKAN POSTING LAGI  ;)
Logged
Full access for guest [REGISTER]
Please read the rule [RULES]
Promosi?  [STEP-BY-STEP]

RAR PASSWORD : http://if.web.id --> buat buka file rar

Offline cyclon

  • Global Moderator
  • *
  • Posts: 186
  • Reputasi: 31
    • Indonesian Informatics Online Community
  • Jenis Kelamin: Laki-laki
Re: Backgraund Image Diem
« Reply #2 on: 29 August 2008, 08:25:40 »
Misal ukuran gambar 200x200 piksel

Code: [Select]
<head>

<title>Background Absolut</title>

<STYLE TYPE="text/css">
BODY {background-image: url(gambar.gif); background-repeat:
no-repeat; background-position: 200px 200px; background-attachment: fixed; }
</STYLE>

</head>
background position adalah posisi x=y dalam satuan piksel di halaman Anda

background diisi dengan FIXED, yaitu background tetap diam (statis)

Have fun!

Sumber:
Code: [Select]
http://www.killersites.com/articles/newsletterArchive/Newsletter_March17_2004.htm
http://www.echoecho.com/htmlbackgrounds03.htm
http://www.echoecho.com/htmlbackgrounds02.htm
Logged
RAR Password di file: http://if.web.id

Offline lumine

  • Developer IF
  • *
  • Posts: 519
  • Reputasi: 9
Re: Backgraund Image Diem
« Reply #3 on: 29 August 2008, 09:37:30 »
ok om makasih semua sudah aku coba ne..dan ternyata berjalan mulus....ntar klo uda jadi dan udah aku upload aku kasih tau web nya sekalian unjuk web..heheheh
Logged
Pages: [1]
« previous next »