Gather ★ Codes.

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

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 726
    จำนวนคนให้กำลังใจ : 1 ครั้ง
    22 มี.ค. 57



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

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

**ลืมโค้ดโมดูลแบบใส่สี 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!
ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 1 ครั้ง

นิยายที่ผู้อ่านนิยมอ่านต่อ

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

749 ความคิดเห็น

  1. #674 ✚ ป๋าแบคคนแมน´ (จากตอนที่ 7)
    วันที่ 19 เมษายน 2558 / 16:53
    ขอบคุณกั๊บ
    #674
    0
  2. #662 Kam021487 (จากตอนที่ 7)
    วันที่ 18 มีนาคม 2558 / 11:18
    ขอยืมโมดูลน้าาทำม่ายเป็นอ่า555+
    #662
    0
  3. #661 Mr.Korea (จากตอนที่ 7)
    วันที่ 15 มีนาคม 2558 / 16:22
    ขอบคุณ ขอบคุณ ขอบคุณ และขอบคุณคะ >O<
    #661
    0
  4. #640 Exo...Is twelve' (จากตอนที่ 7)
    วันที่ 16 ธันวาคม 2557 / 19:52
    ขอบคุณเด้อ >O<
    #640
    0
  5. #631 พี่มหา ❤ JD' (จากตอนที่ 7)
    วันที่ 15 พฤศจิกายน 2557 / 22:09
    ขอบคุณค่ะ :D 
    #631
    0
  6. #629 พี่มหา ❤ JD' (จากตอนที่ 7)
    วันที่ 24 ตุลาคม 2557 / 23:01
    ขอบคุณค่ะ ^.^
    #629
    0
  7. #602 TheLaughter (จากตอนที่ 7)
    วันที่ 10 กันยายน 2557 / 00:44
    ขอบคุณค่า
    #602
    0
  8. วันที่ 26 มีนาคม 2557 / 01:08
    ขอบคุณค่ะ ขอยืมนะค่ะ ><
    #456
    0
  9. #393 {SunBright} บ า ไ ล ค์ ซี้ ! (จากตอนที่ 7)
    วันที่ 11 มีนาคม 2557 / 16:20
    ขอบคุณจ้าา >< !
    #393
    0
  10. #342 pandakamtui (จากตอนที่ 7)
    วันที่ 7 กุมภาพันธ์ 2557 / 22:03
    ขอบคุนค่า
    #342
    0
  11. #270 Ploy.Ling (จากตอนที่ 7)
    วันที่ 2 มกราคม 2557 / 22:09
    ขอบคุณนะคะ ><"
    #270
    0
  12. #208 NiceNight (จากตอนที่ 7)
    วันที่ 5 พฤศจิกายน 2556 / 22:23
    ขอบคุณจ้า
    #208
    0
  13. #38 saikim-manika (จากตอนที่ 7)
    วันที่ 2 พฤษภาคม 2556 / 07:29
    ขอบคุณค่ะ ^^
    #38
    0
  14. #37 Tulan_Nava BB (จากตอนที่ 7)
    วันที่ 1 พฤษภาคม 2556 / 22:00
    ขอบคุณมากค่ะ>< 
    (โง่มานาน)
    ขอเอาไปใช้นะคะ
    #37
    0
  15. #25 nu luktan (จากตอนที่ 7)
    วันที่ 29 เมษายน 2556 / 15:56
    ขอบคุณค่ะ ;)

    PS.  GD & T.O.P คู่รักบันลือโลก !!
    #25
    0
  16. #23 หิวข้าว (จากตอนที่ 7)
    วันที่ 27 เมษายน 2556 / 09:19
    ขอบคุณค่ะ
    #23
    0
  17. #14 My name's Pokky (จากตอนที่ 7)
    วันที่ 16 เมษายน 2556 / 19:50
    ขอเอาไปใช้นะคะ
    #14
    0
  18. #8 G'guitarygirl (จากตอนที่ 7)
    วันที่ 28 มีนาคม 2556 / 16:23
    ชอบธีมจังเลย
    #8
    0