Tuesday, February 7, 2012

Set Ukuran Elemen Satu Layar Penuh dengan jQuery

$('#overlay').css({
    width:  $(window).width(),
    height: $(window).height()
});

Lebar Mengikuti Ukuran Layar Saat Layar Berubah Ukuran

function elasticWidth() {
    $('#overlay').css({
        width:  $(window).width(),
        height: $(window).height()
    });
} elasticWidth();

$(window).resize(function() {
    elasticWidth();
});

Lihat Demo

Labels: , ,

4 Comments:

At Tuesday, February 7, 2012 at 3:47:00 PM GMT+7, Blogger Sinto said...

Wah Harus di Apain Tuh hehehehe Code Snippet bebern2 cuman kode aja yang di share ckckckckcckk

 
At Saturday, November 3, 2012 at 4:51:00 PM GMT+7, Blogger Unknown said...

om taufik, gimana cara membuat ukuran lebar hanya pada halaman post menjadi fluid, tapi gak mempengaruhi halaman lainnya ?

mohon dibantu 0:)

 
At Saturday, November 3, 2012 at 9:19:00 PM GMT+7, Blogger Taufik Nurrohman said...

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
#main-wrapper {width:500px}
</style>
<b:else/>
<style>
#main-wrapper {width:auto}
</style>
</b:if>

 
At Tuesday, December 4, 2012 at 12:23:00 AM GMT+7, Blogger Unknown said...

Waduh ini yang saya cari-cari dari dulu, tapi gak dapet-dapet. Sekarang dapet kode nya, tapi masih tetep bingung soal peletakan kode nya. Om, itu kode untuk "Lebar Mengikuti Ukuran Layar Saat Layar Berubah Ukuran" peletakan nya ditaruh di bagian mana pada sesi 'edit html'. Maklum om, saya masih newbie banget tapi pengen belajar. Mohon di-respon ya om, soalnya tutorialnya di google juga susah dapetnya. Thanks sebelumnya! ^_^

 

Post a Comment

<< Home