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.
0 comments:
Post a Comment