Hello!!!.. New Friends Come .Some Friends Leave. Hope You keep me into your heart.As i keepyou in mine. I willnever forget you. Promise .
Group Blog
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat

lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
Group Blog
 
<<
กรกฏาคม 2553
 123
45678910
11121314151617
18192021222324
25262728293031
 
7 กรกฏาคม 2553
 
All Blogs
 
โคดใส่ลูกเล่นน่ารักๆให้กล่องใส่ข้อความคอมเม้น

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

<table border="0" cellspacing="1" cellpadding="1" width="430" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="1" cellpadding="1" align="left">  <tbody><tr><td align="center" valign="middle" style="border: 1px dashed #ff69b4; background-color: #fff0f5"><img src=//img694.imageshack.us/img694/9933/24qq3.gif>คอม เม้นที่  ' + i + '  เพื่อนกันตลอดไป<img src=//img694.imageshack.us/img694/9933/24qq3.gif></td></tr></tbody> </table></td></tr><tr><td align="center" valign="middle" style="border: 1px dashed #ff69b4; background-color: #fff0f5"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center">  <tbody><tr><td align="center" valign="middle" style="background-image: url(//i907.photobucket.com/albums/ac271/missweety97/Line/lozocat-g111.gif); height: 25px"> </td></tr><tr><td align="center" valign="middle">

ข้อความด้านบนที่ จขบ.ใส่สีกำกับไว้ สามารถแก้ไข หรือ เปลี่ยนแปลงค่ะ
ส่วนของกล่องเล็กด้านบน
ใส่ขนาดความกว้างให้กับกล่องข้อความ
กำหนดให้กล่องเล็กอยู่ left center right
ใส่ โคดสีขอบกล่องเล็กด้านบน(เส้นรอยปะ)
ใส่ชนิดของ Border (dashed คือชื่อของเส้นรอยปะมีหลายแบบดูได้ที่เมนูข้างบล็อกค่ะ)
ใส่โคดสีให้กับพื้นหลังของกล่องเล็กด้านบน
ใส่ลิงค์รูปแทรกลงไปในข้อความต้องรับ
เขียนข้อความต้อนรับ
ส่วนของกล่องใหญ่ใหญ่ด้านล่าง
ใส่โคดสีให้กับขอบของกล่องใหญ่ (เส้นรอยปะ กล่องใหญ่)
ใส่ชนิดของ Border
ใส่โคดสีให้กับพื้นหลังกล่องใหญ่
ใส่ลิงค์ของรูประบาย
ใส่ขนาดใให้กับความสูงของระบาย
ในส่วนของโคดด้านล่างเป็นคำสั่งที่ทำให้เราเห็นกล่องใส่ข้อความคอมเม้นในบล็อคของเราค่ะ เมื่อเราจัดและตกแต่งในส่วนต่างๆด้านบนแล้ว ก็ก็อปปี้โคดทั้งหมดมาวางไว้ตามที่ จขบ. ได้กำกับไว้ที่โคดด้านล่าง...หากเพื่อนๆงง ไม่แน่ใจ จะก็อปปี้โคดตัวอย่างด้านบนไปลองวางแทนก่อนก็ได้ค่ะ....

<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 = '.......ใส่โคดทั้งหมดที่นี่......'; document.getElementById( i ).innerHTML = beforeHtml + originalHtml; }</script>
ข้อความระวัง.. เวลาก็อปปี้โคดไปวาง กรุณาอย่าใให้โคดแตกแถวนะคะ และตรวจดูว่าเราได้ก็อปปี้โคดไปครบทุกตัวหรือเปล่า..เพื่อผลการใช้งาน
เมื่อเราจัดเสร็จโคดทั้งหมดเรียบร้อยแล้ว..นำโคดไปวางที่ สคริปเอรีย เราก็จะมีหน้าตาโคดตามแบบที่เห็นด้านล่างค่ะ

คอมเม้นที่ 1. เพื่อนกันตลอดไป
เพื่อนกันตลอดไป
โดย: lozocat 7 กรกฎาคม 2553 3:16:48 น.



Create Date : 07 กรกฎาคม 2553
Last Update : 7 กรกฎาคม 2553 16:39:03 น. 14 comments
Counter : 1200 Pageviews.

 

ตัวอย่างระบายแต่งคอมเม้นจ้าา
 
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocat 
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocat 
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocat 
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat



โดย: lozocat วันที่: 7 กรกฎาคม 2553 เวลา:3:16:48 น.  

 

lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocat 
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocat 
lozocatlozocat
lozocat

lozocat

lozocatlozocat
lozocat 
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat



โดย: lozocat วันที่: 7 กรกฎาคม 2553 เวลา:3:22:45 น.  

 
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocat 
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocat 
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocat
lozocatlozocat
lozocatlozocat
 
lozocatlozocatlozocat
lozocat lozocatlozocat
lozocatlozocatlozocat
lozocatlozocatlozocat
lozocatlozocat 



โดย: lozocat วันที่: 7 กรกฎาคม 2553 เวลา:4:23:02 น.  

 


โดย: นนนี่มาแล้ว วันที่: 7 กรกฎาคม 2553 เวลา:7:09:28 น.  

 
น่ารักเชียวจ้า


โดย: ดา ดา วันที่: 7 กรกฎาคม 2553 เวลา:10:09:30 น.  

 
Love is love's reward.

John Dryden



นำโคดไปวางที่ สคริปเอรีย หรือคะ
ถ้า CB ของแต่ละ blog ขนาดไม่เท่ากันละคะ
จะทำได้ไหม


โดย: Elbereth วันที่: 7 กรกฎาคม 2553 เวลา:11:49:47 น.  

 
ขอบคุณสำหรับม่านสวยๆ ค่ะ กำลังหาอยู่พอดีเลยค่ะ


โดย: kobnon วันที่: 9 กรกฎาคม 2553 เวลา:13:54:09 น.  

 
มาหยิบของน่ารักไปใช้...ขอบคุณค๊า


โดย: กระต่าย (jamsaimak ) วันที่: 14 กรกฎาคม 2553 เวลา:12:45:09 น.  

 
สวยทุกอันเลยค่ะ ขอไปใช้นะคะ ขอบคุณค่ะ


โดย: ณรินทร์รัตน์ชนา วันที่: 16 กรกฎาคม 2553 เวลา:1:28:37 น.  

 
blog สวยหวานมากเลยค่ะ


โดย: pim&jae วันที่: 18 กรกฎาคม 2553 เวลา:21:52:04 น.  

 
มีของเล่นสวย ๆ เยอะเลย ชอบมาก ขอบคุณที่แบ่งปันค่ะ


โดย: kate_tee วันที่: 21 กรกฎาคม 2553 เวลา:14:39:18 น.  

 

ขอนำไปใช้บ้างนะคะ เรากำลังหัดแต่งblog อยู่ เลยได้ความรู้เพิ่มเติมเยอะเลยค่ะ

ขอบคุณมากๆค่ะ


โดย: PieCarrot วันที่: 13 สิงหาคม 2553 เวลา:18:21:24 น.  

 
ขอบคุณมากค่า ได้ใช้ประโยชน์อย่างมากเลย แต่ยังงงๆ มึนๆอยู่ พึ่งหัดทำบล็อกเหมือนกันค่า ถ้าไม่ได้คุณ lozocat ต้องแย่แน่เลยค่า


โดย: pinklilo วันที่: 5 ธันวาคม 2553 เวลา:1:01:28 น.  

 
ขอบคุณนะคะ กว่าจะทำได้.....


โดย: ดาวริมทะเล วันที่: 11 สิงหาคม 2554 เวลา:19:33:33 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

lozocat
Location :


[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 13 คน [?]




Friends' blogs
[Add lozocat's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.