Senin, 12 April 2010

Bagaimana Solusi Untuk Merapikan Halaman Page elements








Selasa, 08 Mei 2007
























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.

Blogger- Arsip-- PageElements_1254921710382 

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.

 

Blogger- About Me-- PageElements_1254922093856

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:

Anonim mengatakan...

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

Followers