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.
1. Header-Wrapper
2. Main-Wrapper
3. Sidebar-Wrapper
4. 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.