ลำดับตอนที่ #5
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #5 : โค้ดทำบีจี
การทำBG
มีหลายแบบดังนี้
1. แบบที่ BG
ไม่ขยับตาม
<style type='text/css'>body{
background-image: url(ใส่ URL);
background-attachment: fixed; }</style>
</style>
2. bg ล็อคติดไม่เลื่อนตาม
สกอร์บาร์แต่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
สามารถต่อกันได้พอดีแต่มีขนาดเล็กกว่าหน้า page<o:p></o:p>
<style type="text/css">
body { background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: repeat; } #user-details { border: none; }
.section .content { border: none; } </style>
3. bg ล็อคติดไม่เลื่อนตาม
สกอร์บาร์และไม่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
มีขนาดเท่าหน้า pageคือประมาณ 1000x600px
<style type="text/css">body { background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: no-repeat; } #user-details { border: none; }
.section .content { border: none; } </style>
4. bg ไม่ล็อคติดเลื่อนตาม
สกอร์บาร์และไม่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
มีขนาดเท่าหน้า pageคือประมาณ 1000x600px
<style type="text/css"> body {
background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: no-repeat; }
#user-details { border: none; } .section .content { border: none; } </style>
5. bg ไม่ล็อคติดเลื่อนตาม
สกอร์บาร์แต่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
มีขนาดเล็กกว่าหน้าpageและเรียงต่อกันได้
<style type="text/css">
body { background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: no-repeat; }
#user-details { border: none; } .section .content { border: none; }
</style>
มีหลายแบบดังนี้
1. แบบที่ BG
ไม่ขยับตาม
<style type='text/css'>body{
background-image: url(ใส่ URL);
background-attachment: fixed; }</style>
</style>
2. bg ล็อคติดไม่เลื่อนตาม
สกอร์บาร์แต่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
สามารถต่อกันได้พอดีแต่มีขนาดเล็กกว่าหน้า page<o:p></o:p>
<style type="text/css">
body { background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: repeat; } #user-details { border: none; }
.section .content { border: none; } </style>
3. bg ล็อคติดไม่เลื่อนตาม
สกอร์บาร์และไม่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
มีขนาดเท่าหน้า pageคือประมาณ 1000x600px
<style type="text/css">body { background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: no-repeat; } #user-details { border: none; }
.section .content { border: none; } </style>
4. bg ไม่ล็อคติดเลื่อนตาม
สกอร์บาร์และไม่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
มีขนาดเท่าหน้า pageคือประมาณ 1000x600px
<style type="text/css"> body {
background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: no-repeat; }
#user-details { border: none; } .section .content { border: none; } </style>
5. bg ไม่ล็อคติดเลื่อนตาม
สกอร์บาร์แต่เรียงต่อกันไปเรื่อยๆจนเต็มหน้าเ...ะสำหรับภาพ bg ที่
มีขนาดเล็กกว่าหน้าpageและเรียงต่อกันได้
<style type="text/css">
body { background-image: url(http://image.dek-d.com/9/783888/t_11824478.jpg) ;
background-attachment:fixed; background-repeat: no-repeat; }
#user-details { border: none; } .section .content { border: none; }
</style>
เก็บเข้าคอลเล็กชัน
ความคิดเห็น