ขยับตัวหนังสือให้ห่างจากเส้นกรอบกล่องคอมเม้นท์



แอบก๊อปมาจากบล็อคพี่ ทั้งหมดใจ




CODE
<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 = '<fieldset style="border: สีของกรอบใหญ่ solid 1px; padding:4"> center(left)(right)style="border: สีของกรอบเล็ก solid 1px; padding:2; background: none"><font color='#FF0000'>คห.ที่</font>' + i + '</FONT></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>



แต่งกรอบ comment และให้นับข้อความ
(เปลี่ยนสีกรอบกล่อง comment พร้อมตกแต่งเขียนข้อความที่กรอบเล็ก (คุณกึ่งยิง))
ขอบคุณโค้ต จากบล็อคป้ามด

สีของกรอบใหญ่ - red blue white หรือ #FF6600 #FF3300 #FF0000
Solid - ชนิดของกรอบ dotted, dashed, solid, groove, ridge, inset, outset, double
1px - ความหนาของกรอบ สามารถเปลี่ยนตัวเลขได้ตามใจชอบ
Padding: 4 - กำหนดระยะห่างจากรอบกับตัวหนังสือ
Center / left / right – กำหนดของกรอบเล็ก ว่าจะให้อยู่ กลาง ซ้าย หรือขวา
สีของกรอบเล็ก - red blue white หรือ #FF6600 #FF3300 #FF0000
Solid - ชนิดของกรอบ dotted, dashed, solid, groove, ridge, inset, outset, double
1px - ความหนาของกรอบ สามารถเปลี่ยนตัวเลขได้ตามใจชอบ
Padding: 2 – กำหนดระยะห่างจากรอบกับตัวหนังสือ
Background: none – เปลียนจาก none เป็นโค้ตสี หรือชื่อของสีได้เลยค่ะ
(บล็อคกราวจะแสดงที่กรอบเล็ก)
ตัวเอย่าง - red blue white หรือ #FF6600 #FF3300 #FF0000
คห.ที่ – เปลี่ยนข้อความได้ตามใจชอบ










ดอกหญ้าเมืองเลย
5 มกราคม 2551





Create Date : 03 มกราคม 2551
Last Update : 6 พฤษภาคม 2551 14:57:45 น.
Counter : 1461 Pageviews.

5 comments
  
ดีจังเลย พยายามจะให้กรอบมีการนับข้อความ แต่หนนี้ไม่รู้จะทำได้ป่าว
โดย: mamminnie วันที่: 5 มกราคม 2551 เวลา:19:57:37 น.
  
ขอบคุณค่า พยายามหามาตั้งนาน

เมื่อไหร่จะแต่งได้สวยแบบนี้มั่งก็ไม่รู้ อิอิ
โดย: BeCoffee วันที่: 6 มกราคม 2551 เวลา:9:05:54 น.
  
โดย: My life in Japan. วันที่: 7 มกราคม 2551 เวลา:18:04:57 น.
  
ขโมยเทคนิคไปแต่งบลอกแล้วค่ะ
ขอบคุณนะคะ
โดย: หัวใจสีชมพู วันที่: 8 มกราคม 2551 เวลา:20:43:40 น.
  
มาศึกษาเทคนิคค่ะ ทำเก่งมากๆๆเลย
โดย: Little_stitch วันที่: 29 กันยายน 2551 เวลา:14:55:53 น.
ชื่อ :
Comment :
 *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 

Dyml.BlogGang.com

ดอกหญ้าเมืองเลย
Location :
รักเธอประเทศไทย
Thai Food  Togo

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

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