ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    • ฟอนต์ THSarabunNew
    • ฟอนต์ Sarabun
    • ฟอนต์ Mali
    • ฟอนต์ Trirong
    • ฟอนต์ Maitree
    • ฟอนต์ Taviraj
    • ฟอนต์ Kodchasan
    • ฟอนต์ ChakraPetch
••Free Theme บทความ••(ปิดทำการแล้วค่ะ)

ลำดับตอนที่ #2 : •• คั่น :::: ว่าด้วยการใส่ bg ••

  • อัปเดตล่าสุด 12 ม.ค. 51






ในการใส่บีจีก็มีลูกเล่นต่างๆ มากมาย
และสามารถกำหนดตำแหน่งที่จะวางได้

เทมจึงนำโค้ดมาให้ลองไปใช้ดูค่ะ

 

<style type="text/css">

 

<!--

body {background-image:url(ใส่url ของรูป);

background-repeat:no-repeat;

background-position: center center;

background-attachment:fixed}

--></style>

 
*ตรงตัวหนาสีส้ม ให้ใส่
url ของบีจีลงไปค่ะ

>>วิธีการหา url รูป<<

 ทำง่ายๆ โดยการคลิกขวาที่รูปภาพ - >

ไปที่ Properties -> Address (URL)
แล้ว
Copy มาให้หมดนะคะ แลวนำ url ไปใช้ได้เลย

**ส่วนตรงที่เน้นสีเขียวเอาไว้สามารถแทนโค้ดข้างล่างนี้
ลงไปได้ตามความเหมาะสม
.......................................................
มุมขวาบน
background-position: right top;

มุมซ้ายล่าง
background-position: left bottom;

มุมขวาล่าง
background-position: right bottom;

มุมซ้ายบน
background-position: left top;


ปล โค้ดในหน้านี้เป็นแบบใส่บีจีไว้มุมขวาล่างค่ะ





 

ติดตามเรื่องนี้
เก็บเข้าคอลเล็กชัน

ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

loading
กำลังโหลด...

อีบุ๊ก ดูทั้งหมด

loading
กำลังโหลด...

ความคิดเห็น

กำลังโหลด...

ความคิดเห็น

กำลังโหลด...
×
แทรกรูปจากแกลเลอรี่ - Dek-D.com
L o a d i n g . . .
x
เรียงตาม:
ใหม่ล่าสุด
ใหม่ล่าสุด
เก่าที่สุด
ที่กำหนดไว้
*การลบรูปจาก Gallery จะส่งผลให้ภาพที่เคยถูกนำไปใช้ถูกลบไปด้วย

< Back
แทรกรูปโดย URL
กรุณาใส่ URL ที่ขึ้นต้นด้วย
http:// หรือ https://
กำลังโหลด...
ไม่สามารถโหลดรูปภาพนี้ได้
*เมื่อแทรกรูปเป็นการยืนยันว่ารูปที่ใช้เป็นของตัวเอง หรือได้รับอนุญาตจากเจ้าของ และลงเครดิตเจ้าของรูปแล้วเท่านั้น
< Back
สร้างโฟลเดอร์ใหม่
< Back
ครอปรูปภาพ
Picture
px
px
ครอปรูปภาพ
Picture