Langsung ke konten utama

Tutorial Membuat Navbar Fixed Top Sederhana



   
Hallo semua salam kenal saya Irman dan ini tutorial pertama saya semoga tutorial saya ini jelas mudah dipahami oleh kalian yang membacanya. Oke langsung aja kali ini saya akan membuat sebuah tutorial cara membuat navbar fixed top yaitu navigasi menu yang posisinya tetap di atas walaupun kita scroll halaman. Oke pertama buat dulu 'index.html'. Setelah membuat file html lalu ikuti/tulis code di bawah ini dan save file html tadi.

1. Membuat Struktur html


Penjelasan :

Kita menghubungkan file html dengan file css yang nanti kita buat.dengan kode ini.


2. Membuat Css

Setelah selesai dengan html tadi kita lanjut ke tahap kedua yaitu membuat file css, silahkan buat file css dengan nama 'style.css' (nama file harus sama dengan nama file yang td kita gunakan di link yang tadi kita buat di file html baris ke 5). Setelah file 'style.css' siap lalu tulis kode css berikut di dalamnya. 

Penjelasan :

Kode dibawah ini untuk mengatur semua elemen html karena tanda '*' itu artinya kita memilih semua, saya memberikan margin 0 supaya body full lebarnya 100% tanpa ada anda boleh cob hapus margin: 0 dan lihat sendiri hasilnya pasti lebar tidak full 100% .



Kode di bawah ini membuat background pada menu berubah saat di hover(cursor di atasnya).

Kode dibawah cuma untuk membuat bagian konten.

Demikianlah tutorial cara membuat navbar fixed top dari saya semoga teman-teman dapat memahaminya dan mohon maafa bila ada salah kata atau kurang jelas dalam menjelaskan. Terus semangat belajar dan jangan lupa berbagi ilmu yang sudah kita dapatkan.


Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara Install XAMPP Pada Linux Ubuntu

Xampp adalah software yang mendukung banyak sistem operasi seperti linux, windows, dan mac os yang berfungsi sebagai server dan terdiri dari Apache, Database (mysql), dan penerjemah untuk bahasa pemrograman PHP dan Perl.  Oke lagsung aja ini dia tutorial instal xampp pada linux ubuntu   Download xampp pada link berikut  https://www.apachefriends.org/index.html  pilih xampp for ubuntu Buka folder tempat dimana xampp tadi didownload Buka terminal (ctrl+shift+T) lalu ketika perintah berikut supaya file tersebut dapat di eksekusi :   sudo chmod 755 namafile .  Contoh sudo chmod 755  xampp-linux-x64-7.2.10-0-installer.run Lalu jalankan perintah berikut untuk menginstalnya : ./xampp-linux-x64-7.2.2-10-installer.run  next saja terus sampai finish Untuk menjalankan xampp jalankan perintah berikut paa terminal  sudo /opt/lampp/lampp start dan untuk stop hanya ubah start menjadi stop  sudo /opt/lampp/lampp stop Semog...
Posting Komentar
Baca selengkapnya

Pengalaman Menambal GIgi | WowTechMe Story

Kali ini saya akan menceritakan pengalaman saya ketika menambal gigi nih, siapa tau ada yang mau nambal gigi dan penasaran prosesnya kaya gimana. Oke langung aja Waktu itu saya mengalami sakit gigi, ga terlalu sakit sih cuma nyeri gitu tapi setelah diperhatiin kok rasa sakitnya cuma setelah makan saya langsung berpikir "kayaknya nih gigi bolong deh" lalu saya memutuskan untuk pergi ke dokter esok harinya tapi sebelum itu saya mencari jadwal dokter dulu di website sebuah rumah sakit dan saya memilih dokter yang jadwal prakteknya jam 9.  Saya berangkat dari rumah sekitar jam 8 sesampainya disana antrian belum terlalu ramai dan saya mendapat nomor antrian ke 4, perasaan saya waktu mengunggu dipanggil adalah panik, takut, grogi semua campur aduk karena saya punya pengalaman menakutkan dengan dokter gigi sewaktu saya kecil gigi saya dicabut oleh dokter gigi tanpa menggunakan obat bius, bisa kebayang kan sakitnya gimana gigi yang belum goyang sedikitpun dicabut paksa?...
Posting Komentar
Baca selengkapnya