Web Design: CSS Part 1 (Background tidak ikut Scroll)

Sebelum memulai saya menggunakan Adobe Dreamweaver CS5 , nah
pertama-tama
buat folder "CSS part 1" lalu masuk dan buat 2 folder lagi yaitu "css" dan "image". masukan gambar yang anda inginkan ke folder "image" untuk di jadikan background

buat codingan HTML biasa

<html>
    <head>
        <title>CSS Part 1</title>
    </head>
    <body>
        <h1>Paragraf 1</h1>
        <p>Isi Apa saja yg penting Banyak</p>
    </body>
</html>

lalu COPY/PASTE kan dari
<h1>Paragraf 1</h1>
<p>Isi Apa saja yg penting Banyak</p>

SAVE AS di folder " CSS part 1" dengan judul " Index.html"

setelah itu baru buat codingan CSS

body{
        background-image: url("../image/123.jpg") ;
        background-size:    100px 600px
        background-repeat: no repeat;
        background-attachment: fixed;
}

h1{
    color: red ;
}

"Color: "warna yang anda inginkan" ;"
lalu SAVE AS di folder "css" dengan format " STYLE.CSS "

setelah itu buka "Index.html" dan PASTEkan code
<link rel="stylesheet" type="text/css" href="css/style.css ">
diantara
<head>
<title>CSS part 1</title>
<link rel="stylesheet" type="text/css" href="css/style.css ">
</head>

jika di scroll ke bawah/ke atas yang bergerak bukanlah gambarnya melainkan teksnya

sekian tutorial CSS part 1

Web Design

Sabtu, 05 Oktober 2013

CSS Part 1 (Background tidak ikut Scroll)

Tidak ada komentar:

Posting Komentar