ความเดิมตอนที่แล้ว พูดถึง การใส่สีสันให้กับปุ่มกดในช่องใส่ comment นะคะ แต่ว่ายังเขียนไม่หมด แบ่งออกมาเป็นอีกตอนนึง ซึ่งนี่คงจะเป็นตอนสุดท้ายของซีรี่ส์นี้แล้วค่ะ (พูดยังก๊ะหนังเกาหลี 55)

ตอนนี้ก็ยังเกี่ยวกับปุ่มกดเหมือนกันค่ะ (เบื่อกันรึยัง :D) ไปดูกันเลยค่ะ

1. ใส่ background ให้กับปุ่มกด โดยไปที่ แก้ CSS ด้วยตัวเอง แล้วหาคำว่า input ค่ะ ดังข้างล่าง

input{
font:11px Tahoma,"MS Sans Serif";
border: 1px solid;
background-image: url(
http://jennessa.exteen.com/images/bck-234.gif);
}

เพิ่มตรง background-image เข้าไปค่ะ แล้วใส่ url ของรูปที่ต้องการใช้เป็น background เข้าไปตรงที่ไฮไลท์ไว้นะคะ ดูวิธีการเอา url ของรูปได้ที่นี่ค่ะ Click

ตัวอย่างปุ่มที่ใส่ BG แล้ว ---->

.

2. ใส่พื้นหลังเป็นแบบไล่สี โดยไปที่ แก้ที่ input เหมือนเดิมค่ะ แล้วเพิ่ม code เข้าไปดังข้างล่างค่ะ

input{
font:11px Tahoma,"MS Sans Serif";
border: 1px solid;
filter:progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#ffffff',EndColorStr='#ffcccc');
}

StartColorStr คือสีเริ่มต้น และ EndColorStr คือสีสุดท้ายค่ะ ไล่จากบนลงล่าง จากตัวอย่างเจนเนสซ่าใส่สีเริ่มต้นเป็นสีขาว สีสุดท้ายเป็นสีชมพู พื้นปุ่มมันก็จะเป็นพื้นสีไล่จากขาวมาชมพูค่ะ

ตัวอย่างปุ่มที่ไล่สีแล้ว

*** การแก้ที่ input จะทำให้ช่องที่ไว้ใส่ชื่อ กับ url ของผู้คอมเมนต์เปลี่ยนไปตามปุ่มด้วยนะคะ

จบแล้วค่า สำหรับการใส่ลูกเล่นให้ช่อง comment มีทั้งหมด 4 ตอน สามารถกลับไปดูตอนที่แล้วได้นะคะ ดังนี้

  • ใส่ลูกเล่นให้ช่อง Comment ด้วย CSS ตอนที่ 1
  • ใส่ลูกเล่นให้ช่อง Comment ด้วย CSS ตอนที่ 2 ~ ใส่กรอบตามใจฉัน
  • ใส่ลูกเล่นให้ช่อง Comment ด้วย CSS ตอนที่ 3 ~ เพิ่มสีสันให้ปุ่มกด

    หรือเข้าไปดูที่ Blog Map ก็ได้ค่ะ รวบรวมลิงค์เกี่ยวกับ CSS ไว้ทั้งหมด

    สุดท้าย ฝากเวบไซต์ใหม่ของเจนเนสซ่า www.jennessa.net ล่าสุดเขียนเอนทรีเรื่องเวบไซต์ poyi.org เป็นเวบที่รวบรวมภาพถ่ายได้รางวัลไว้ แวะไปอ่านกันได้นะคะ ขอบคุณทุกคอมเมนต์และผู้อ่านทุกคนค่ะ (^ ^)V

  • Comment

    Comment:

    Tweet

    ninest123

    In michael kors outlet michael kors wedding dresses uk ray ban response, lululemon outlet online barbour mulberry outlet michael kors Maze toms shoes sac michael kors lululemon outlet canada uggs told canada goose pas cher nike huarache links of london uk michael kors WATE: michael kors canada nike free run uk pandora jewelry canada goose "The michaelkors-outlet-store.us.com nike air max tory burch outlet online ray ban sunglasses whole moncler outlet tiffany jewelry kate spade michael kors handbags purpose nike free louis vuitton outlet ugg boots guess pas cher of abercrombie ralph lauren red bottom shoes ralph lauren outlet online doing sac louis vuitton pas cher michael kors outlet online barbour jackets uk instyler ionic styler this sac longchamp fake oakleys nike trainers wedding dress event nike sneakers nike roshe run cheap nike shoes nfl jerseys was north face polo lacoste karen millen new balance to canada goose montre femme uggs on sale oakley glasses shed moncler louis vuitton outlet online michael kors outlet online oakley sunglasses cheap some oakley sunglasses cheap tiffany jewelry babyliss pro ray ban light vanessa bruno pas cher mac cosmetics uggs outlet christian louboutin outlet on new balance pas cher hermes pas cher longchamp nike roshe run uk some lunette ray ban pas cher chaussures louboutin chanel handbags michael kors outlet of air jordan shoes replica rolex asics shoes hollister clothing store the michael kors michael kors outlet michael kors outlet online hermes bags things swarovski  jewelry michael kors michael kors outlet nike air max that uggs canada vans shoes mulberry uk bottes ugg pas cher has air huarache gucci bags michael kors outlet online north face pas cher been polo ralph lauren pas cher nike air max 2015 air max pas cher lancel happening instyler abercrombie and fitch michael kors outlet canada michael kors outlet online in moncler michael kors outlet online sale lancel pas cher air max this canada goose uk lululemon moncler pas cher louis vuitton handbags community.

     

    "Just nike shoes oakley pas cher longchamp outlet online cheap nfl jerseys knowing rolex replica watches louis vuitton uk louis vuitton outlet polo outlet that insanity workout louis vuitton pas cher coach factory outlet jordan 5 Jajuan jordan retro jordan future louis vuitton purses pandora jewelry was beats by dre oakley sunglasses the north face karen millen uk one hollister replica watches uk moncler abercrombie and fitch uk of nike air max jerseys http://www.michaelkors-outlet-store.us.com/ coach outlet store online the louboutin longchamp pas cher ugg boots louis vuitton outlet online first ralph lauren polo rolex watches sac guess burberry kids kate spade handbags polo ralph lauren uk coach handbags michael kors outlet online sale at burberry michael kors outlet oakley sunglasses coach outlet the cheap oakley sunglasses jordan 12 discount oakley sunglasses