Archive

Archive for the ‘CSS’ Category

Create a Responsive Web Design with Media Queries


If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.

View the responsive layout demo

Read more…

Categories: ASP, CSS, HTML, PHP Tags:

CSS Untuk Me-resize Checkbox dan Radio


Sudah kurang lebih 2-3 hari saya beralih profesi menjadi designer, tugas utama saya adalah mencari cara untuk melakukan custom komponen ZK, hari-hari pertama, Bandbox, Combobox, dan Datebox dapat diperbesar, berikutnya hari kedua Spinner dan Timebox dapat diperbesar juga. Hari ketiga ini saatnya memperbesar Checkbox dan Radio, setelah googling berjam-jam, akhirnya saya menemukan cara yang simple, dan berlaku hampir di semua browser. Berikut ini css untuk me-resize checkbox dan radio:

input[type="checkbox"],input[type="radio"] {
    height: 20px;
    width: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

Keterangan:

  • height: 20px; dan width: 20px; untuk me-resize checkbox dan radio.
  • margin-right: 5px; untuk memberi jarak antara square|bullet dengan label.
  • vertical-align: middle; untuk merapikan label agar sejajar dengan square|bullet.

Semoga membantu..

Categories: ASP, CSS, HTML, PHP
%d bloggers like this: