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

โ ค้ ด แ ม ว

ตอนที่ 1 : (H o w t o*) ; วิธีใส่โค้ดในเว็บ & ใช้โค้ดชี้ภาพเฉพาะบางภาพ


     อัพเดท 26 เม.ย. 58
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/สิ่งของ intrend
Tags: ยังไม่มี
ผู้แต่ง : มิสเกล้าอิสอิ้ส ดูเน็ตเวิร์คอื่นๆ ของ มิสเกล้าอิสอิ้ส
My.iD: https://my.dek-d.com/bananajub555
< Review/Vote > Rating : 97% [ 452 mem(s) ]
This month views : 166 Overall : 155,569
11,875 Comment(s), [ แฟนพันธุ์แท้ 5696 คน ]

[ กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
โ ค้ ด แ ม ว ตอนที่ 1 : (H o w t o*) ; วิธีใส่โค้ดในเว็บ & ใช้โค้ดชี้ภาพเฉพาะบางภาพ , ผู้เข้าชมตอนนี้ : 9925 , โพส : 61 , Rating : 100% / 7 vote(s)

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


  ◈ L e s s o n 1 ◈   



` The cat โค้ดแมวๆ ●
How to
' วิธีนำโค้ดไปใช้ในบทความ/นิยาย/writer  '

 

ง่ายๆ ทำตามขั้นตอนเลยจร๊าา หรืออีกวิธีคือ คลิก 
(วิธีในลิงค์ที่ให้'คลิก'จะใช้กับหน้าหลักบทความ
ส่วนวิธีด้านล่างภาพนี้คือ ใช้ในตอนย่อยนะคะ)

เปิดมาหน้าที่จะเขียนนิยาย จะเจอแถบแบบนี้ใช้ปร้ะ ?



ให้คลิกคำว่า "ดูรหัส HTML"
พอกดปุ๊บมันก็จะมีหน้าอย่างนี้
v
v
(ดูๆแล้วมันคล้ายกับภาพข้างบนใช่มะ แต่สังเกตุดีๆ ตรงแถบไอค่อนด้านบนบางไอค่อนมันจางลงนะ)
พอกดปุ๊บเจอหน้าอย่างนี้ก็วางโค้ดลงไปเลยคะ เสร็จก็กด บันทึกการเปลี่ยนแปลง 
ง่ายมั้ยง่ายมั้ย สงสัย Qmsg มาที่หน้าไอดีเค้าได้จ้า




  ◈ L e s s o n 2 ◈   



` The cat โค้ดแมวๆ ●
How to
' ใส่โค้ดชี้ภาพเฉพาะบางภาพ ไม่รวมทั้งหมด '

 



วิธีการใช้โค้ดเฉพาะภาพที่เราต้องการอยากทำ ใช้วิธีการดังนี้

1 | เราต้องมีหน้าตาโค้ดแบบนี้ซะก่อน

<style type="text/css">
img[src="ใส่ URL ภาพ"]:hover{
}</style>
 
 
<style type="text/css">
img[src="ใส่ ULR ภาพ"]{
}</style>

2 | หน้าตาโค้ดจากแตกต่างกันตรงคำว่า :hover
ที่ไฮไลท์สีเขียว ซึ่ง โค้ดชี้ภาพทุกโค้ดในบทความเราจะมีคำว่า img:hover{ และ img{

มาดูตัวอย่างกันเลย เราจะใช้โค้ดนี้นะคะ จากตอนที่ 2

<style type="text/css">
img:hover{
-webkit-box-shadow: 0px 0px 3px 3px #b39f62 ;
box-shadow: 0px 0px 3px 3px  #b39f62;
}
img{
-webkit-box-shadow: 0px 0px 3px 3px #f5ccdc;
box-shadow: 0px 0px 3px 3px #f5ccdc;
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>

3 | ยกชุดแรกมา

เราจะใช้ภาพนี้ ก็ก๊อป URL ของภาพมาใส่ตรงช่องที่ให้ใส่เลย



<style type="text/css">
img[src="ใส่ URL ภาพ"]:hover{
}</style>
 
 
<style type="text/css">
img[src="ใส่ ULR ภาพ"]{
}</style>


( ขั้นแรกก๊อป URL ภาพมาแล้วจะได้แบบนี้ )

<style type="text/css">
img[src="http://41.media.tumblr.com/tumblr_lryj0pG0981qmvn4wo1_500.jpg"]:hover{
}</style>
 
 
<style type="text/css">
img[src="http://41.media.tumblr.com/tumblr_lryj0pG0981qmvn4wo1_500.jpg"]{
}</style>


( ขั้นตอนที่ 2 คัดลอกโค้ดต้นแบบไปใส่ในช่องที่เราก๊อป URL เสร็จไปแล้ว )

<style type="text/css">
img:hover{
-webkit-box-shadow: 0px 0px 3px 3px #b39f62 ;
box-shadow: 0px 0px 3px 3px  #b39f62;
}
img{
-webkit-box-shadow: 0px 0px 3px 3px #f5ccdc;
box-shadow: 0px 0px 3px 3px #f5ccdc;
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}
</style>

คัดลอก :hover ใส่ตรงที่ของมัน 
และ คัดลอก img ใส่ตรงที่ของมันเช่นเดียวกัน

<style type="text/css">
img[src="http://41.media.tumblr.com/tumblr_lryj0pG0981qmvn4wo1_500.jpg"]:hover{
-webkit-box-shadow: 0px 0px 3px 3px #b39f62;
box-shadow: 0px 0px 3px 3px  #b39f62;
}</style>
 
 
<style type="text/css">
img[src="http://41.media.tumblr.com/tumblr_lryj0pG0981qmvn4wo1_500.jpg"]{
-webkit-box-shadow: 0px 0px 3px 3px #f5ccdc;
box-shadow: 0px 0px 3px 3px #f5ccdc;
-webkit-transition: all 1.0s ease;
transition: all 1.0s ease;
}</style>



เสร็จแล้วแท้นแท่นนน








B ♔ W


Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
โ ค้ ด แ ม ว ตอนที่ 1 : (H o w t o*) ; วิธีใส่โค้ดในเว็บ & ใช้โค้ดชี้ภาพเฉพาะบางภาพ , ผู้เข้าชมตอนนี้ : 9925 , โพส : 61 , Rating : 100% / 7 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1 | 2 | 3
# 61 : ความคิดเห็นที่ 11832
ขอบคุณครับ
 

PS.  NATDANAI ナッダナイ
Name : POND_NATDANAI < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ POND_NATDANAI [ IP : 58.11.24.199 ]
ส่งข้อความลับ
วันที่: 22 กรกฎาคม 2561 / 15:38
# 60 : ความคิดเห็นที่ 11638
ขอบคุณมากๆค้าา
Name : MygJjr < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ MygJjr [ IP : 27.130.229.21 ]
ส่งข้อความลับ
วันที่: 19 กันยายน 2560 / 00:34
# 59 : ความคิดเห็นที่ 11527
เราทำตามแล้วทำไมรูปภาพมันไม่ขึ้นล่ะคะ ฮือไม่เข้าใจตรง :hoover กับ img 
PS.  #MEDCU63 #WINNER #YGSTAND #บินซอก #ซอกบิน #ฮึงซุน
Name : Mina_Chu+Chu < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Mina_Chu+Chu [ IP : 96.30.66.118 ]
ส่งข้อความลับ
วันที่: 1 พฤษภาคม 2560 / 13:36
# 58 : ความคิดเห็นที่ 11217
ขอบคุณมากจริงๆ  ค่ะ  หาวิธีอยู่นานมากเลย
Name : Choco_Chocky < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Choco_Chocky [ IP : 49.228.114.68 ]
ส่งข้อความลับ
วันที่: 12 ตุลาคม 2559 / 18:17
# 57 : ความคิดเห็นที่ 11035
เราทำตามแล้วทำไมมันใช้ไม่ได้อ่า... งง @_@
Name : Mamiar < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Mamiar [ IP : 125.25.25.173 ]
ส่งข้อความลับ
วันที่: 1 มิถุนายน 2559 / 14:07
# 56 : ความคิดเห็นที่ 10950
คือเรางงนิดหน่อยค่ะ ;__; ที่งงเพราะว่าเราลองทำตามแล้วมันใช้ไม่ได้
ใช้ได้แค่ตอนเดียวคือตอนที่ 10 อยากใช้อันอื่นๆได้มั่ง ต้องทำยังไงคะ ฮื่อออ
Name : F.xxx < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ F.xxx [ IP : 171.98.177.58 ]
ส่งข้อความลับ
วันที่: 7 พฤษภาคม 2559 / 22:12
# 55 : ความคิดเห็นที่ 10907
ขอบคุณมากๆเลยค่ะ
PS.  am a daring girl at dtc. ปาติซร์ / Timothy mafriend 'nd that one #T^T ข้าน้อยคัมแบ็คแล้ววว
Name : ปดิวรัดา < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ปดิวรัดา [ IP : 103.26.23.217 ]
ส่งข้อความลับ
วันที่: 1 พฤษภาคม 2559 / 15:56
# 54 : ความคิดเห็นที่ 10805
ขอบคุณค่ะ
PS.  For every minute you are angry you lose sixty seconds of happiness.
Name : AP. ♔ PuFF < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ AP. ♔ PuFF [ IP : 223.204.15.31 ]
ส่งข้อความลับ
วันที่: 16 เมษายน 2559 / 12:12
# 53 : ความคิดเห็นที่ 10478
ขอบคุณค่ะ กำลังอยากได้พอดีเลย >.,
PS.  - I HAD ONLY LONELINESS TO WALK AND EMBRACE with ... -
Name : illlua < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ illlua [ IP : 103.26.23.215 ]
ส่งข้อความลับ
วันที่: 2 มกราคม 2559 / 20:28
# 52 : ความคิดเห็นที่ 10372
ttttttttttt

แก้ไขครั้งที่ 1 เมื่อ 28 มกราคม 2559 / 16:02
แก้ไขครั้งที่ 2 เมื่อ 28 มกราคม 2559 / 16:03
Name : abx13 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ abx13 [ IP : 119.42.114.228 ]
ส่งข้อความลับ
วันที่: 18 พฤศจิกายน 2558 / 09:42
# 51 : ความคิดเห็นที่ 10309
สุดยอด ขอบคุณมากครับ
Name : BoomIU < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ BoomIU [ IP : 61.7.186.183 ]
ส่งข้อความลับ
วันที่: 20 ตุลาคม 2558 / 17:40
# 50 : ความคิดเห็นที่ 10173
ขอยืมนะคะ
PS.  ความฝันคือชีวิต ดัดจริตคืออัลไล?┌(^_^)┘♪└(^_^)┐
Name : S|͇̿t͇̿|ar < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ S|͇̿t͇̿|ar [ IP : 171.7.228.60 ]
ส่งข้อความลับ
วันที่: 20 กันยายน 2558 / 19:58
# 49 : ความคิดเห็นที่ 9752
URL คืออะไรหรอคะ

Name : เอมจัง < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ เอมจัง [ IP : 14.207.243.233 ]
ส่งข้อความลับ
วันที่: 8 พฤษภาคม 2558 / 13:53
# 48 : ความคิดเห็นที่ 9695
ถ้าไม่ได้ใช้โค้ด แต่อยากให้กะลังใจอ่ะ ได้ป่ะครับ ^^ แฮะๆ
Name : ไม่บอก :p [ IP : 101.51.201.178 ]

วันที่: 4 พฤษภาคม 2558 / 13:12
# 47 : ความคิดเห็นที่ 9646
งงตรงขั้นตอนที่2 อ่ะค่ะ ช่วยอธิบายได้มั้ยค่ะ
Name : N'Aun'Pan'nn < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ N'Aun'Pan'nn [ IP : 101.109.179.44 ]
ส่งข้อความลับ
วันที่: 29 เมษายน 2558 / 14:56
# 46 : ความคิดเห็นที่ 9548
ขอบคุณค้า ><
Name : poppy9492 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ poppy9492 [ IP : 49.230.107.27 ]
ส่งข้อความลับ
วันที่: 20 เมษายน 2558 / 10:06
# 45 : ความคิดเห็นที่ 9367
ขอบคุณมากๆค่ะ
Name : Ncysap < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Ncysap [ IP : 49.237.160.225 ]
ส่งข้อความลับ
วันที่: 4 เมษายน 2558 / 15:22
# 44 : ความคิดเห็นที่ 9036
เจ๋ง! ขอบคุณคร้าบ
PS.  เชื่อมั่นในการกระทำของตนเอง ผลสำเร็จแบบนั้นแหละที่จะเรียกว่า 'ปาฏิหาริย์' ที่แท้จริง...
Name : Cabilusz'zz < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Cabilusz'zz [ IP : 58.9.92.224 ]
ส่งข้อความลับ
วันที่: 10 มีนาคม 2558 / 11:52
# 43 : ความคิดเห็นที่ 9022
ขอบคุณค่ะ
Name : [ เถาไอวี่_] < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ [ เถาไอวี่_] [ IP : 49.230.157.98 ]
ส่งข้อความลับ
วันที่: 9 มีนาคม 2558 / 14:36
# 42 : ความคิดเห็นที่ 8852
ขอบคุณสำหรับความรู้มากเลยคะ ก็งงตั้งนาน
PS.  ทำไมต้องให้หมอดูมากำหนดอนาคตในมือเราด้วยละ มือของเรา เราก็กำหนดเองสิ...
Name : -Ao Sora- < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ -Ao Sora- [ IP : 171.5.192.127 ]
ส่งข้อความลับ
วันที่: 8 กุมภาพันธ์ 2558 / 16:13
# 41 : ความคิดเห็นที่ 8733
ขอบคุณค่าาาา ^ ^

PS.  คำอธิษฐานจงสมฤทธิ์ผล...
Name : ผู้วิเศษคนที่0 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ผู้วิเศษคนที่0 [ IP : 223.206.249.6 ]
ส่งข้อความลับ
วันที่: 19 มกราคม 2558 / 10:51
# 40 : ความคิดเห็นที่ 8732
ขอบคุณค่าา ^ ^

PS.  คำอธิษฐานจงสมฤทธิ์ผล...
Name : ผู้วิเศษคนที่0 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ผู้วิเศษคนที่0 [ IP : 223.206.249.6 ]
ส่งข้อความลับ
วันที่: 19 มกราคม 2558 / 10:50
# 39 : ความคิดเห็นที่ 8652
สวัสดีค่ะ เพิ่งสมัครเด็กดีก็เลยยังเล่นไม่เป็น อยากจะถามว่าโค้ดนี่คืออะไรหรือคะ ต้องเข้าตรงไหน ช่วนตอบด้วยนะค่ะ
PS.  I'm exo-l Love hunhan
Name : bambamexo < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ bambamexo [ IP : 113.53.85.179 ]
ส่งข้อความลับ
วันที่: 6 มกราคม 2558 / 12:17
# 38 : ความคิดเห็นที่ 8641
ขอบคุณค่ะ
Name : ซุ_ป_ไ_ก่ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ซุ_ป_ไ_ก่ [ IP : 1.1.134.194 ]
ส่งข้อความลับ
วันที่: 5 มกราคม 2558 / 09:09
ความเห็นนี้ถูกลบแล้ว :(
หน้าที่ 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