2006/12/02
การทำกรอบข้อความเลื่อน
สวัสดีค่ะพี่น้อง...มีน้องคนนึงบอกว่าให้สอนทำกรอบหน่อย เพราะเห็นว่ากรอบน้องหัวหอมของเลดี้ริงน่ารักดี เลดี้ริงถึงกับต้องร้องอูย...ทีเดียว ไม่อยากบอกเลยว่าทำมายังไง อายจัง รู้แล้วเหยียบไว้นะ
Step 1 : เหตุการณ์เกิดจากการที่เลดี้ริงไปเที่ยวตามสเปซชาวบ้านแล้วเจอกรอบข้อความเลื่อนก็เลยจักการก๊อปดิบมาซะงั้น ก๊อปดิบก็คือการทำแถบสีทับกรอบที่เราชอบแล้วกด Ctrl+c จากนั้นกลับมาที่เอ็นทรี่เราแล้วกด Ctrl+v ค่ะ สมมติเอารูปน้องหอมนี้เป็นต้นแบบแล้วกันนะคะ
|
|
|
|
เราจะไม่โกรธพร้อมกันทั้งสองคน
อย่างที่คนโบราณเค้าว่า
ถ้า.... เขาร้อนเป็นไฟ
คุณก็ต้องเย็นให้ได้ดั่งน้ำ
We will not simultaneously
get angry.
Be cool as water whenever another one being fire.
เราจะไม่ตะโกนใส่กัน เด็ดขาด
ยกเว้นตอนเกิดไฟไหม้บ้านกระทันหัน
We will not shout into
each others faces
beside our house is accidentally on fire.
จำไว้ว่าไม่มีใครชอบ คำติ
หากจะคุยถึงสิ่งที่คุณไม่ชอบให้เขาทำ
อย่าลืมพูดให้หวานๆ เข้าไว้
Nobody loves to be criticized.
When talking of what you dislike or need his/ her improvement,
use soft & sweet words.
เราจะไม่มารื้อฟื้น เรื่องบาดหมางในอดีต
ถ้าจะคุยเรื่องเก่าๆ
เลือกเรื่องหวานๆ ของสองเราจะดีกว่า
We will not revive
any bad old practices,
but only our romaces.
ทำให้เขารู้สึกว่า เขาสำคัญสำหรับคุณเสมอ
Make him/her know
how much s/he means to you.
สัญญากันนะว่าเราจะ ไม่โกรธกันข้ามคืน
เพราะคุณนั่นแหละจะนอนไม่หลับ
คุยกันให้เข้าใจกันก่อนดีกว่าหันหลังให้กัน
Promise me that
we will not peevish
over-night.
Talk face to face not back-chat.
คุยกันให้มากหน่อย
จะช่วยให้ความรักระหว่างเรา
เข้าใจกันมากขึ้น
จะเป็นเรื่องอะไรก็ได้ที่คุณเจอะเจอ
เรื่องงานของคุณ หนังสือที่คุณเพิ่งอ่านจบ
ลองเล่าสู่กันฟัง แล้วคุณจะรู้สึกได้เลยว่า
เราผูกพันกันมากขึ้นกว่าเดิม
Tell him or her more about
anything in your life
to tie you up together.
ถ้ารู้ตัวว่าทำผิดก็ขอโทษซะ
ไม่ต้องกลัวว่าจะเสียฟอร์มหรอก
Don't be shy
to show him/her your apology
When you have something mistaken
อย่าเข้าใจผิดว่าการอยู่ด้วยกันตลอดเวลา
หมายถึง ความเอาใจใส่อย่างแท้จริง
เพราะการใส่ใจ
คือการให้ความสนใจเต็มร้อย
เวลาที่อยู่ด้วยกัน
ไม่ใช่คุณนั่งฟังเขาพูด แต่ดูทีวีไปด้วย
Don't misunderstand that
being together
always is to show your heedfulness.
อย่าลืมทำให้เขารู้ ว่า เรายังรักกันเสมอ … !
Lastly, realize him/ her that
your love still exists
and will be eternally last.
| |
Step 4 : กลับมาที่เอ็นทรี่เรา เข้าไปแก้ที่มาของรูป ซึ่งเลดี้ริงก็เปลี่ยน URL จากรูปน้องหอมเป็นรูปคุณ L แค่นี้ ก็เสมือนว่าได้กรอบใหม่แล้วอ่ะค่ะ แบบนี้เลย...แหม แทบไม่ต้องแก้โค้ดอะไรให้ยุ่งยากซักกะนิดเดียว พอแก้โค้ดเสร็จก็กด <HTML> ออกมา แล้วดับเบิ้ลคลิกตรงข้อความ กล่องข้อความก็จะปรากฏขึ้นมา ให้เราทำการแก้ข้อความได้เลยค่ะ
|
|
|
|
เราจะไม่โกรธพร้อมกันทั้งสองคน
อย่างที่คนโบราณเค้าว่า
ถ้า.... เขาร้อนเป็นไฟ
คุณก็ต้องเย็นให้ได้ดั่งน้ำ
We will not simultaneously
get angry.
Be cool as water whenever another one being fire.
เราจะไม่ตะโกนใส่กัน เด็ดขาด
ยกเว้นตอนเกิดไฟไหม้บ้านกระทันหัน
We will not shout into
each others faces
beside our house is accidentally on fire.
จำไว้ว่าไม่มีใครชอบ คำติ
หากจะคุยถึงสิ่งที่คุณไม่ชอบให้เขาทำ
อย่าลืมพูดให้หวานๆ เข้าไว้
Nobody loves to be criticized.
When talking of what you dislike or need his/ her improvement,
use soft & sweet words.
เราจะไม่มารื้อฟื้น เรื่องบาดหมางในอดีต
ถ้าจะคุยเรื่องเก่าๆ
เลือกเรื่องหวานๆ ของสองเราจะดีกว่า
We will not revive
any bad old practices,
but only our romaces.
ทำให้เขารู้สึกว่า เขาสำคัญสำหรับคุณเสมอ
Make him/her know
how much s/he means to you.
สัญญากันนะว่าเราจะ ไม่โกรธกันข้ามคืน
เพราะคุณนั่นแหละจะนอนไม่หลับ
คุยกันให้เข้าใจกันก่อนดีกว่าหันหลังให้กัน
Promise me that
we will not peevish
over-night.
Talk face to face not back-chat.
คุยกันให้มากหน่อย
จะช่วยให้ความรักระหว่างเรา
เข้าใจกันมากขึ้น
จะเป็นเรื่องอะไรก็ได้ที่คุณเจอะเจอ
เรื่องงานของคุณ หนังสือที่คุณเพิ่งอ่านจบ
ลองเล่าสู่กันฟัง แล้วคุณจะรู้สึกได้เลยว่า
เราผูกพันกันมากขึ้นกว่าเดิม
Tell him or her more about
anything in your life
to tie you up together.
ถ้ารู้ตัวว่าทำผิดก็ขอโทษซะ
ไม่ต้องกลัวว่าจะเสียฟอร์มหรอก
Don't be shy
to show him/her your apology
When you have something mistaken
อย่าเข้าใจผิดว่าการอยู่ด้วยกันตลอดเวลา
หมายถึง ความเอาใจใส่อย่างแท้จริง
เพราะการใส่ใจ
คือการให้ความสนใจเต็มร้อย
เวลาที่อยู่ด้วยกัน
ไม่ใช่คุณนั่งฟังเขาพูด แต่ดูทีวีไปด้วย
Don't misunderstand that
being together
always is to show your heedfulness.
อย่าลืมทำให้เขารู้ ว่า เรายังรักกันเสมอ … !
Lastly, realize him/ her that
your love still exists
and will be eternally last.
| |
เพื่อนๆ คงทำเลียนแบบได้ไม่ยากนะคะ ลองดู แล้วมาโชว์กันมั่งนะคะ ก็อย่างที่บอกไป...เอ็นทรี่นี้ไม่ได้สอนให้ทำกรอบเลื่อนเอง...แต่สอนให้ลอกอย่างมีศิลปะ นักเรียนไทยเราเก่งอยู่แล้วนี่นา...หุหุ
Step 1 : คัดลอกโค้ดนี่เก็บไว้เลย
นี่คือโค้ดที่ติดตัวแปร...ตามแนวของเจ๊เค้า
|
<TABLE height=A cellSpacing=0 cellPadding=0 width=B align=center background=URL>
<TBODY>
<TR>
<TD width=C height=D></TD>
<TD width=E height=F></TD>
<TD width=G height=H></TD>
</TR>
<TR>
<TD width=I height=J></TD>
<TD width=K height=L>
<DIV style="WIDTH: 100%; HEIGHT: 100%; OVERFLOW: auto;
SCROLLBAR-FACE-COLOR: #BOX1;
SCROLLBAR-HIGHLIGHT-COLOR: #BOX2;
SCROLLBAR-SHADOW-COLOR: #BOX3;
SCROLLBAR-3DLIGHT-COLOR: #BOX4;
SCROLLBAR-ARROW-COLOR: #BOX5;
SCROLLBAR-DARKSHADOW-COLOR: #BOX6">
<P align=right>พิมพ์ข้อความ</P>
</DIV>
</TD>
<TD width=M height=N></TD>
</TR>
<TR>
<TD width=O height=P></TD>
<TD width=Q height=R></TD>
<TD width=S height=T></TD>
</TR>
</TBODY>
</TABLE> |
อืม...บอกยากแฮะ โค้ดนี่มันเป็นโค้ดการทำตารางแบบ 3*3
คร่าวๆ คำสั่ง <TABLE>...</TABLE> เป็นคำเปิดตาราง ในตารางก็มี<TR>...<TR> หรือ Table Row เป็นคำสั่งเปิดแถว ส่วนคำสั่ง <TD>...</TD> หรือ Table Data cell เป็นคำสั่งเปิดเซลล์ข้อมูล จากโค้ดจะเห็นว่าเราเปิดไว้ 3 แถว แต่ละแถวมี 3 เซลล์ข้อมูล แล้วเราก็ทำการแทรกกล่องข้อความ...ซึ่งแทนด้วยโค้ดสีส้มลงในแถวที่ 2 เซลล์ 2 ไง
|
(1)
C*D
|
(2)
E*F
|
(3)
G*H
|
|
(4)
I*J
|
(5)
K*L
|
(6)
M*N
|
|
(7)
O*P
|
(8)
Q*R
|
(9)
S*T |
เนี่ยะอ่ะนะ...สิ่งที่เราจะทำต่อไปนี้ก็คือการเอาตาราง 3*3 ที่ว่าไปแปะทับบนรูป
Step 2 : อ่ะ...ตอนนี้เราก็มีตาราง 9 ช่องแล้วในปะ ดังนั้นเราก็เลยต้องแบ่งภาพเป็น 9 ส่วน เพื่อจะได้รู้ขนาดของแต่ละช่องตารางว่าควรจะกว้างยาวเท่าไหร่ ผลสุดท้ายเมื่อนำค่าตัวแปรแต่ละค่าไปแทนลงในโค้ด เราก็จะได้ตาราง 3*3 แบบไม่มีกรอบที่พอดีกับรูปภาพพื้นหลังเลย จะเห็นว่าส่วนที่สำคัญคือช่องที่ 5 (แถว 2 คอลัมน์ 2) เป็นช่องสำหรับที่เราจะใส่ข้อความ การทำภาพและแบ่งภาพก็ต้องคำนึงถึงตรงนี้เยอะๆ เลยนะ
เราก็เลยต้องแทนค่าตัวแปรต่างๆ ตามนี้...นู๋นุชอธิบายไว้ได้ละเอียดมากแล้ว เอาแต่รูปไปดูละกัน หุหุ
A-T
Step 3 : โค้ดในส่วนของกล้องข้อความที่เราต้องแก้ไขก็ได้แก่ค่าสีต่างๆ เป็นเลข 6 หลักที่คุ้นเคยกันดีแล้วละมั๊ง แต่ที่อ่านปล้วจะงงได้คือส่วนต่างๆ ของกรอบข้อความว่ามันเรียกว่าอะไร เลดี้ริงก็จัดให้ตามข้างล่างนี้ โดยส่วนที่เราสนใจเลดี้ริงก็ใส่สีดำลังไป ส่วนอื่นจะเป็นสีขาว ตัวอย่างเช่นไอ้ส่วนที่เรียกว่า SC
ROLLBAR-FACE-COLOR อ่ะ ก็ไอ้ตรงที่ระบายสีดำๆ นั่นแหละ อยากเปลี่ยนเป็นสีอะไรก็แก้
BOX1 เอาเป็นรหัสสีนั้น
BOX1-BOX6
SCROLLBAR-HIGHLIGHT-COLOR
SCROLLBAR-3DLIGHT-COLOR
SCROLLBAR-ARROW-COLOR:
SCROLLBAR-DARKSHADOW-COLOR
ได้ออกมาเป็นอย่างงี้ (ใส่ border=1 ไว้ให้ชม)
|
(1)
A*B
|
(2)
C*D
|
(3)
E*F
|
|
(4)
G*H
|
(5)
I*J
|
(6)
K*L
|
|
(7)
M*N
|
(8)
O*P
|
(9)
Q*R |
|
|
|
|
|
|
เราจะไม่โกรธพร้อมกันทั้งสองคน
อย่างที่คนโบราณเค้าว่า
ถ้า.... เขาร้อนเป็นไฟ
คุณก็ต้องเย็นให้ได้ดั่งน้ำ
We will not simultaneously
get angry.
Be cool as water whenever another one being fire.
เราจะไม่ตะโกนใส่กัน เด็ดขาด
ยกเว้นตอนเกิดไฟไหม้บ้านกระทันหัน
We will not shout into
each others faces
beside our house is accidentally on fire.
จำไว้ว่าไม่มีใครชอบ คำติ
หากจะคุยถึงสิ่งที่คุณไม่ชอบให้เขาทำ
อย่าลืมพูดให้หวานๆ เข้าไว้
Nobody loves to be criticized.
When talking of what you dislike or need his/ her improvement,
use soft & sweet words.
เราจะไม่มารื้อฟื้น เรื่องบาดหมางในอดีต
ถ้าจะคุยเรื่องเก่าๆ
เลือกเรื่องหวานๆ ของสองเราจะดีกว่า
We will not revive
any bad old practices,
but only our romaces.
ทำให้เขารู้สึกว่า เขาสำคัญสำหรับคุณเสมอ
Make him/her know
how much s/he means to you.
สัญญากันนะว่าเราจะ ไม่โกรธกันข้ามคืน
เพราะคุณนั่นแหละจะนอนไม่หลับ
คุยกันให้เข้าใจกันก่อนดีกว่าหันหลังให้กัน
Promise me that
we will not peevish
over-night.
Talk face to face not back-chat.
คุยกันให้มากหน่อย
จะช่วยให้ความรักระหว่างเรา
เข้าใจกันมากขึ้น
จะเป็นเรื่องอะไรก็ได้ที่คุณเจอะเจอ
เรื่องงานของคุณ หนังสือที่คุณเพิ่งอ่านจบ
ลองเล่าสู่กันฟัง แล้วคุณจะรู้สึกได้เลยว่า
เราผูกพันกันมากขึ้นกว่าเดิม
Tell him or her more about
anything in your life
to tie you up together.
ถ้ารู้ตัวว่าทำผิดก็ขอโทษซะ
ไม่ต้องกลัวว่าจะเสียฟอร์มหรอก
Don't be shy
to show him/her your apology
When you have something mistaken
อย่าเข้าใจผิดว่าการอยู่ด้วยกันตลอดเวลา
หมายถึง ความเอาใจใส่อย่างแท้จริง
เพราะการใส่ใจ
คือการให้ความสนใจเต็มร้อย
เวลาที่อยู่ด้วยกัน
ไม่ใช่คุณนั่งฟังเขาพูด แต่ดูทีวีไปด้วย
Don't misunderstand that
being together
always is to show your heedfulness.
อย่าลืมทำให้เขารู้ ว่า เรายังรักกันเสมอ … !
Lastly, realize him/ her that
your love still exists
and will be eternally last.
|
|
|
|
| |
ツール 
