Sabtu, 12 Agustus 2017

Cara membuat background transparant nav atau header


   Di era modern seperti ini website dan blog sudah semakin menjamur sudah sulit untuk di hitung jumblanya dan setiap admin dari website atau blog terus melakukan inofasi mereka masing-masing. Ada yang menambahkan fitur kecepatan website ada yang menambahkan UI (User Interface) dari website tersebut dan ada juga yang tidak melakukan apa-apa :D ya seperti blog yang kalian baca ini juga jarang sekali ada perubahan hanya update postingan saja. Ya tapi sudahlah karena blog ini tidak begitu tenar dan keterbatasan dana juga untuk membuat sesuatu yang spesial diblog ini.
Oke sekarang next selanjutnya saja kayaknya saya sudah mulai curhat nih :D.
Sebelum memulai membuat background transparant ada baiknya kalian bisa berdoa terlebih dahulu agar tidak emosi saat mendapatkan error. Sekarang adalah bahan-bahan persiapan:
1. laptop/komputer boleh juga android
2. mempunya text editor seperti notepad, atom, atau untuk android bisa cari di google playstore

   jika semua persiapan sudah terpenuhi saatnya memulai membuat transparant nav di blog ataupun di website. Tahap pertama buat file html kosong berikan nama index.html lalu mulai buat script html seperti di bawah ini.


   Setelah selasai buat file style.css di dalam folder css kurang lebih codenya seperi di bawah ini


Jika semua sudah selesai saatnya menjalankan file index.html kalin bisa menggunakn terminal atau cmd atau langsung klik kanan open with. Kali ini saya akan menjalankannya menggunakan python
python -m SimpleHTTPServer. Dan jika kalian ingin langsung memasangnya di blogger kalian bisa masuk ke akun blog kalian masuk ke Tema->edit html CTRL+F cari code nav atau header jika ingin menggunakannya di header dan kalian copy saja code css tersebut jangan htmlnya juga.

    Sesungguhnya jika ingin mendapatkan background transparent pada nav header atau content-content yang lain pada html cukup mudah sekali, kalian bisa menggunakan editor color yang sudah tersedia di setiap browser pc jika atau juga kalian bisa menggunakan matematika seperi kalian ingin mendapatkan warna hitam dengan tapi hanya 80% warna hitam dan sisanya kalian inigin alpha. Pertama lakukan perkalian 255 x 0.8 untuk red 255 x 0.8 untuk green 255 x 0.8 untuk blue dan 255 x 0.8 juga untuk alpha. Rumus yang simple tapi sangat berguna kalian bisa melakukan seperti itu juga untuk warna-warna lainnya dan ingat jika ingin 20% warna dan sisanya alpha harus 0.2 untuk perkaliannya dan seperti itu juga seterus

0 comments:

Posting Komentar