กล่องใส่ข้อความคอมเม้นสำเร็จรูป ชุดที่.7 เซต สไตล์คลาสสิค
| |
| กล่องใส่ข้อความคอมเม้นสำเร็จรูปที่ใช้สำหรับตกแต่งบลอคแก็งโดยเฉพาะ... |
| กล่องใส่ข้อความคอมเม้นสำเร็จรูป ชุดที่.7 เซต สไตล์คลาสสิค |
| |
| เพียงแค่เพื่อนๆเลือกรูปแบบของ รูป ตามตัวอย่างที่ชอบด้าน ล่าง...แล้ว ก็อปปี้ลิงค์ของรูปไป วางแทนที่พิมพ์สีแดงที่แทรกอยู่ในโคด แลัวนำฌคดทั้งหมดไปวางที่สคริปเอรีย โดยวางไว้แถวล่างสุดของหน้าที่วางโคด...คุณก็จะมีกล่องใส่ข้อความคอมเม้นแบบ น่ารักๆๆแต่งบล็อคจ้า... |
<style>div.comment{overflow: auto; width: 438px; 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="487" align="center" style="background-image: url(//i600.photobucket.com/albums/tt88/jetiya/Project72.png)"> <tbody><tr><td align="right" valign="bottom" style="height: 109px"><table border="0" cellspacing="2" cellpadding="2" width="215" align="right" style="background-image: url(//i600.photobucket.com/albums/tt88/jetiya/cat-blog/Project75-5-1.png); height: 104px"><tbody><tr><td align="right" valign="bottom" style="height: 82px"></td><td align="left" valign="bottom" style="width: 38px"><font color="#ffffff"><font face="Staccato222 BT"><font size="3"><i> ' + i + '</td></tr><tr><td></td><td></td></tr></tbody></table></td></tr><tr><td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="487" align="center" style="background-image: url(//img825.imageshack.us/img825/7381/project72.png)"> <tbody><tr><td rowspan="2" align="right" valign="bottom" style="width: 5px"><img src="//img846.imageshack.us/img846/7922/animationproject72.gif" border="0" /></td><td align="center" valign="middle" style="height: 0px"></td><td rowspan="2" align="left" valign="bottom" style="width: 5px"><img src="//img593.imageshack.us/img593/7381/project72.png" border="0" /></td></tr><tr><td align="center" valign="bottom"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="border-bottom:1px solid #F8F8F8"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="border-bottom:1px solid #F4F4F4"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="border-bottom:1px solid #DADADA"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="border-bottom:1px solid #DADADA"><tr><tbody><tr><td align="center" valign="top" ><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center" style="border-bottom:1px solid #D4D4D4"><tr><tbody><tr><td align="center" valign="top" ><b>'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml; }</script>
|
|
| |
| หมายเหตุ ** เวลาก็อปปปี้โคดไปวางตรวจดูให้ละเอียดว่าก็ออปี้โคดไปครบทุกตัวหรือเปล่า และเวลาวางโคดอย่าให้โคดแตกแถว เพราะอาจทำให้ผลการใข้งานเปลี่ยนแปลงได้ค่ะ |
| |
|
 | |  | | ตัวอย่าง ของกล่องใส่ข้อความคอมเม้น | โดย: lozocat  วันที่: 16 กันยายน 2553 เวลา:12:50:07 น. | |
|
|
|
|
| |
วันที่: 20 มีนาคม 2554 เวลา:4:36:17 น.
วันที่: 16 กันยายน 2553 เวลา:12:50:07 น. 
ผู้ติดตามบล็อก : 13 คน [
ขอบคุณมากๆเลยค่ะ