Bagaimana Solusi Untuk Merapikan Halaman Page elements
Ini sering boogle alami saat menambah atau mengubah ukuran kolom template, Walaupun pada antar muka-nya saat di preview atau di render ke berbagai browser keliatan mulus tampa cela sedikit pun, Namun pada halaman Page elements-nya (Elemen Halaman) justru kedapatan berantakan, kolom sidebar melorot ke bawah, antar kolom saling tumpang tindih atau tab page elements-nya terpenggal sepotong.
Pernakah saudara mengalami seperti pengalaman boogle ? lalu solusi apa yang biasanya saudara lakukan ?
Sedikit Curhat dari pengalaman
Otre, ini sedikit tip atau curhat dari pengalaman boogle mudah-mudahan dapat membantu teman-teman yang belum paham cara merapikan kolom pada halaman Page Elements-nya.
Petama:
kenali dulu struktur atau basis untuk kolom. dalam minima template secara garis besar ada 4 ( empat ) kolom.
- Header-Wrapper
- Main-Wrapper
- Sidebar-Wrapper
- Footer
* Note atau untuk div id lainya.
Kedua :
Setelah mengetahui basis kolom di atas. kita tinggal menambah kode yang hanya mengatur pada halaman Page Elements, biasanya kode tersebut boogle simpan tepat di atas tag ]]></b:skin>:
seperti ini.
body#layout #main-wrapper
{ width:300px}
or
Body#layout #Sidebar-Wrapper
{width:200px}
Kadang kalau berantakan bangeut, sering juga memainkan property “float”.
Sedangkan untuk menghilangkan Gadget yang secara otomatis ada pada Page Elements ( Elemen Halaman ) seperti ini.
Penambahan-nya seperti ini..
Body#layout #tulis id-nya {display:none}
display:none = merupakan property+value untuk menon-aktifkan tampilan sebuah id or class
Sekian dulu curhatan dari boogle, kalau ada trik atau cara yang lain untuk artikel di atas, bisa saudara diskusikan di sini.
1 komentar:
Halo,
Perkenalkan, Nama saya Wenny
Saya adalah development dari ForexMart, Kami melihat website anda dan kami ingin mendiskusikan kerjasama kemitraan dengan Anda.
Boleh saya minta kontaknya untuk menjelaskan lebih lanjut atau anda bisa langsung menghubungi saya ke wenny@forexmart.com, terimakasih
Posting Komentar