Cara Menciptakan Navigasi Sajian Template Evo Menyatu Kesamping
Kali Saya kembali lagi mencoba Iseng – Iseng Modifikasi Template Evo Magz dimana salah satu hal yang akan sedikit Saya rubah/modifikasi yaitu bab navigasi menunya. Saya kurang tahu bahasa yang benar atau sempurna untuk menggambarkan apa yang akan Saya sampaikan ini, tapi yang terang disini Saya ingin membuat Menu Template Evo Magz menjadi menyatu kesamping, full kesamping layar pengguna, menyerupai layaknya pada tampilan navigasi sajian facebook atau twitter.
Saya ingin membuat sajian tersebut menjadi full kesamping tanpa ada pembatas alasannya yaitu Saya pikir bentuk sajian navigasi menyerupai itu lagi ngetrend atau populer, kebanyakan situs – situs besar juga menunya dilebarkan kesamping, melekat mengikuti layar pengguna.
Bila diperhatikan memang sajian navigasi template Evo Magz itu ada jarakanya, antara layar pengguna dengan bilah sajian menyerupai yang terlihat pada gambar dibawah ini
Saya ingin membuat sajian tersebut menjadi full kesamping tanpa ada pembatas alasannya yaitu Saya pikir bentuk sajian navigasi menyerupai itu lagi ngetrend atau populer, kebanyakan situs – situs besar juga menunya dilebarkan kesamping, melekat mengikuti layar pengguna.
Bila diperhatikan memang sajian navigasi template Evo Magz itu ada jarakanya, antara layar pengguna dengan bilah sajian menyerupai yang terlihat pada gambar dibawah ini
Oleh alasannya yaitu itu disini Saya ingin merubahnya, sehingga tidak ada jarak antara sajian dengan sisi pinggir layar pengguna, atau nantinya sajian jadi lebar menyatu kesamping.
Bagi orang menyerupai Saya yang gotong royong tidak paham betul dengan CSS maka ini akan sedikit menyulitkan, tapi setelah beberapa kali mencoba akhirnnya Saya sedikit memahami bagimana cara untuk melakukannya.
Berikut ini yaitu Teknik Membuat Navigasi Menu Template Evo Menyatu Kesamping
- Seperti biasa masuk ke mode edit HTML
- Tekan CTRL+F lalau masukan baris #wrapper pada kolom pencarian
- Cari terus dan temukan sususnan arahan ini
#wrapper {
margin: 0 auto;
} - Rubah arahan tersebut jadi
#wrapper {
margin: 0;
padding: 0;
} - Bila berhasil maka nanti kurang lebih tampilannya akan terlihat menyerupai pada halaman diberikut : LIHAT HALAMAN
Sekarangan selanjutnya semoga bab postingannya tidak terlalu mepet ke kiri, Anda dapat mengatur bab post-caontainer. Cari baris diberikut
.post-container {
padding: 15px 15px 0 0;
}
Rubah/tambah baris diatas menjadi menyerupai diberikut
.post-container {
padding: 15px 15px 0 10px;
}
Sebenarnya tidak dirubah juga tidak apa – apa, spesialuntuk jikalau Anda “merasa” jaraknya terlalu mepet kesamping maka Anda dapat mengatur arahan diatas.
Post a Comment for "Cara Menciptakan Navigasi Sajian Template Evo Menyatu Kesamping"