Latihan 3

 

Buatlah sebuah  Navigasi seperti terlihat dibawah ini:

 

Diketahui:

Pembuatan Div

Untuk backgroundnya berikan nilai seperti dibawah ini:

background:url(http://radarbogor.id/themes/v2/images/background-texture-3.jpg) top center;

Untuk bordernya adalah 

border:1px solid dotted

Pembuatan List Tak Berurut

Gunakan List tak berurut, dengan setting CSS:

  • List-style-type:none yang digunakan untuk menghilangkan tanda didepan listnya yang berbentuk bulat.
  • display:inline yang digunakan agar list ditampilkan secara satu baris horizontal

 

Pembuatan Link 

  • Link-link yang terkait adalah:
  • Link Berita Utama ke http://radarbogor.id/berita-utama
  • Link Metropolis ke http://radarbogor.id/metropolis
  • Link Bogor Raya ke http://radarbogor.id/bogor-raya
  • Link Nasional ke http://radarbogor.id/nasional
  • Link Olahraga ke http://radarbogor.id/olahraga

Link keadaan normal:

  • Berita utama -> warna fontnya adalah #264c84
  • Metropolis  -> warna fontnya adalah #9f3819
  • Bogor Raya -> warna fontnya adalah #a21d1d
  • Nasional -> warna fontnya adalah #6d8b13
  • Olahraga -> warna fontnya adalah #338aa6

Link keadaan hover:

Semua warna fontnya adalah putih tapi backgroundnya seperti berikut ini:

  • Berita utama -> warna backgroundnya adalah #264c84
  • Metropolis  -> warna backgroundnya  adalah #9f3819 
  • Bogor Raya -> warna backgroundnya adalah #a21d1d
  • Nasional -> warna backgroundnya  adalah #6d8b13
  • Olahraga -> warna backgroundnya adalah #338aa6

Selamat Mengerjakan ...

2016 © Fahmi Basya Kartapura