Cara Mengganti Background Hotspot Mikrotik

Setelah kita merubah tampilan login hotspot mikrotik, sekarang kita akan merubah background hotspot mikrotik. Pada artikel sebelumnya kita sudah membahas bagaimana cara cepat modifikasi tampilan login hotspot mikrotik.Namun pada tutorial sebelumnya kita belum melakukan perubahan pada background login hotspot mikrotik

sebelumnya tampilan login hotspot yang ada pada artikel belum mempunyai background. nah kali ini kita akan menambahkan background berupa gambar dan patern. untuk gambar dan patern dapat di download DISINI. copy gambar dan pattern tersebut ke dalam folder image hotspot mikrotik anda

Pertama-tama buka login-box.css dengan menggunakan aplikasi editor, kalau ga punya bisa menggunakan notepad ataupun wordpad, aplikasi bawaan windows. Kemudian tambahkan code berikut dibagian paling atas dan save.

body {
background-image: url(images/pattern.png), url(images/2.jpg);
background-attachment: fixed;
background-color: rgba(0, 0, 0, 0);
background-position: center center;
background-repeat: repeat, no-repeat;
background-size: auto auto, cover;
}

keterangan dari code css diatas untuk menambahkan background hotspot mikrotik adalah :
background image berfungsi untuk mengambil gambar pattern dan gambar background, properti fixed berguna agar gambar tidak mengikuti scrool mouse, position center center berfungsi agar gambar background berada pada tengah browser, background repeat berfungsi agar pattern.png melakukan perulangan sedangkan no-repeat berfungsi agar gambar 2.jpg tidak melakukan perulangan gambar. Background size cover berfungsi agar gambar background memenuhi seluruh halaman browser.

cukup dengan menambahkan code diatas, tampilan login hotspot kita sudah tampil menarik dengan berupa gambar 🙂

untuk tampilan login hotspot mikrotik yang lengkap anda dapat mendownloadnya DISINI