คุณกำลัง login ด้วย [ เปลี่ยนชื่อ | ออกระบบ ]
 กระทู้ Top5 วันนี้ | นิยาย | ค้นหานิยาย | บอร์ดนักเขียน | บอร์ด AF | บอร์ด TheStar | ของที่ระลึก Dek-D | App อ่านนิยายบนมือถือ New! |
  นิยายรักหวานแหวว | นิยายรักเศร้าๆ | นิยายซึ้งกินใจ | นิยายแฟนตาซี | นิยายผจญภัย | เรื่องสบายๆคลายเครียด | แฟนฟิค | วรรณกรรมเยาวชน |
เข้าสู่ My.iD Control สมัครเป็นนักเขียนใหม่ | วิธีลงบทความ กฏเกณฑ์การใช้งาน | การควบคุมเรตติ้ง

Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer]

ตอนที่ 53 : [my.id] เปลี่ยน background เฉพาะหน้าหลัก


     อัพเดท 14 เม.ย. 52
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/ดีไซน์ กราฟิก
Tags: โค้ด, code, แต่งไอดี, ไอดี, แต่ง id, id, My.iD, My.iD2, ตกแต่ง, นิยาย
ผู้แต่ง : Caje ดูเน็ตเวิร์คอื่นๆ ของ Caje
My.iD: https://my.dek-d.com/Caje
< Review/Vote > Rating : 95% [ 233 mem(s) ]
This month views : 37 Overall : 219,568
4,449 Comment(s), [ แฟนพันธุ์แท้ 5111 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 53 : [my.id] เปลี่ยน background เฉพาะหน้าหลัก , ผู้เข้าชมตอนนี้ : 3792 , โพส : 11 , Rating : 20% / 1 vote(s)

ขนาดตัวอักษร : เพิ่มขนาด | ลดขนาด



เผื่อใครอยากได้ bg หน้าหลักที่แตกต่างจากหน้าอื่น ๆ ก็ใช้โค้ดนี้ได้ค่ะ

โค้ดนี้จะตั้งค่าให้ภาพอยู่กับที่ ไม่เลื่อนตามสกอล์บาร์นะคะ

body {
background-image:url(http://ที่อยู่ของรูป);
background-color: #FFFF66;
background-attachment:fixed;
background-repeat: repeat;
}




Propety อื่น ๆ ของ background ที่น่าสนใจค่ะ



Property Description Values
background A shorthand property for setting all background properties in one declaration background-color
background-image
background-repeat background-attachment background-position
background-attachment Sets whether a background image is fixed or scrolls with the rest of the page scroll
fixed
background-color Sets the background color of an element color-rgb
color-hex
color-name
transparent
background-image Sets an image as the background url(URL)
none
background-position Sets the starting position of a background image top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
background-repeat Sets if/how a background image will be repeated repeat
repeat-x
repeat-y
no-repeat




Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 53 : [my.id] เปลี่ยน background เฉพาะหน้าหลัก , ผู้เข้าชมตอนนี้ : 3792 , โพส : 11 , Rating : 20% / 1 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1
# 11 : ความคิดเห็นที่ 4254
ขอบคุณค่า > <
PS.  อาคาคุโรบันไซ! ฟินมายุคุโร แอบจิ้นมุรามิโด(?) นิจิไฮก็(SM?)น่ารักซ้าาา~~~ แถมเท็ตสึคุงจะโมเอ้เกินไปแล้วน้า~!! >w<
Name : ' ✚PLOY : poiz,, ☆ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ' ✚PLOY : poiz,, ☆ [ IP : 183.88.153.6 ]
ส่งข้อความลับ
วันที่: 27 เมษายน 2557 / 23:15
# 9 : ความคิดเห็นที่ 2829
 ใช้ไม่ได้น่ะครับ มันไม่ขึ้น
PS.  K-ON!!
Name : Hirasawa Yui < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Hirasawa Yui [ IP : 61.90.6.80 ]
ส่งข้อความลับ
วันที่: 18 ธันวาคม 2554 / 23:53
# 8 : ความคิดเห็นที่ 2658
 คุงคับ
PS.  การมีชีวิตอยู่ คือการตระหนักว่าสักวันหนึ่งเราจะตาย...
Name : God Rommel Romeo < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ God Rommel Romeo [ IP : 118.173.45.162 ]
ส่งข้อความลับ
วันที่: 4 พฤศจิกายน 2554 / 22:17
# 7 : ความคิดเห็นที่ 2630
ขอบคุณสำหรับโค้ดนี้นะคะ :D
PS.  960902 ' 정용화 이종현 이정신 강민혁 ' SHINE ' FT ISLAND : POOR SEUNGHYUN :P
Name : FTCN. ♡ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ FTCN. ♡ [ IP : 58.11.177.185 ]
ส่งข้อความลับ
วันที่: 1 พฤศจิกายน 2554 / 13:59
# 6 : ความคิดเห็นที่ 2580
 ขอบคุณมากๆค่ะ^ ^
Name : natpooh < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ natpooh [ IP : 49.48.124.20 ]
ส่งข้อความลับ
วันที่: 22 ตุลาคม 2554 / 22:26
# 5 : ความคิดเห็นที่ 2538
 ขอบคุณค่ะ
PS.  New Prince of Tennis (ภาค 2 ต่อจากเล่ม 42) (แปลไทย)http://writer.dek-d.com/Minene/writer/view.php?id=608142
Name : * Pukky..!! < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ * Pukky..!! [ IP : 115.87.129.185 ]
ส่งข้อความลับ
วันที่: 19 ตุลาคม 2554 / 15:01
# 10 : ความคิดเห็นที่ 2174
 ขอบคุณค่าาาาา>o<
เป็นบทความที่ดีมากเลยยย~
Name : Y@-n-u-s < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Y@-n-u-s [ IP : 101.51.215.91 ]
ส่งข้อความลับ
วันที่: 12 เมษายน 2555 / 22:10
# 4 : ความคิดเห็นที่ 1793
ขอบคุณค่ะ :)
PS.  ฉันเป็นผู้หญิงหลายใจ ผู้ชายสิบแปดคน {ซูเปอร์จูเนียร์ ๑๓ ,, ดงบังชินกิ ๕}
Name : W.Kaori ★ {เอลฟ์แคสตาคุ} < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ W.Kaori ★ {เอลฟ์แคสตาคุ} [ IP : 183.89.42.128 ]
ส่งข้อความลับ
วันที่: 5 เมษายน 2554 / 18:45
# 3 : ความคิดเห็นที่ 1706

ขอบคุณค่ะ


PS.  เลือก...ที่จะไม่เลือก เท่ากับสร้างตัวเลือกอยู่ดี
Name : ผงแป้งฝุ่น < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ผงแป้งฝุ่น [ IP : 183.89.133.200 ]
ส่งข้อความลับ
วันที่: 24 มีนาคม 2554 / 19:01
# 2 : ความคิดเห็นที่ 1425
thank you
PS.  I believe 13 Forever นร้า
Name : I'm Som.o < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ I'm Som.o [ IP : 125.24.51.29 ]
ส่งข้อความลับ
วันที่: 11 มกราคม 2554 / 14:41
# 1 : ความคิดเห็นที่ 1347

ทำเหมือนที่ครูข้าน้อยสอนเลยเจ้าค่ะ  ^ ^


PS.  สายลมคือส่วนหนึ่งของชีวิตฉัน....ส่วนเงานั้นคือเพื่อนรัก....ตลอดกาล...เจ้าค่ะ
Name : kazeya - san..( >_<//) < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ kazeya - san..( >_<//) [ IP : 183.89.134.143 ]
ส่งข้อความลับ
วันที่: 14 ธันวาคม 2553 / 17:33
หน้าที่ 1
Post your comment : แสดงความคิดเห็น
ส่วนที่ 1: Message ข้อความ

ส่วนที่ 2 : Name ลงชื่อ
  โพสความเห็นด้วย member Login name Password
  โพสความเห็นไม่แสดง member : ชื่อ* email รูปตัวแทน
            พิมพ์เลขที่เห็น

เธซเธ™เธฑเธ‡เธชเธทเธญเนƒเธซเธกเนˆเธ›เธฃเธฐเธˆเธณเน€เธ”เธทเธญเธ™เธžเธคเธฉเธ เธฒเธ„เธก 2561

ข้อตกลง & เงื่อนไขการใช้งาน

  • กรณีที่ผลงานชิ้นนี้เป็นผลงานที่แต่งโดยผู้ลงผลงานเอง ลิขสิทธิ์ของผลงานนี้จะ
    เป็นของผู้ลงผลงานโดยตรง ห้ามมิให้คัดลอก ทำซ้ำ เผยแพร่ ก่อนได้รับอนุญาต
    จากผู้ลงผลงาน

  • กรณีที่ผลงานชิ้นนี้กระทำการคัดลอก ทำซ้ำ มาจากผลงานของบุคคลอื่นๆ ผู้ลง
    ผลงานจะต้องทำการอ้างอิงอย่างเหมาะสม และต้องรับผิดชอบเรื่องการจัดการ
    ลิขสิทธิ์แต่เพียงผู้เดียว

  • ข้อความและรูปภาพที่ปรากฏอยู่ในผลงานที่ท่านเห็นอยู่นี้ เกิดจากการส่งเข้าระบบ
    โดยอัตโนมัติจากบุคคลทั่วไป ซึ่งเด็กดีดอทคอมมิได้มีส่วนร่วมรู้เห็น ตรวจสอบ
    หรือพิสูจน์ข้อเท็จจริงใดๆ ทั้งสิ้น ผู้ใดพบเห็นการลงผลงานละเมิดลิขสิทธิ์ หรือ
    ไม่เหมาะสมโปรดแจ้งผู้ดูแลระบบเพื่อดำเนินการทันที
    Email: contact(at)dek-d.com ( ทุกวัน 24 ชม ) หรือ
    Tel: 0-2860-1142 ( จ-ศ 0900-1800 )

App อ่านนิยายบน iPad iPhone และ Android