RPL4rt

Inspirasi Yg Tinggi Membuatku Menjadi Hidup..

Iklan Murah
Cara Membuat Gambar Background Full Page.docx

Cara Membuat Gambar Background Full Page

Waktu itu temen pernah nanya tentang backgroundnya biar full gk tile (yang nyambung nyambung) di halaman site..
setelah googling selama 2rb tahun lamanya, akhirnya ketemu juga yang pas.. :3

oke saya mulai saja... :D
disini saya menggunakan gambar berukuran 960 x 720 px untuk dijadikan background..

bg.jpg
Kode HTMLnya :
        <html >
        <head>
            <title><!-- Masukan Titlenya --></title>
        </head>
        <body>
<style>   
    body {
         margin: 0;
         padding: 0;
         text-align: center;
    }
    .bg {
         width: 100%;
         height: 100%;
         position: fixed;
         z-index: 1;
         float: left;
         left: 0;
    }
    .content {
         width: 80%;
         height: auto;
         margin: 0 auto;
         position: relative;
         z-index: 5;
         background: #fff;
         padding: 30px;
         text-align: left;
    }
    </style>
            <img src="bg.jpg" alt="gambar" class="bg" />
            <!-- tambahan content -->
            <div class="content">
                <p>I Dont Care What u think about me..</p>
                <p><a href="http://rpl4rt.blogspot.com">RPL4rt</a></p>
                <p>Simple site..</p>
            </div>
        </body>
        </html>

untuk demo bisa di lihat DISINi
Untuk Lebih Jelasnya Silahkan Masuk Sini
Sekian postingan dari saya..
Semoga membantu untuk belajar CSSnya dan semoga bermanfaat ;)
Anda baru saja membaca artikel yang berkategori CSS / Web dengan judul Cara Membuat Gambar Background Full Page. Anda bisa bookmark halaman ini dengan URL http://rpl4rt.blogspot.com/2013/01/cara-membuat-gambar-background-full-page.html. Terima kasih!
Ditulis oleh: Dika - Jumat, 25 Januari 2013

2 komentar untuk "Cara Membuat Gambar Background Full Page"

Harap berkomentar sesuai dengan isi posting & komentar spam tidak akan ditampilkan.

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus

Copyright © 2017 RPL4rt Powered by Blogger