กล่องใส่ข้อความคอมเม้นสำเร็จรูป ชุดที่.5 เซตหัวใจหวานแหววว..


Have a nice day.




 กล่องใส่ข้อความคอมเม้นสำเร็จรูปที่ใช้สำหรับตกแต่งบลอคแก็งโดยเฉพาะ....เซตที่5 ตัวอย่างที่1
วิธีใช้** เพียงแค่เพื่อนๆเลือกรูปแบบของ กิ๊ฟรูปหัวใจ ตามตัวอย่างที่ชอบด้าน ล่าง...แล้ว ก็อปปี้ลิงค์ของรูปไป วางแทนที่พิมพ์สีแดงที่แทรกอยู่ในโคด แลัวนำฌคดทั้งหมดไปวางที่สคริปเอรีย โดยวางไว้แถวล่างสุดของหน้าที่วางโคด...คุณก็จะมีกล่องใส่ข้อความคอมเม้นแบบ น่ารักๆๆแต่งบล็อคจ้า...

   
   


 <style>div.comment{overflow: auto; width: 450px; height: auto;}</style><script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<table border="0" cellspacing="0" cellpadding="0" width="482" align="center" style="background-image: url(//img37.imageshack.us/img37/4058/00005v.gif)">  <tbody><tr><td align="right" valign="bottom" style="height: 51px; width: 100px"><img src="//img707.imageshack.us/img707/803/ppink3.gif" border="0" /></td><td align="right" valign="top"><table border="0" cellspacing="4" cellpadding="4" width="205" align="right" style="height: 39px">  <tbody><tr><td align="right" valign="bottom"><font style="letter-spacing:1px"><b>Comment Box No. ' + i + '</td></tr></tbody> </table>   </td></tr><tr><td colspan="2" align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="left">  <tbody><tr><td> </td></tr><tr><td align="center" valign="top" style="background-image: url(//img255.imageshack.us/img255/5606/00004.gif)"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">  <tbody><tr><td> </td></tr><tr><td><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">  <tbody><tr><td colspan="2"></td><td rowspan="2" align="left" valign="bottom" style="width: 5px"><img src="//img189.imageshack.us/img189/571/project8.gif" ></td></tr><tr><td align="right" valign="bottom" style="width: 5px"><img src="//img535.imageshack.us/img535/571/project8.gif" ></td><td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"  style="border-bottom:2px solid #EFEFEF"><tr><tbody><tr><td align="center" valign="top" ><br /><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"  style="border-bottom:3px solid #CCCCCC"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"  style="border-bottom:1px solid #DFDFDF"><tr><tbody><tr><td align="center" valign="top" ><font style="letter-spacing:1px"><b>'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml; }</script>


หมายเหตุ ** เวลาก็อปปปี้โคดไปวางตรวจดูให้ละเอียดว่าก็ออปี้โคดไปครบทุกตัวหรือเปล่า และเวลาวางโคดอย่าให้โคดแตกแถว เพราะอาจทำให้ผลการใข้งานเปลี่ยนแปลงได้ค่ะ
 

Comment Box No. 1

ตัวอย่างที่1 ของกล่องใส่ข้อความคอมเม้น
โดย: lozocat   วันที่: 16 กันยายน 2553 เวลา:12:50:07 น.





  
 




 กล่องใส่ข้อความคอมเม้นสำเร็จรูปที่ใช้สำหรับตกแต่งบลอคแก็งโดยเฉพาะ....เซตที่5 ตัวอย่างที่2
วิธีใช้** เพียงแค่เพื่อนๆเลือกรูปแบบของ กิ๊ฟรูปหัวใจ ตามตัวอย่างที่ชอบด้าน ล่าง...แล้ว ก็อปปี้ลิงค์ของรูปไป วางแทนที่พิมพ์สีแดงที่แทรกอยู่ในโคด แลัวนำฌคดทั้งหมดไปวางที่สคริปเอรีย โดยวางไว้แถวล่างสุดของหน้าที่วางโคด...คุณก็จะมีกล่องใส่ข้อความคอมเม้นแบบ น่ารักๆๆแต่งบล็อคจ้า...

   
   


<style>div.comment{overflow: auto; width: 470px; height: auto;}</style><script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<table border="0" cellspacing="0" cellpadding="0" width="482" align="center">  <tbody><tr><td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="482" align="center" style="background-image: url(//img203.imageshack.us/img203/9626/ppink1.gif)"><tbody><tr><td align="left" valign="top" style="width: 205px"><table border="0" cellspacing="2" cellpadding="2" width="170" align="left" style="height: 35px">  <tbody><tr><td align="left" valign="bottom"><font style="letter-spacing:1px"><b><font size="1">Comment Box No. ' + i + '</td></tr></tbody> </table>  </td><td align="left" valign="top"><img src="//img135.imageshack.us/img135/3491/project41.png" border="0" /></td></tr></tbody></table></td></tr><tr><td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="482" align="center" style="background-image: url(//img718.imageshack.us/img718/252/ppink2.gif)"><tbody><tr><td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"  style="border-bottom:2px solid #EFDEDE"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"  style="border-bottom:1px solid #FFFFFF"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"  style="border-bottom:2px solid #EFDEDE"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="2" width="98%" align="center">  <tbody><tr><td align="center" valign="top"><font style="letter-spacing:1px"><b>'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml; }</script>

หมายเหตุ ** เวลาก็อปปปี้โคดไปวางตรวจดูให้ละเอียดว่าก็ออปี้โคดไปครบทุกตัวหรือเปล่า และเวลาวางโคดอย่าให้โคดแตกแถว เพราะอาจทำให้ผลการใข้งานเปลี่ยนแปลงได้ค่ะ
 

Comment Box No. 1
ตัวอย่างที่2 ของกล่องใส่ข้อความคอมเม้น
โดย: lozocat   วันที่: 16 กันยายน 2553 เวลา:12:50:07 น.




Create Date : 28 กุมภาพันธ์ 2554
Last Update : 28 กุมภาพันธ์ 2554 5:45:45 น.
Counter : 1986 Pageviews.

9 comments
ดีใจและรอรับรางวัลกิจกรรมตะพาบ เดือน พฤษภา-มิถุนายน 2563 katoy
(22 ก.ย. 2563 06:01:34 น.)
รอด้วย...หวัง(โคลงสามดั้น) ญามี่
(8 เม.ย. 2563 17:23:28 น.)
Logo สวยน่ารักชุดที่ 60 ญามี่
(19 มี.ค. 2563 19:46:41 น.)
Emoticon ขวดโหล June July August
(26 ก.พ. 2563 19:56:36 น.)
  



หวานมากๆๆๆเลยค่ะ
โดย: d__d (มัชชาร ) วันที่: 28 กุมภาพันธ์ 2554 เวลา:7:51:01 น.
  
สวยค่า คุณแคท
ไอเดียบรรเจิดมากกกกกกกก
เก่งจัง
โดย: ลงสะพาน...เลี้ยวขวา วันที่: 28 กุมภาพันธ์ 2554 เวลา:8:36:03 น.
  
ขอนำไปใช้บ้างนะค่ะ ขอบคุณมากๆค่ะ
โดย: ดาวริมทะเล วันที่: 28 กุมภาพันธ์ 2554 เวลา:10:39:06 น.
  
น่ารักมากๆค่ะ
โดย: phunsud วันที่: 28 กุมภาพันธ์ 2554 เวลา:14:00:29 น.
  
ชอบอ่ะ ชอบกล่องคอมเม้นท์ของตัวเองด้วย
โดย: หัวใจสีชมพู วันที่: 28 กุมภาพันธ์ 2554 เวลา:17:12:59 น.
  
น่ารักคะ ขอไปใช้มั้งนะคะ
โดย: ์Noy (สร้อยสีม่วง ) วันที่: 28 กุมภาพันธ์ 2554 เวลา:17:29:05 น.
  
น่ารักจังเลย
โดย: kobnon วันที่: 28 กุมภาพันธ์ 2554 เวลา:19:46:30 น.
  
ขอบคุณนะคะ
โดย: แม่สามข้าว (sinaporn ) วันที่: 1 มีนาคม 2554 เวลา:15:13:03 น.
  
น่ารักมากๆ ค่ะ ขอบคุณนะคะที่นำมาแบ่งปัน
โดย: kapeak วันที่: 1 มีนาคม 2554 เวลา:16:01:17 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Misscat.BlogGang.com

lozocat
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 13 คน [?]

บทความทั้งหมด