|
| 1 |
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 | 31 | |
|
|
|
|
|
|
|
....โค้ดจัดวางรูปและข้อความตามตำแหน่งต่างๆ...
| | | |
โค้ดใส่ข้อความกำกับภาพ โค้ด.... <img src="http:รูป" alt="เพิ่งตื่นนอน"/>
|
ลองวางเมาส์ที่รูปนี้ดูนะคะ จะเห็นข้อความกำกับค่ะ
...ข้อดีของการใช้โค้ดนี้ก็คือ...เวลาที่รูปไม่แสดงเราจะรู้ว่าเป็นรูปไหน....
|
※ใส่ข้อความด้านขวาของรูป
<img src="http: รูปภาพ" align=left hspace="10" vspace="10"/> ใส่ข้อความ<br clear=left>
| ....โค้ดตัวนี้ จะจัดกึ่งกลางตัวหนังสือ กับรูปภาพให้เองค่ะ******************
คนอย่างฉัน นี้มัน กระดูกแข็ง ร่างกายแกร่ง เรี่ยวแรง อย่างกับช้าง ส่วนตัวเธอ เป็นคน กระหม่อมบาง ต้องมีฉัน เคียงข้าง คอยดูแล..
สำนวน : กระดูกแข็ง หมายถึง : ร่างกายแข็งแรง ไม่ตายง่ายๆ
สำนวน : กระหม่อมบาง หมายถึง : ร่างกายอ่อนแอ เจ็บป่วยอยู่บ่อยๆ
ขอบคุณบทความประกอบจาก //www.thaipoem.com/
|
การใส่ข้อความ แบบให้รูปอยู่ด้านซ้ายมือ(ตัวหนังสืออยู่ด้านขวา)
<img src="//xxxxxxx" align=left hspace=10> ใส่ข้อความหรือรูปภาพ <br clear=left>
|
เฝ้ามองหา...คนคุ้นตา...เวลาท้อ ก้าวเดินต่อ...ท้อและถอย...ด้อยหนักหนา เดินมาพบ...บรรจบรัก...จักษ์คุ้นตา คลายเหนื่อยล้า...คว้าอุ่นไอ...ใจแอบอิง
ความเหน็ดเหนื่อย...และเมื่อยล้า...เวลาก่อน หลบลี้ซ่อน...เพราะร้อนรน...กังวลบางสิ่ง เพราะต้องแสง...แรงแห่งรัก...ประจักษ์จริง กำลังใจ...เหนื่อยพลันทิ้ง...นิ่งนอนใจ
......โค้ดนี้เป็นโค้ดใส่ข้อความทางด้านซ้ายของรูปอีกแบบ เพียงแต่กำหนดระยะห่างจากรูปแค่แนวนอนเท่านั้น ไม่ได้กำหนดระยะห่างแนวตั้งด้วย จะเลือกใช้โค้ดตัวไหนก็ได้ค่ะ การกำหนดระยะห่างจากรูป ตัวเลขยิ่งมาก ตัวหนังสือก็จะยิ่งห่างจากรูปค่ะ รูปด้านบน กำหนดระยะห่างอยู่ที่ 10 ส่วนรูปล่าง กำหนดระยะห่างอยู่ที่ 20.....
เฝ้ามองหา...คนคุ้นตา...เวลาท้อ ก้าวเดินต่อ...ท้อและถอย...ด้อยหนักหนา เดินมาพบ...บรรจบรัก...จักษ์คุ้นตา คลายเหนื่อยล้า...คว้าอุ่นไอ...ใจแอบอิง
ความเหน็ดเหนื่อย...และเมื่อยล้า...เวลาก่อน หลบลี้ซ่อน...เพราะร้อนรน...กังวลบางสิ่ง เพราะต้องแสง...แรงแห่งรัก...ประจักษ์จริง กำลังใจ...เหนื่อยพลันทิ้ง...นิ่งนอนใจ
|
※ใส่ข้อความกำกับด้านซ้ายบรรทัดบนของรูปภาพ
โค้ด.... <img src="http:รูปภาพ" align="top"> ข้อความที่ต้องการ
| อดีต...มีไว้จำ
ความทรงจำดีๆ...มีไว้เก็บ
แต่ถ้าใครทำให้เราเจ็บ...
ก็ไม่ต้องเก็บ...เอามาจำ
(ลืมไป...อย่าเสียดาย)
***ยอมถอยออกมา...ดีกว่าเดินหน้า...แล้วรู้ว่าต้อง "เจ็บ"***
....ลักษณะของการวางโค้ดตัวนี้ก็คือ เฉพาะข้อความบรรทัดแรกเท่านั้นที่จะปรากฏทางมุมขวาบนของภาพ ส่วนข้อความบรรทัดต่อมานั้นจะปรากฏอยู่ใต้รูปภาพค่ะ เพราะฉนั้นเหมาะกับรูปภาพที่ต้องการหัวข้อ หรือชื่อเรื่อง....
|
※ใส่ข้อความทางด้านซ้ายของรูป
<img src="http:รูปภาพ" align=right hspace=10>พิมพ์ข้อความที่ต้องการ <br clear=right>
|
อย่าเพิ่งยอมแพ้นะคนดี
อย่าเพิ่งยอมแพ้ นะคนดี ที่ตรงนั้น วันนี้ อาจไม่มีฉัน แต่เธอรับรู้ใช่ไหม ถึงความผูกพัน ฉันซ่อนตัว อยู่ในนั้น ทุกคืนวันที่ท้อใจ เธอไม่จำเป็น ต้องต่อสู้เพื่อฉัน แต่จงฝ่าฟัน เพื่อฝันที่วาดไว้ ต่อจากนี้ อีกแสนนาน หรือแสนไกล ฉันจะเป็น หนึ่งกำลังใจที่ยิ่งใหญ่ สำหรับเธอ
ขอขอบคุณที่มาของ กลอนกำลังใจ จาก : จาก klonthai.com
|
ภาพอยู่ด้านขวา และมีรูปอยู่ใต้ข้อความภาพด้านซ้าย
โค้ด...... <img src="//xxxxxxx" align=right hspace=10>
ใส่ข้อความ <img src='//xxxxxxx'><br clear=right>
|
เพื่อนของฉัน.... อยู่ตรงนั้นสบายดีไหม... เมื่อขอบฟ้ากว้างเราห่างไกล... เธอจะเป็นอย่างไรบ้างคนดี...
ก็ได้แต่ส่งใจให้... มันลอยไปหาเธอทุกที่... เชื่อเถอะนะว่าทุกทุกวินาที... เธอยังคนมีฉัน.. คนนี้อยู่ในใจ...
ที่มาของ กลอนเพื่อน : hilight.kapook.com
...จากการใส่โค้ดนี้ จะเห็นว่าภาพทั้งสองจะซ้อนกัน สาเหตก็เพราะ ภาพที่สองทางด้านซ้ายมีความใหญ่ไป วิธีแก้ก็คือ เวลาใส่ข้อความ ให้เคาะระยะห่างระหว่างบรรทัดให้มากหน่อย หรือ จัดหาข้อความที่มีความยาวพอดี หรือ กำหนดขนาดตัวอักษรให้เล็กลง
อย่างตัวอย่างนี้ ใช้โค้ดเดิม รูปขนาดเดิม ข้อความเท่าเดิม แต่เคาะระยะห่างระหว่างบรรทัดมากขึ้น
เพื่อนของฉัน....
อยู่ตรงนั้นสบายดีไหม...
เมื่อขอบฟ้ากว้างเราห่างไกล...
เธอจะเป็นอย่างไรบ้างคนดี...
ก็ได้แต่ส่งใจให้...
มันลอยไปหาเธอทุกที่...
เชื่อเถอะนะว่าทุกทุกวินาที...
เธอยังคนมีฉัน..
คนนี้อยู่ในใจ...
|
ภาพด้ายซ้ายหนึ่งรูป และด้านขวาสองรูป โดยมีข้อความระหว่างกลาง
<img src="//xxxxxxx" align=left hspace=10> <img src='//xxxxxxx'>
ใส่ข้อความ
<img src='//xxxxxxx'><br clear=left>
|
แม้ความรัก...จะไม่ใช่ทั้งหมดของชีวิต...แต่มันก็เป็น
แรงบันดาลใจ...ให้เรามีชีวิตอยู่อย่างสุขใจ
ให้เราได้สร้างสรรค์...สิ่งดีๆ...อีกตั้งมากมาย
|
※โค้ดใส่ข้อความกำกับทางด้านขวาบรรทัดล่างของรูป
<img src="http:รูปภาพ" align="bottom">
| อ่อนล้าเหนื่อยใจบ้างหรือเปล่า หายเศร้าหายเหงาบ้างไหม ความคิดถึงส่งผ่านขอบฟ้ากว้างไกล กำลังใจมีให้เธอทุกยาม
|
※ใส่ข้อความด้านขวา
<img src="http:รูปภาพ" align="left">ข้อความ<br clear="left">
| อันคนเรา เกิดขึ้นมา ไม่เหมือนกัน สิ่งสำคัญ มีจิตใจ ต่างคิดเห็น แยกขาวดำ ตามแต่ ความจำเป็น จะให้เด่น เกินไป ก็ไม่ดี ธรรมดา สัตว์โลก ย่อมดีชั่ว แล้วแต่ตัว เลือกเอา ไม่หมองศรี บางคนเลือก คุณธรรม ความดี บางคนซี เลือกชั่ว ให้ตัวดัง
|
..ใส่ข้อความทางด้านซ้ายของรูป
โค้ด....... <img src="http:รูปภาพ" align=right>
|
ฉันรักโลกใบนี้....เป็นที่สุด ผ่านพ้นจุดเริ่มต้นจนวันนี้ ความรู้สึกครั้งแรกแปลกทันที อารมณ์ดีพิเศษ..ทุกเหตุการณ์
มิตรภาพอาบน้ำผึ้งที่พึงพบ ไร้ทำนบรบเร้าเอามาหาร เฝ้าถามทวงห่วงใยวิสัยกานท์ นิ่งนัยญาณ..รับรู้โลกดูดี
มิได้เป็นเจ้าของ..แต่มองอยู่ มิต้องกู่อยู่ใกล้..แม้ไกลที่ มิลวงหลอกพอกพูนตระกูลมี เหมือนเธอพลีฝ่ามือ...ไม่ดื้อดึง
สอนให้ฉันหัดเดินอย่าเกิน....ก้าว เลิกโน้มน้าวไพรีเป็นที่พึ่ง มัวสันโดษในตรมอย่างกลมกลึง โผล่พ้นจึงเห็นว่าง..อยู่ข้างตัว
ขอบคุณ บทกลอนเพราะๆจาก //www.thaipoem.com/
|
※โค้ดใส่ข้อความตามมุมต่างๆ※
|
Left= จัดภาพไว้ด้านซ้ายของตัวหนังสือ(ตัวหนังสืออยู่ขวา) Right= จัดภาพไว้ด้านขวาของตัวหนังสือ(ตัวหนังสืออยู่ซ้าย) Top = ตัวหนังสืออยู่บรรทัดบนของภาพ Middle= ตัวหนังสืออยู่บรรทัดกลางของภาพ Bottom = ตัวหนังสืออยู่บรรทัดล่างของภาพ
hspace สำหรับระยะห่างแนวนอน และ vspace สำหรับระยะห่างแนวตั้ง
...สำหรับภาพอิลลัสท์ตามบล็อกนี้ ยีงมีอีกเพียบค่ะ คลิกตามลิงค์ไปเซฟมาได้เลย
|
| | | | |
* ...อ่านซักนิด.. * |
| ..ปกติแล้ว เราจะไม่ตั้งบล็อกการแต่งบล็อกนี้เป็นหน้าหลัก...อย่างที่เพื่อนๆหลายคนทราบดี ว่าการแจกของแต่งบล็อก หรือโค้ดต่างๆนั้น เป็นงานอดิเรก | เพราะความตั้งใจของเราก็คืออยากให้บล็อกนี้เป็นบล็อกงานฝีมือ (ถึงแม้ว่าฝีมือจะไม่ค่อยมี และระยะหลังๆจะไม่ค่อยมีผลงานก็ตามเถอะ) ...แต่วันนี้เอาหน้านี้มาตั้งเป็นหน้าหลักก็เพราะคิดว่า บล็อกนี้น่าจะเป็นประโยชน์แก่เพื่อนๆอยู่บ้าง...
| |
| กว่าจะอัพบล็อกนี้เสร็จเล่นเอาหมดพลังงาน แฮ่กๆ
ไว้รอบหน้าจะมาลงโค้ดกรอบกระดานดำ
กับกรอบหัวสีที่ใช้ในบล็อกนี้ให้นะคะ
(ถ้าไม่ลืม(เป็นคนความจำสั้น แต่รักชั้นยาวนะจ๊ะ) และไม่ขี้เกียจซะก่อน อิอิ)
ขอไปชาร์ตแบ็ตก่อน
ใครไม่เข้าใจยังงัย ฝากคำถามไว้ได้ค่ะ
...ขอบคุณกลอนเพราะๆจาก เว็ปต่างๆ ใครแต่งบอกมาได้ค่ะ จะแปะเครดิตให้.....
Music Playlist at MixPod.com
|
Create Date : 03 มกราคม 2554 |
Last Update : 3 มกราคม 2554 20:45:36 น. |
|
27 comments
|
Counter : 3371 Pageviews. |
|
|
|
โดย: obbylovequilt IP: 58.11.47.247 วันที่: 3 มกราคม 2554 เวลา:21:14:52 น. |
|
|
|
โดย: nu-an วันที่: 4 มกราคม 2554 เวลา:8:31:41 น. |
|
|
|
โดย: Benim (Benim ) วันที่: 4 มกราคม 2554 เวลา:9:08:11 น. |
|
|
|
โดย: นางฟ้าของผม วันที่: 4 มกราคม 2554 เวลา:13:22:31 น. |
|
|
|
โดย: @NBC วันที่: 4 มกราคม 2554 เวลา:14:26:07 น. |
|
|
|
โดย: diamondsky วันที่: 4 มกราคม 2554 เวลา:15:24:54 น. |
|
|
|
โดย: haiku วันที่: 4 มกราคม 2554 เวลา:21:17:11 น. |
|
|
|
โดย: แม่สามข้าว (sinaporn ) วันที่: 4 มกราคม 2554 เวลา:21:30:29 น. |
|
|
|
โดย: Gunpung วันที่: 4 มกราคม 2554 เวลา:21:45:42 น. |
|
|
|
โดย: น้ำฝน ❤ (CeciLia_MaLee ) วันที่: 5 มกราคม 2554 เวลา:2:09:23 น. |
|
|
|
โดย: kobnon วันที่: 5 มกราคม 2554 เวลา:13:57:20 น. |
|
|
|
โดย: arete (athena-th ) วันที่: 5 มกราคม 2554 เวลา:21:45:14 น. |
|
|
|
โดย: Benim (Benim ) วันที่: 6 มกราคม 2554 เวลา:0:32:20 น. |
|
|
|
โดย: pinkyrose วันที่: 6 มกราคม 2554 เวลา:0:40:01 น. |
|
|
|
โดย: Benim (Benim ) วันที่: 6 มกราคม 2554 เวลา:6:33:54 น. |
|
|
|
โดย: ใครก็ทำได้ วันที่: 6 มกราคม 2554 เวลา:9:04:03 น. |
|
|
|
โดย: Elbereth วันที่: 6 มกราคม 2554 เวลา:11:56:25 น. |
|
|
|
โดย: haiku วันที่: 6 มกราคม 2554 เวลา:19:51:35 น. |
|
|
|
โดย: Benim (Benim ) วันที่: 7 มกราคม 2554 เวลา:11:35:08 น. |
|
|
|
โดย: kobnon วันที่: 9 มกราคม 2554 เวลา:9:04:50 น. |
|
|
|
โดย: idea4thai วันที่: 9 มกราคม 2554 เวลา:13:15:22 น. |
|
|
|
โดย: Sai Eeuu วันที่: 4 กันยายน 2554 เวลา:7:52:15 น. |
|
|
|
โดย: ใครก็ทำได้ วันที่: 16 พฤศจิกายน 2554 เวลา:3:14:25 น. |
|
|
|
โดย: chay_tbh วันที่: 19 ธันวาคม 2554 เวลา:4:29:22 น. |
|
|
|
|
|
|
|
มีความสุขมากๆนะคะ
ขอบคุณสำหรับโค้ด
อ๊อบไม่เป็นเลยค่ะ
บล็อกก็เลยดูเบสิคสุดฤทธิ์
ชอบเพลงนี้มากค่ะ
ฟังซ้ำๆได้หลายรอบมาก