ลองทำเล่นดูไหมคะ..

 


มาฟังเพลงสนุกๆ เพลงของวัยรุ่นสมัยก่อนปู๊นนนนน

พร้อมกับตอบโจทย์ที่เพื่อนถามไว้..

“ทำกรอบตัวเลื่อนอย่างไร จากเอ็นทรี่ก่อนหน้านี้” 

.

 

ส่วนที่1..กรอบสำเร็จรูปมีแบร็คกราวน์

(ตามตัวอย่างกรอบที่ใช้อยู่นี้)

 

<table><tbody><tr><td><div style=”border: 3px dashed #A52A2A ;background: #FFA07A “><div style=”border-left:7px solid #A52A2A ;border-right:7px solid #A52A2A ;background: #FFA07A ;margin:0px 5px”><div style=”background-image: url(‘ http://img183.imageshack.us/img183/2012/222ky3.gif ‘)”;margin:0px 5px”><table><tbody><tr><td><div style=”font-size:13px; width:350; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px”>

ข้อความพิมพ์ตรงนี้จ้า

</font></div></td></tr></tbody></table></div></div></div> </td></tr></tbody></table>

 

 

ก๊อปปี้โค้ดด้านบนไปวางในช่อง HTMLได้เลย 

แล้วเปลี่ยนโค้ดสี/รููปภาพแบร็ึคกราวน์ตามใจชอบ 

ดูโค้ดสีที่1

ดูโค้ดสีที่2

ดูแบบอื่นๆเพิ่มได้ที่นี่ 

 

ขอบคุณข้อมูลจากคุณKungGuenter

 

 

 

ส่วนที่ 2..กรอบใส่ข้อความให้เลื่อนขึ้น-ลงได้..

(ตามตัวอย่างด้านล่างนี้)

 

 

<DIV align=left style=’ color: #000000; background-color: #CCCCFF; border: solid 2px black; width: 280px; height: 200px; overflow: scroll; ‘>

ใส่รูปและข้อความที่นี่
</DIV>

 


(ใส่รูปและข้อความที่นี่)

สู้ตายค่ะ

 

 

 

ก๊อปปี้โค้ดด้านบนไปวางในช่อง HTMLได้เลย 

แล้วเปลี่ยนโค้ดสี/รููปภาพแบร็ึคกราวน์ตามใจชอบ

 

-โค้ดสี/รูปภาพแบร็คกราวน์เปลี่ยนได้ตามใจเรา

-เพิ่มขนาดความกว้างxยาวได้

 

ส่วนที่3..(1+2รวมกัน)กรอบข้อความมีรูปภาพเป็นแบร็คกราวนด์ และมีกรอบใส่ข้อความให้เลื่อนขึ้น-ลงอยู่ข้างในอีกที..(ตามตัวอย่างด้านล่างนี้)

 

 

<table><tbody><tr><td><div style=”border: 3px dashed #A52A2A ;background: #FFA07A “><div style=”border-left:7px solid #A52A2A ;border-right:7px solid #A52A2A ;background: #FFA07A ;margin:0px 5px”><div style=”background-image: url(‘ http://img183.imageshack.us/img183/2012/222ky3.gif ‘)”;margin:0px 5px”><table><tbody><tr><td><div style=”font-size:13px; width:350; padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px”>

ข้อความพิมพ์ตรงนี้จ้า

 

<DIV align=left style=’ color: #000000; background-color: #CCCCFF; border: solid 2px black; width: 280px; height: 200px; overflow: scroll; ‘>

ใส่รูปและข้อความที่นี่
</DIV>

</font></div></td></tr></tbody></table></div></div></div> </td></tr></tbody></table>

 

สองอันนี้มันคนละส่วนกัน นำมารวมกันได้ โดยนำโค้ดส่วนที่2

ไปวางในโค้ดส่วนที่1ในช่อง HTML

 ขอบคุณข้อมูลจากคุณป้ามด

 

 

 

 

 

 

 

 

“ลองทำเล่นๆดู เพลินดีนะคะ”

 



ขอบคุณภาพจากอินเตอร์เน็ต

 

 

 



8 Responses to “ลองทำเล่นดูไหมคะ..”

  1.   hataraki Says:

    คิกๆแอบเล็งอยู่นานว่าทำไงเหมือนกัน
    จขบ.มาลงให้ซะ ขอบคุณค่า
    ว่าแต่คำถามเพิ่มเติม
    ทำไงให้ภาพมันใสๆ
    จะได้ไม่ติดปัญหาความลายตาเวลาเขียนโพสต์หรืออ่านข้อความน่ะค่ะ
    (อธิบายเป็นภาษาไหมหว่าเรา)

  2.   henggy Says:

    คุณเอ๋ขา..เชิญตามฉะบายเลยค่ะ
    ที่เพชรบูรณ์ ฝนตกทุกวันค่ะ
    ถึงฝนจะตกก็ตามแต่อากาศก็ร้อนเหมือนเดิมนะคะ

    ดูแลตัวเองด้วยนะคะคุณเอ๋ที่น่ารัก

    ขอบคุณที่แวะมาทักทายค่ะ

    คุณคำนับคะ..ตามสบายเลยคะ รัตน์ก็ไปแฮพเขามาเช่นกัน
    ลองเล่นดูค่ะ ก็เพลินดีเนอะ

    ขอบคุณที่มาเยือนค่ะ

  3.   comenubb Says:

    ขอนุญาต copy โค้ดเก็บไว้ก่อนนะครับ…

    แบบว่ากำลังอยากกวาดบ้านใหม่อยู่พอดี…

    ขอบคุณครับ :)

  4.   natayaa Says:

    ขอเรียนรู้เทคนิคด้วยคนนะคะ ขอบคุณหลายๆ เจ้าค่ะ คุณรัตน์ที่รักและคิดถึง

    วันนี้อากาศอังกฤษอึมครึมเจ้าค่ะ สงสัยฝนจะตก หลังจากแดดจ้าท้าซัมเมอร์มาหลายวันแล้ว

    หวังว่าทางเมืองไทยคงสดใสกันดีนะคะ

  5.   athenaz Says:

    just call to say hello ก่อนนะคะ !

    :)

  6.   lady Says:

    นู๋รัตน์ แบ่งความรู้มาสู่สมองพี่เลดี้มั่ง เอาแบบออสโมซีสน่ะ 555+

  7.   xanax71 Says:

    เก่งจังเลยพี่รัตน์
    ขอสมัครเป็นลูกศิษย์ได้มั้ยคะ

    :)

  8.   chaleeja Says:

    ไม่ได้แก่น๊าๆๆๆๆๆๆๆๆๆๆ ออกตัวก่อน
    คือว่าตาลายกะตัว
    PINK
    FLOY
    ที่ทับโคดอยู่อะค่ะ

    :::

Leave a Reply

You must be logged in to post a comment.