::   HOME   ::   KOMPUTER    ::   INBOX  ::  SPORT  ::  ABOUT DANI  :: 
  ::  SEJARAH   ::    BASIC   ::    DESAIN WEB   ::    TIPS   ::   DOWNLOAD  ::  SOAL
     
  ::  DESAIN WEB  

Membuat tombol 3 dimensi
 :: Tutorial Html   Kalau Anda rajin surfing pasti sudah sering melihat "tombol" yang dibuat
dengan tag <TABLE> yang mempunyai efek 3 dimensi. Buat Anda yang
belum pernah melihatnya, bisa melihat contohnya di sini.

Di bawah ini adalah contoh bagaimana membuat tombol sepeti itu:

<HTML>
<HEAD>
<TITLE> Tombol 3 Dimensi </TITLE>
</HEAD>
<STYLE>
.link1:hover {
FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial;
TEXT-DECORATION: underline
}
.link1 {
FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial;
TEXT-DECORATION: none
}
.tabel1 {
BORDER-RIGHT: black 2px outset; BORDER-TOP: white 1px outset;
BACKGROUND: #507488; BORDER-LEFT: white 1px outset; BORDER-
BOTTOM: black 2px outset
}
</STYLE>

<BODY bgcolor=#f0f2f3>

<TABLE align=center class=tabel1>
<TR><TD><b><a class=link1 href=http://www.lutfian.com
target=blank> Lutfian Software </a></b> </TD></TR>
</TABLE>

</BODY>
</HTML>
 
 :: Tips Html  
     :: mencegah klik kanan  
     :: Menampilkan keterangan pada link  
     :: Background warna pada teks  
     :: membuat browser menari  
     :: Menampilkan title pada link  
     :: menambahkan efek pada tabel  
     :: membuat tombol 3 dimensi  
     :: halaman web dengan overlib  
     :: membuat combo box warna warni  
     :: Back dan Forward dengan java script  
     :: Membuat Bookmark dengan link  
     :: Situs tidak ter-update no cache  
     :: Mengganti warna scrollbar  
     :: Cool Web Scrollbars  
 :: Artikel