Furniture

Search This Blog

Perawatan Dinamo Kipas Angin

July 23, 2020

Get link
Facebook
X
Pinterest
Email
Other Apps

Get link
Facebook
X
Pinterest
Email
Other Apps

Comments

Membagi Kolom Widget Secara Horizontal

Jika beberapa waktu yang lalu telah terpostingkan tentang cara membagi kolom widget dalam arah vertical dan horizontal serta di posting sebelum ini juga telah terpostingkan "Membagi Kolom Widget Secara Vertical", maka agar lebih lengkap hingga bisa dipergunakan sebagai pembanding dalam menggunakan kode, maka kali ini coba kita bahas salah satu cara membagi kolom widget dalam arah horizontal. Karena telah terdukung oleh dua artikel yang telah terposting dan karena permainan kode yang digunakan sebenarnya juga tak jauh berbeda, maka untuk yang ini kita tidak akan bongkar secara detail. Satu prisip yang menjadi patokan saat kita berusaha membuat kolom berderet horizontal adalah penggunaan kode float-left, float-right, margin, height, width dan overflow yang dipergunakan untuk membentuk scroll box. Sampeyan dapat menggunakan semua xHTMl dengan bantuan kode float-left saja, float-right saja atau dengan memadukan float-left dan float-right. Jika ukuran tinggi kolom berbeda-beda d...

Box Serba Guna Sidebar Widget dengan CSS3 Transition

Box serbaguna untuk sidebar widget ini dibuat dengan memanfaatkan kode CSS3 yang saat ini menjadi satu pilihan terbaik desain HTML, seperti border-radius, box-shadow atau drop-shadow serta sedikit CSS3 transition untuk membuat animasi. Box bisa secara langsung digunakan sebagai box (wadah) untuk semua widget yang ada di sidebar, termasuk setiap judul widget akan terwadahi di dalamnya. Meskipun demikian, bila diinginkan, dengan sedikit merubah kode maka box ini bisa berfungsi hanya sebagai box untuk isi widgetnya saja (judul widget di luar box). Pada pengembangan selanjutnya, jika sampeyan hanya akan menggunakan box ini untuk salah satu widget saja, maka tinggal lakukan perubahan satu kode maka box hanya akan menjadi wadah bagi 1 (satu) buah widget. Apabila sampeyan ingin merubahnya sebagai scroll box, maka tinggal tambahkan height: ...px; dan overflow: auto; . Jadilah sebuah box serbaguna yang siapapun dengan mudah mampu melakukannya. Ya ... karena semua hanya perlu dilakukan tanpa me...

Membagi Kolom Widget Secara Vertical

Sebuah widget tak harus hanya diisi dengan sebuah widget saja. Hanya dengan menggunakan xHTML maka kolom tersebut bisa dimanfaatkan untuk menempatkan beberapa buah widget, gambar dan/atau teks sekaligus. Bahkan, jika scroll box digunakan, maka setiap box dapat dibuat dengan ketinggian yang kecil sehingga kolom mampu memuat lebih banyak lagi scroll box yang didalamnya berisi widget serta teks dan/atau gambar. Sebagai contoh sampeyan bisa melihat gambar di bawah ini yang memperlihatkan cara pembagian kolom menjadi beberapa box/scroll box dengan ukuran yang bisa di atur. Dalam gambar disebelah terlihat bahwa box pertama mempunyai ketinggian terendah dan dilengkapi scroller (scroll box-1). Box yang di tengah merupakan box yang tertinggi dan dilengkapi scroller juga (scroll box-2). Box yang terabawah sedikit berbeda dengan box pertama dan ke-2 karena box ini dibuat tanpa sebuah scroller. Jika kita ingin menggunakan box seperti ini kita hanya perlu membuang kode height: ..px; dan overflow:...

Powered by Blogger

Perawatan Dinamo Kipas Angin

Comments

Post a Comment