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

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

ตอนที่ 67 : [writer] เปลี่ยนสี / ใส่ภาพพื้นหลังชื่อบทความ


     อัพเดท 28 พ.ค. 53
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/ดีไซน์ กราฟิก
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 : 36 Overall : 219,510
4,449 Comment(s), [ แฟนพันธุ์แท้ 5114 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 67 : [writer] เปลี่ยนสี / ใส่ภาพพื้นหลังชื่อบทความ , ผู้เข้าชมตอนนี้ : 12158 , โพส : 71 , Rating : 100% / 5 vote(s)

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



เป็นตรงส่วนของกล่องชื่อเรื่องในหน้าบทความ และตรงกล่องที่บอกว่า เลือกอ่านตอนต่าง ๆ กับ คำวิจารณ์ ค่ะ

แบบแรก : ใส่เป็นรหัสสี

<style type="text/css">
.head1 {
    background: #ค่าสีที่ต้องการ}
.head2 {
   
background: #ค่าสีที่ต้องการ;}
</style>


แบบที่สอง : ใส่เป็นภาพพื้นหลัง

<style type="text/css">
.head1 {
   
background: url(http://ที่อยู่ไฟล์รูป);}
.head2 {
    background: url(http://ที่อยู่ไฟล์รูป);}
</style>


เลือกใช้เพียงแบบใดแบบหนึ่งก็พอค่ะ ^^



[note] ตารางเทียบสี >> รหัสสีเบื้องต้น


ตัวอย่างของแบบแรกดูให้จากหน้าหลักของบทความนี้เลยค่ะ


ส่วนตัวอย่างแบบที่สอง ดูได้จากทางหน้านี้นะคะ

http://my.dek-d.com/CoffeeCup/writer/view.php?id=230501

ขอบคุณ Coffee Cup ที่แนะนำมาด้วยค่ะ ^^



อธิบายโค้ดเพิ่มเติมเล็กน้อยนะคะ

head1 คือเจ้ากล่องสีเหลืองเข้มหลังคำว่า ห้องทดลองของดอกเตอร์...



head2 คือกล่องสีเหลืองที่
มีรูปดินสออยู่ด้วย


ตรงไหนเป็นตรงไหนบ้าง ลองทดลองใช้งานดูก็ได้ค่ะ ^^


 



Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Code และเทคนิคตกแต่ง My.iD2 และหน้าบทความ [Writer] ตอนที่ 67 : [writer] เปลี่ยนสี / ใส่ภาพพื้นหลังชื่อบทความ , ผู้เข้าชมตอนนี้ : 12158 , โพส : 71 , Rating : 100% / 5 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1 | 2 | 3
# 71 : ความคิดเห็นที่ 4302
ไม่ได้อ่ะเอาไปวางในช่องใส่โค้ดแล้วนะคะแต่ทำไมพอกดบันทึกแล้วเขาไปดูมันไม่เห็นเปลี่ยนเลยอ่ะคะ 
PS.  ใช้ชีวิตในแบบของตัวเองตามสไตล์ที่ตัวเองชอบและขีดเขียนไว้นี้แหละตัวฉัน ชีวิตแบบนั้นมันโคตสนุกและเป็นอิสสระ
Name : Babybrow < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Babybrow [ IP : 1.46.134.26 ]
ส่งข้อความลับ
วันที่: 21 พฤศจิกายน 2557 / 23:15
# 70 : ความคิดเห็นที่ 4280
ขอบคุณค่า ^_^
PS.  A watched pot never boils
Name : Pazlenzico < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Pazlenzico [ IP : 119.76.40.185 ]
ส่งข้อความลับ
วันที่: 11 สิงหาคม 2557 / 08:58
# 69 : ความคิดเห็นที่ 4263
เอาไปใส่ไว้ตรงไหนหรอค่ะ
PS.  ขอบคุณค่ะ
Name : Lana's Summer < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Lana's Summer [ IP : 223.204.248.149 ]
ส่งข้อความลับ
วันที่: 15 พฤษภาคม 2557 / 13:17
# 68 : ความคิดเห็นที่ 4242
ขอบคุณนะคะ ><
PS.  โย้วเย้ <3
Name : Bentenzii < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Bentenzii [ IP : 171.7.183.118 ]
ส่งข้อความลับ
วันที่: 16 เมษายน 2557 / 17:28
# 67 : ความคิดเห็นที่ 4240
ทั้งหมดนี้ต้องเอาไปวางไว้ส่อนไหนหรอคะ?


PS.  อย่าคิดดูถูกติ่งเกาหลี
Name : plangy77 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ plangy77 [ IP : 49.230.112.238 ]
ส่งข้อความลับ
วันที่: 11 เมษายน 2557 / 23:53
# 66 : ความคิดเห็นที่ 4206
ขอบคุณ
Name : Magdelane < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Magdelane [ IP : 183.89.104.9 ]
ส่งข้อความลับ
วันที่: 21 มีนาคม 2557 / 17:50
# 65 : ความคิดเห็นที่ 4204
เปลี่ยนสีตัวอักษรชื่อบทความยังไงคะ ;w;
PS.  มาเป็นเพื่อนกันนะเมี๊ยวววววววว
Name : ลูกแมวน้อยสีคราม < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ลูกแมวน้อยสีคราม [ IP : 171.7.249.161 ]
ส่งข้อความลับ
วันที่: 19 มีนาคม 2557 / 19:41
# 64 : ความคิดเห็นที่ 4155
ตรงที่อยู่ไฟล์รูปเอาจากตรงไหนหรอค่ะงงมาก
Name : zinzar00 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ zinzar00 [ IP : 101.109.110.191 ]
ส่งข้อความลับ
วันที่: 5 มกราคม 2557 / 12:42
# 63 : ความคิดเห็นที่ 4152
ขอบคุณค่ะ
Name : OoโมดีเอียoO < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ OoโมดีเอียoO [ IP : 171.98.102.47 ]
ส่งข้อความลับ
วันที่: 25 ธันวาคม 2556 / 12:04
# 62 : ความคิดเห็นที่ 4002
ขอบคุณค่ะมาก
PS.  ความบังเอิญไม่มีในโลกหรอกนะ จะมีก็แต่พรหมลิขิต
Name : shinigami < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ shinigami [ IP : 101.108.56.195 ]
ส่งข้อความลับ
วันที่: 8 มิถุนายน 2556 / 14:30
# 61 : ความคิดเห็นที่ 3985
ช่วยได้มากเลย ขอบคุณนะ
PS.  ประสบการณ์ที่ได้รับมา มันไม่มีคำว่าเปล่าประโยชน์หรอก
Name : >>JeMaJe<< < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ >>JeMaJe<< [ IP : 113.53.87.245 ]
ส่งข้อความลับ
วันที่: 12 พฤษภาคม 2556 / 23:24
# 60 : ความคิดเห็นที่ 3931
ขอบคุณนะคะ
PS.  \('-' \)\( ' - ' )/(/ '-')/
Name : ✿*~The DamRee~’✿ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ✿*~The DamRee~’✿ [ IP : 171.6.155.173 ]
ส่งข้อความลับ
วันที่: 20 เมษายน 2556 / 17:21
# 59 : ความคิดเห็นที่ 3926
ขอบคุณมากค่ะ
PS.  わたしが KiLLER LADY :P
Name : `✖ MELT✖ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ `✖ MELT✖ [ IP : 49.48.200.71 ]
ส่งข้อความลับ
วันที่: 18 เมษายน 2556 / 21:28
# 58 : ความคิดเห็นที่ 3916
รหัสสีมันเอามาจากไหนค่ะ?.\\\\\\\\\\\\.
PS.  ผีเสื้อน่ะ......ทั้งที่รู้ว่าหากเข้าใกล้แสงสว่างมากเกินก็จะสูญเสียปีกไป....แต่ก็ยังเข้าไปใกล้แสงนั้น.....เพราะผีเสื้อนั้นรู้ตัวว่าตนเองนั้นไร้แสงสว่าง.....
Name : โอตาคุไร้แว่น < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ โอตาคุไร้แว่น [ IP : 27.55.154.24 ]
ส่งข้อความลับ
วันที่: 12 เมษายน 2556 / 13:26
# 57 : ความคิดเห็นที่ 3792
ขอบคุณมากค่ะ
PS.  •´¯`•Ψ... นิยามความรักก็คือนามปากกา "ดมิศรา... งดงามในความมืด" ...Ψ•´¯`•
Name : ดมิศรา < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ดมิศรา [ IP : 125.24.26.34 ]
ส่งข้อความลับ
วันที่: 1 กุมภาพันธ์ 2556 / 01:55
# 56 : ความคิดเห็นที่ 3769
ขอโทษนะคะ 
ที่โคดอ่ะคะ เอาไปใส่ในที่ไหนหรอคะ
แง้ ไม่รู้จริงๆอ่ะคะ

PS.  ความรักคือสิ่งที่สวยงาม สามารถสร้างทุกๆอย่างได้ และก็พร้อมที่จะทำลายทุกๆอย่างได้เช่นกัน ^0^
Name : Ningnong_K < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Ningnong_K [ IP : 171.99.154.63 ]
ส่งข้อความลับ
วันที่: 11 มกราคม 2556 / 19:59
# 55 : ความคิดเห็นที่ 3696
ขอบคุณค่ะ
PS.  โอ้ววว ม่าย ป้อจาย 'ได้กัน'
Name : -*‧:❉GuMmY❉:‧*- < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ -*‧:❉GuMmY❉:‧*- [ IP : 171.5.97.179 ]
ส่งข้อความลับ
วันที่: 31 ตุลาคม 2555 / 23:06
# 54 : ความคิดเห็นที่ 3674
ถ้าจะเปบี่ยนสีตัวอักษรนั้นด้วยนะค๊ะ มีไหม อยากเปลี่ยนนะค๊ะ

ขุบคุณค๊ะ ความรู้ดี ๆ นะค๊ะ
PS.  きょうは どうぞ よろしく おねがいします。 
Name : ซากุราซากะ ฮิคารุ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ซากุราซากะ ฮิคารุ [ IP : 125.27.175.63 ]
ส่งข้อความลับ
วันที่: 20 ตุลาคม 2555 / 16:11
# 53 : ความคิดเห็นที่ 3626
ขอบคุณมากๆค่ะ
PS.  ยิ้มสิ.............โลกสดใสนะ :D
Name : ทำไง? หัวใจ"วาย" < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ทำไง? หัวใจ"วาย" [ IP : 223.207.178.56 ]
ส่งข้อความลับ
วันที่: 2 ตุลาคม 2555 / 22:43
# 52 : ความคิดเห็นที่ 3580
ขอบคุณค่ะ ^ ^
Name : AvrilLavigne < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ AvrilLavigne [ IP : 125.27.102.55 ]
ส่งข้อความลับ
วันที่: 18 กันยายน 2555 / 19:20
# 51 : ความคิดเห็นที่ 3519
อบคุณมากค่ะ
PS.  ฉันคือคนที่จะเป็นราชาโจรสลัด ><'
Name : LookwAiiZ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ LookwAiiZ [ IP : 101.108.217.141 ]
ส่งข้อความลับ
วันที่: 8 สิงหาคม 2555 / 20:00
# 50 : ความคิดเห็นที่ 3514
ขอบคุณมากๆเลยน้ะค่ะ><
PS.  E.L.F SHINeeWorld KissMe Inspirit Angel Bestfriend รักม๊ากก
Name : Freedom FLY < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Freedom  FLY [ IP : 101.109.62.184 ]
ส่งข้อความลับ
วันที่: 4 สิงหาคม 2555 / 12:25
# 49 : ความคิดเห็นที่ 3509
ขอบคุนมากค่าาา
Name : Amane < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Amane [ IP : 171.5.5.187 ]
ส่งข้อความลับ
วันที่: 3 สิงหาคม 2555 / 01:36
# 48 : ความคิดเห็นที่ 3496
ขอบคุณคร้าบ
Name : TiiL < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ TiiL [ IP : 180.183.235.164 ]
ส่งข้อความลับ
วันที่: 26 กรกฎาคม 2555 / 18:26
# 47 : ความคิดเห็นที่ 3468
-v-bขอบคุณคะ

PS.  อาจไม่สุภาพขอโทษด้วย
Name : outwit < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ outwit [ IP : 223.207.80.99 ]
ส่งข้อความลับ
วันที่: 4 กรกฎาคม 2555 / 18:35
หน้าที่ 1 | 2 | 3
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