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

Gather ★ Codes.

ตอนที่ 7 : Gather ★ Codes : การทำโมดูลกึ่งโปร่งใส และการเปลี่ยนสีโมดูล


     อัพเดท 22 มี.ค. 57
กลับไปหน้าหลักของบทความ
แจ้งเนื้อหาในตอนไม่เหมาะสม
นิยาย-เรื่องยาว: ไลฟ์สไตล์/สิ่งของ intrend
Tags: รวมโค้ด My id, รวมโค้ดสำหรับบทความ, โค้ด, code
ผู้แต่ง : ดินสอ ' ทู่ ๆ ดูเน็ตเวิร์คอื่นๆ ของ ดินสอ ' ทู่ ๆ
My.iD: https://my.dek-d.com/akiko-reki
< Review/Vote > Rating : 97% [ 37 mem(s) ]
This month views : 4 Overall : 12,029
748 Comment(s), [ แฟนพันธุ์แท้ 831 คน ]

[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
Gather ★ Codes. ตอนที่ 7 : Gather ★ Codes : การทำโมดูลกึ่งโปร่งใส และการเปลี่ยนสีโมดูล , ผู้เข้าชมตอนนี้ : 718 , โพส : 18 , Rating : 0% / 0 vote(s)

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




บทความนี้ง่ายๆ ไม่อยาก ^^
โค้ดนี้เรกิจัดเองนะจ๊ะ ><

---------------------------------------------------------------

**ลืมโค้ดโมดูลแบบใส่สี 555 วิ่งมาแปะใหม่ T T ขอโทษนะคะ**

<style type="text/css">
table {background:
#โค้ดสีจ้าาา;
background-attachment:fixed;}
td {background:none;}</style>




<style type="text/css">
table {background:url(
ลิ้งค์ภาพ);
background-attachment:fixed;}
td {background:none;}</style>

โค้ดสำหรับ โมดูลกึ่งโปร่งใส




แล้วไหนล่ะ ลิ้งค์ภาพ!!!


อันนี้ต้องมาอธิบายก่อนนะคะ ว่าชอบแค่ ขาวขุ่นเลย หรือว่าดำดาร์กสวยงาม

หรือว่า "อยากทำเอง"


เอาล่ะ!! ขอเริ่มจาก "อยากทำเอง" ก่อนนะ
ง่ายๆ ไม่ต้องคิดมากเลย แต่ต้องมีความรู้ photoshop เบื้องต้นนะ ใครไม่เก็ท ขอแนะนำ!!

>><<




เอาล่ะ เริ่มกันดีกว่า...
พูดง่ายๆ สำหรับคนที่เข้าใจนะ

//ถ้ามันไม่สำเร็จต้องขอโทษด้วย photoshop เป็นเบื้องต้นค่ะ T T//

*คิดว่า อธิบายข้อความจะดีกว่าภาพนะคะ TvT ภาพกลัวพามั่วจริงๆ*


READY.....


 
1. เปิด photoshop แล้วตั้งขนาดเป็น 100x100 (จริงๆ เท่าไหร่ก็ได้แหละนะคะ)
2. ก่อนจะลงมือเทสี ปรับค่า Opacity จาก 100% เป็น 25% (ยิ่งน้อยยิ่งสว่างโปร่งใสมากขึ้นนะคะ)
3. ประเด็นคือ Save ขอให้ Save As... นะคะ แล้วเปลี่ยนนามสกุลไฟล์เป็น PNG นะคะ!!

 

จบแล้วววววว!!! ง่ายมาก!!

//บทความนี้ถ้าไม่สำเร็จ ต้องขออภัยอย่างมาก เลื่อนลงไป ก็อปโค้ดโมดูลกึ่งโปร่งใส แทนนะคะ//








ต่อไปก็ตบท้ายด้วยยยยย!!!


"แจกโมดูลกึ่งโปร่งใสหลายแบบพร้อมตัวอย่าง!!"


 
1. สีขาวขุ่นใส

<style type="text/css">
table {background:url(http://i804.photobucket.com/albums/yy324/rekisama/bgwhite_zps42f52269.png);
background-attachment:fixed;}
td {background:none;}</style>

ตัวอย่าง




2. สีดำไม่ทึบมาก
<style type="text/css">
table {background:url(http://i804.photobucket.com/albums/yy324/rekisama/bgblack_zpsbc6ee1de.png);
background-attachment:fixed;}
td {background:none;}</style>

ตัวอย่าง



3. สีเทา ดำอ่อนรองลงมากำลังดี
<style type="text/css">
table {background:url(http://i804.photobucket.com/albums/yy324/rekisama/bggray_zps458a18d6.png);
background-attachment:fixed;}
td {background:none;}</style>

ตัวอย่าง



4. สีแดงแจ๋แรงฤทธิ์!!
<style type="text/css">
table {background:url(http://i804.photobucket.com/albums/yy324/rekisama/bgred_zpsfaca5e18.png);
background-attachment:fixed;}
td {background:none;}</style>

ตัวอย่าง



5. สีแดงอ่อน(จุงเบย?)
<style type="text/css">
table {background:url(http://i804.photobucket.com/albums/yy324/rekisama/bgred_zpsb3dd3cf5.png);
background-attachment:fixed;}
td {background:none;}</style>

ตัวอย่าง



6. สีน้ำตาลเปลือกไม้แก่
<style type="text/css">
table {background:url(http://i804.photobucket.com/albums/yy324/rekisama/bgbrown_zps3556e769.png);
background-attachment:fixed;}
td {background:none;}</style>

ตัวอย่าง



7. สีม่วง ชาวเด็กๆ สายเลือดวาย!?
<style type="text/css">
table {background:url(http://i804.photobucket.com/albums/yy324/rekisama/bgpurple_zps10fbbc79.png);
background-attachment:fixed;}
td {background:none;}</style>

ตัวอย่าง



 
ป.ล.ทั้งนี้ ขึ้นอยู่กับ BG ที่เด็กๆ อัพกันด้วยนะคะ ^^
// ขออภัยหากมันใช้ไม่ได้ มือใหม่จ๊ะ =w="








Speacial BG : © Tenpoints!


Dek-D Writer APP : แอพอ่านนิยาย Dek-D บน iPhone , Android Phone
มาแล้ว!! เวอร์ชั่น iPad และ Android Tablet
Gather ★ Codes. ตอนที่ 7 : Gather ★ Codes : การทำโมดูลกึ่งโปร่งใส และการเปลี่ยนสีโมดูล , ผู้เข้าชมตอนนี้ : 718 , โพส : 18 , Rating : 0% / 0 vote(s)
Vote ให้คะแนนตอนนี้ Vote ได้ 1 ครั้ง / 1 ชม.
[ ตอนก่อนหน้า | กลับไปหน้าหลักของบทความ | ตอนถัดไป ] [ บันทึกเป็น Favorite ] [ ปิดหน้าต่างนี้ ]
หน้าที่ 1
# 18 : ความคิดเห็นที่ 674
ขอบคุณกั๊บ
PS.  อะไรคือการที่ทีเซอร์ไปไกลยันต่างประเทศ แต่มาออกเอ็มวีที่โรงรถ !!! #ยอลหล่ออ่ะ >O<
Name : ✚ ป๋าแบคคนแมน´ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ ✚ ป๋าแบคคนแมน´ [ IP : 27.145.76.85 ]
ส่งข้อความลับ
วันที่: 19 เมษายน 2558 / 16:53
# 17 : ความคิดเห็นที่ 662
ขอยืมโมดูลน้าาทำม่ายเป็นอ่า555+
PS.  สุดท้ายนี้อยากบอกว่า.....รัก! เซ! ฮุน!!!
Name : Kam021487 < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Kam021487 [ IP : 1.2.179.121 ]
ส่งข้อความลับ
วันที่: 18 มีนาคม 2558 / 11:18
# 16 : ความคิดเห็นที่ 661
ขอบคุณ ขอบคุณ ขอบคุณ และขอบคุณคะ >O<
PS.  ชานอื่นอาจไม่ปลื้มแต่ชานแบคคือตำนาน!
Name : Mr.Korea < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Mr.Korea [ IP : 27.145.76.85 ]
ส่งข้อความลับ
วันที่: 15 มีนาคม 2558 / 16:22
# 15 : ความคิดเห็นที่ 640
ขอบคุณเด้อ >O<
PS.  EXO WE ARE ONE .......SARAHAJA <3
Name : Exo...Is twelve' < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Exo...Is twelve' [ IP : 27.145.163.120 ]
ส่งข้อความลับ
วันที่: 16 ธันวาคม 2557 / 19:52
# 14 : ความคิดเห็นที่ 631
ขอบคุณค่ะ :D 
PS.  다시 만나볼 테니까 ทา ชี มัน นา บล ทอ นี กา เพราะเราจะได้พบกันอีก
Name : พี่มหา ❤ JD' < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ พี่มหา ❤ JD' [ IP : 27.145.163.120 ]
ส่งข้อความลับ
วันที่: 15 พฤศจิกายน 2557 / 22:09
# 13 : ความคิดเห็นที่ 629
ขอบคุณค่ะ ^.^
PS.  다시 만나볼 테니까 ทา ชี มัน นา บล ทอ นี กา เพราะเราจะได้พบกันอีก
Name : พี่มหา ❤ JD' < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ พี่มหา ❤ JD' [ IP : 27.145.163.120 ]
ส่งข้อความลับ
วันที่: 24 ตุลาคม 2557 / 23:01
# 12 : ความคิดเห็นที่ 602
ขอบคุณค่า
PS.  スチーム >v<
Name : TheLaughter < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ TheLaughter [ IP : 171.4.250.97 ]
ส่งข้อความลับ
วันที่: 10 กันยายน 2557 / 00:44
# 11 : ความคิดเห็นที่ 456
ขอบคุณค่ะ ขอยืมนะค่ะ ><
PS.  รอคอยการกลับมาของแสงสว่าง
Name : บุคคลผู้ไร้ความทรงจำ < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ บุคคลผู้ไร้ความทรงจำ [ IP : 111.84.19.217 ]
ส่งข้อความลับ
วันที่: 26 มีนาคม 2557 / 01:08
# 10 : ความคิดเห็นที่ 393
ขอบคุณจ้าา >< !
PS.  - มามะ ! แอดเป็นเพื่อนกันเถอะ =]
Name : {SunBright} บ า ไ ล ค์ ซี้ ! < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ {SunBright} บ า ไ ล ค์ ซี้ ! [ IP : 182.53.176.142 ]
ส่งข้อความลับ
วันที่: 11 มีนาคม 2557 / 16:20
# 9 : ความคิดเห็นที่ 342
ขอบคุนค่า
PS.  Super Junior And E.l.F. Forever
Name : pandakamtui < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ pandakamtui [ IP : 125.25.23.205 ]
ส่งข้อความลับ
วันที่: 7 กุมภาพันธ์ 2557 / 22:03
# 8 : ความคิดเห็นที่ 270
ขอบคุณนะคะ ><"
PS.  จะสิ้นหวังไปทำไม ในเมื่อหัวใจยังเต้นอยู่ 
Name : Ploy.Ling < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Ploy.Ling [ IP : 171.4.64.150 ]
ส่งข้อความลับ
วันที่: 2 มกราคม 2557 / 22:09
# 7 : ความคิดเห็นที่ 208
ขอบคุณจ้า
PS.  จงทราบซึ้งข้าาา ..เพราะปกติข้าเป็นนักอ่านเงา
Name : NiceNight < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ NiceNight [ IP : 125.25.114.15 ]
ส่งข้อความลับ
วันที่: 5 พฤศจิกายน 2556 / 22:23
# 6 : ความคิดเห็นที่ 38
ขอบคุณค่ะ ^^
PS.  ฮาโหลๆ มีใครอยู่มั้ยเอ่ยยย
Name : saikim-manika < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ saikim-manika [ IP : 115.67.68.205 ]
ส่งข้อความลับ
วันที่: 2 พฤษภาคม 2556 / 07:29
# 5 : ความคิดเห็นที่ 37
ขอบคุณมากค่ะ>< 
(โง่มานาน)
ขอเอาไปใช้นะคะ
Name : Tulan_Nava BB < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ Tulan_Nava BB [ IP : 171.99.246.235 ]
ส่งข้อความลับ
วันที่: 1 พฤษภาคม 2556 / 22:00
# 4 : ความคิดเห็นที่ 25
ขอบคุณค่ะ ;)

PS.  GD & T.O.P คู่รักบันลือโลก !!
Name : nu luktan < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ nu luktan [ IP : 118.172.240.120 ]
ส่งข้อความลับ
วันที่: 29 เมษายน 2556 / 15:56
# 3 : ความคิดเห็นที่ 23
ขอบคุณค่ะ
PS.  เอาเป็นว่ายังรักเธออยู่ จบมั้ย
Name : หิวข้าว < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ หิวข้าว [ IP : 27.55.139.190 ]
ส่งข้อความลับ
วันที่: 27 เมษายน 2556 / 09:19
# 2 : ความคิดเห็นที่ 14
ขอเอาไปใช้นะคะ
PS.  โลกนี้ต้องเต็มไปด้วย Yaoi สิ! 8059 กับ all59 นี่แหละ สุดยอด!
Name : My name's Pokky < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ My name's Pokky [ IP : 171.99.73.53 ]
ส่งข้อความลับ
วันที่: 16 เมษายน 2556 / 19:50
# 1 : ความคิดเห็นที่ 8
ชอบธีมจังเลย
PS.  <จงจมดิ่งไปกับความริษยาของมนุษย์ เมื่อนั้นแล้ว เจ้าจะไม่มีวันขึ้นมาได้อีก>[Yaoi]!
Name : G'guitarygirl < My.iD > ดูเน็ตเวิร์คอื่นๆ ของ G'guitarygirl [ IP : 49.48.34.100 ]
ส่งข้อความลับ
วันที่: 28 มีนาคม 2556 / 16:23
หน้าที่ 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