CSS Tips & Tricks Archive
Menghilangkan Header dan Menu Homepage
Untuk memuat konten full atau seukuran layar HP tanpa header dan menu di bagian bawah, kopi script di bawah ini dan tempatkan di menu Color – Advanced Customization CSS/SCSS di Editor Androjex. “` .tabs { display: none;
Ubah Transparansi BG Menu Selengkapnya
Beberapa layout, semisal Layout 1 atau layout yang posisi menunya ada di bagian bawah, ketika diklik icon titik tiga (more/selengkapnya), tampilan backgroundnya sangat transparan sehigga menu yang ada kelihatan kurang jelas. Untuk mengubahnya, kopi script berikut dan
Mengubah Tampilan Fitur Audio
Kopi dan tempatkan script di bawah ini ke menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .audio-list .list { margin: 0; } .audio-list .item.item-custom.text-center.ng-binding { box-shadow: 0 1px 4px rgba(119,119,119,1); } .audio-list .list.col-34.col-offset-10 { max-width: 140px;
Mengilangkan Menu Tertentu dari Aplikasi
Ada kalanya kita tidak ingin menampilkan menu tertentu di aplikasi kita. Misalnya, kita punya 5 button menu dan ingin menghilangkan salah satunya sehingga menyisakan empat seperti pada gambar. Untuk melakukannya, gunakan script di bawah ini dan tempatkan
Mengubah Tampilan Modul My Account
Gunakan script di bawah ini untuk mengubahnya. Kopi dan tempatkan ke menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .customer-view .item.item-custom { border-radius: 30px; text-transform: uppercase;
margin: 10px; } Untuk mengubah bulatan pada sisi kiri dan
Mengubah Bentuk Menu Layout Circle
Mengubah tampilan menu dari bulat menjadi kotak. Contoh ini menggunakan template Metro. Tempatkan CSS di bawah ini di menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .layout_siberian_year .homepage-custom.translucent { border-radius: 0; } .layout_siberian_year label.menu-open-button.homepage-custom.menu-item { border-radius:
Menghilangkan Margin Antarmenu
Setiap button menu diberi jarak antara button menu yang satu dengan button menu yang lain. Sebagai contoh, script ini diterapkan pada Template Metro – Layout 3. Untuk menghilangkan jarak atau mengurangi jarak setiap button menu, gunakan CSS
Ubah Tinggi Menu Layout 18
Tampilan menu selangkapnya pada Layout 18 berada di tengah halaman. Untuk mengubahnya agar fit dengan ukuran layar seperti pada gambar, gunakan CSS di bawah ini. Silakan dikopi dan ditempatkan di menu Colors – Advanced Customization CSS/SCSS pada Editor
Menghilangkan Titik (Slider) di Bawah Menu
Layout 3, 4, dan 5 memiliki icon titik di bawah menu. Untuk menghilangkan icon tersebut, gunakan script berikut. Kopi dan tempatkan di menu Colors – Advanced Customization CSS/SCSS pada Editor Androjex. .slider-pager { display: none; }
Mengubah Ukuran Icon Play Pada Modul Video
Tambahkan script di bawah ini pada field Advanced Customization CSS/SCSS di Editor Androjex. .video-view .sprite { background-size: 15%; background-position: 96% 80%; } Untuk mengubah ukuran play-button, silakan ubah nilai persentase pada background-size dan untuk mengubah posisi button, ubah
- 1
- 2