Wednesday, October 26, 2011

Referensi Layout Website Responsif

Di sini kita hanya menggunakan teknik persentase pada elemen. Ini adalah modal awal yang harus Anda pahami sebelum melangkah ke media queries:

layout template responsif
Layout Holy Grail


Simpan Gambar


layout template responsif
Dua Kolom Sidebar Kanan


Simpan Gambar


layout template responsif
Dua Kolom Sidebar Kiri


Simpan Gambar



layout template responsif
Layout Blog Tiga Kolom


Simpan Gambar


layout template responsif
Layout Halaman Berganda


Simpan Gambar


layout template responsif
Layout Halaman Penuh


Simpan Gambar

Seperti halnya width dan height, nilai padding dan margin juga dapat didefinisikan dalam persentase.


Labels: ,

6 Comments:

At Wednesday, October 26, 2011 at 3:42:00 PM GMT+7, Blogger Sinto said...

Wah Makin Mengenai sasaran sekarang tutornya ini yang di tunggu tunggu

 
At Wednesday, October 26, 2011 at 4:54:00 PM GMT+7, Blogger Unknown said...

bisa dijadikan modal utama sebelum edit2 jQuery, hehe
berkunjung mas walaupun OOT, sukses selalu mas :D

 
At Thursday, October 27, 2011 at 8:41:00 AM GMT+7, Blogger Bukit ampai said...

Wah, mantab nih tutorialnya. Tapi salahnya aku ga bisa buat template, padahal udah hampir setahun ngeblog.. :(

 
At Thursday, October 27, 2011 at 9:32:00 AM GMT+7, Blogger Piyen said...

makasih info dan tutorialnya...
sangat membantu

 
At Monday, October 1, 2012 at 11:21:00 AM GMT+7, Blogger Pulung said...

untuk menu navigasi aku masih sulit meletakkan media querienya. gimana nih bang?

 
At Saturday, August 3, 2013 at 8:32:00 PM GMT+7, Blogger Unknown said...

Ini dia yang dicari \o/ soalnya kadang suka bingung nentuin ukuran layoutnya, mesti meraba-raba dulu deh :D .. Hatur nuhun ahh :)

 

Post a Comment

<< Home