Group Blog
 
<<
สิงหาคม 2552
 
 1
2345678
9101112131415
16171819202122
23242526272829
3031 
 
2 สิงหาคม 2552
 
All Blogs
 
ทำกรอบให้ข้อความ





เป็นยังไงกันบ้างเอ่ย..หลังจากที่ได้ทดลองเปลี่ยน background กันไปแล้ว เพื่อนๆคงจะพอคุ้นเคยกับการใช้ code กันบ้างแล้ว...คราวนี้เราจะมาลองใส่กรอบให้กับข้อความกันบ้างนะคะ...ตัวอย่างก็อย่างที่เพื่อนๆกำลังเห็นจาก blog ของไหมนี่แหละค่ะ


ก่อนอื่นเราต้องมาทำความรู้จักกับกรอบประเภทต่างๆกันก่อนนะคะว่าแต่ละแบบนั้นมีชื่อว่าอะไร เพื่อที่เราจะได้สามารถเลือกใช้ได้ตามความต้องการของเราค่ะ


dotted 2px




dashed 2px




solid 2px




double 5px




outset 5px




inset 5px




ridge 5px




groove 5px






code กรอบข้อความนะคะ
<*table style="border: 3px solid cc66cc;"cellpadding="5" cellspacing="10"<*tr><*td> ...ใส่รายละเอียดที่นี่... <*/center>
<*/td><*/tr><*/table>


~:~ การนำ code ไปใช้ต้องลบ * ออกให้หมดก่อนนะคะ



- - กรอบข้อความที่ให้ไปนี้ จะเป็นกรอบชั้นเดียวค่ะ...แล้วโอกาศหน้าเราจะลองทำกรอบหลายชั้นกันบ้างนะคะ

ซึ่งหากคุณต้องการกรอบแบบไหน สามารถเปลี่ยนได้ 3 ตำแหน่ง คือ
...ความหนาของกรอบ 3px (เปลี่ยนที่ตัวเลข เลขยิ่งมากขนาดเส้นของกรอบยิ่งใหญ่ค่ะ)
...ชนิดของกรอบ dotted, dashed,solid, groove, ridge, inset, outset, double เลือกได้ตามใจชอบเลยค่ะ
...สีของกรอบ ซึ่งคุณสามารถดู code สี ได้ที่นี่ค่ะ //html-color-codes.com/





อย่างที่ดาวได้เคยบอกไปแล้วนะคะว่า
ที่ๆเราจะนำ code ไปวางนั้นมี 2 ที่ คือ
Script area และ ในแต่ละ blog
ซึ่ง code กรอบข้อความนี้แน่นอนค่ะว่าจะต้องอยู่ในแต่ละ blog แน่ๆ

เพื่อนบางคนอาจจะงงว่า...แล้วมันจะเอาไว้ตรงไหนล่ะเนี่ย ท่องไว้เลยค่ะ ช่องรายละเอียดๆๆๆๆๆๆๆ ป๊าดดดดด....แล้วยังไงล่ะเนี่ย...backgroud ตรูก็วางไว้แล้ว อย่าเครียดค่ะ...อย่าเครียด...เคาะ enter ลงมาซัก 2-3 ครั้ง แล้ววางลงไปเลยค่ะ

ดาวขอแนะนำว่า ในการวางโค้ดแต่ละโค้ด เราควรจะเว้นให้ห่างกันซักหน่อย เพราะพวกเราน่ะมือใหม่ โอกาสพลาดมีสูงค่ะ.....ดาวเป็นมาแล้ว 5555555555555



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




Create Date : 02 สิงหาคม 2552
Last Update : 13 สิงหาคม 2556 4:52:28 น. 10 comments
Counter : 3239 Pageviews.

 
แจ่มเลยครับ ขอบคุณมากเลย
จขบ. ขยันอัพจัง


โดย: คนจนที่อยากรวย วันที่: 2 สิงหาคม 2552 เวลา:10:48:50 น.  

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


โดย: peeshin วันที่: 2 สิงหาคม 2552 เวลา:10:56:44 น.  

 
Thank you so mush !!!


โดย: Violeta Lady วันที่: 2 สิงหาคม 2552 เวลา:12:12:22 น.  

 
ฟ้อนต์ สีม่วงสวยดีค่ะ


ขอบคุณสำหรับกรอบงาม ๆ


โดย: กิน ๆ เที่ยว ๆ วันที่: 2 สิงหาคม 2552 เวลา:21:19:08 น.  

 
มาแอบเก็บความรู้ค่ะ


โดย: chadapha วันที่: 6 สิงหาคม 2552 เวลา:0:50:31 น.  

 
ยินดีค่ะ...ขอให้มีความสุขกับการแต่ง blog กันนะคะ


โดย: Lan_Dao วันที่: 6 สิงหาคม 2552 เวลา:1:23:01 น.  

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


โดย: under-star วันที่: 8 สิงหาคม 2552 เวลา:15:50:33 น.  

 
คุณunder-star : ยินดีค่ะ แล้วอย่าลืมแวะมาอีกนะคะ


โดย: Lan_Dao วันที่: 15 สิงหาคม 2552 เวลา:3:18:24 น.  

 
อธิบายละเอียดดีจังเลย เพิ่งเปิดบ้านที่ bloggang ได้ไม่กี่วันเอง ได้ความรู้จากคุณไหมไปก็หลายเรื่อง ขอบคุณมากค่ะ


โดย: peachgirl_pp วันที่: 19 กันยายน 2552 เวลา:0:51:24 น.  

 
ดีมากๆเลยคะ


โดย: HappySomseng วันที่: 22 กรกฎาคม 2555 เวลา:9:02:15 น.  

ชื่อ :
Comment :
  *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 
รหัสส่งข้อความ
กรุณายืนยันรหัสส่งข้อความ

Lan_Dao
Location :


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

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 1 คน [?]




: เพื่อนกำลังชม blog
Friends' blogs
[Add Lan_Dao's blog to your web]
Links
 

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