*/
  • monotone
  • ranking : สมาชิกทั่วไป
  • วันที่สร้าง : 2007-10-03
  • จำนวนเรื่อง : 279
  • จำนวนผู้ชม : 1245481
  • จำนวนผู้โหวต : 152
  • ส่ง msg :
  • โหวต 152 คน
เพลงส่งนางฟ้ากลับสวรรค์

น้อมส่งเสด็จ สมเด็จพระเจ้าพี่นางเธอ เจ้าฟ้ากัลยาณิวัฒนา กรมหลวงนราธิวาสราชนครินทร์ สู่สวรรคาลัย. [เพลงส่งนางฟ้ากลับสวรรค์]

View All
<< เมษายน 2011 >>
อา พฤ
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

[ Add to my favorite ] [ X ]


วันศุกร์ ที่ 1 เมษายน 2554
Posted by monotone , ผู้อ่าน : 5924 , 02:32:37 น.  
หมวด : วิทยาศาสตร์/ไอที

พิมพ์หน้านี้
โหวต 4 คน จำปาขาว_เวียงละโว้ , ni_gul และอีก 2 คนโหวตเรื่องนี้

 

 

แต่ง blog ให้สวยด้วยตาราง

 

 

เห็นเป็น icon ตาราง ? ที่ให้สร้างตารางที่อยู่ข้างๆ icon?HTML ??นั่นไหม ฉันเก็บเอาไว้ให้เธอ

คงจะเก็บเอาไว้เฉยๆ แหงๆ ไม่ค่อยเห็นมีคนใช้เลย หรือเราไม่เห็นก็ไม่รู้นะ

คือจะใช้เป็นตารางอันนั้นน่ะ แน่นอนที่สุดอยู่แล้ว ใครๆ เขาก็เข้าใจได้

ส่วนจะพิสดารอย่างทำให้เป็นเส้นประใส่สีอะไรนั่น ไม่เกี่ยวกับงานนี้แต่อย่างใด

แต่..?งานนี้ เราไม่ได้เอาฟังก์ชั่นนี้มาสร้างตารางสี่ช่องห้าช่องแต่อย่างใด

คือ blog ของ OKNation ถ้าเราจะใส่พื้นหลังต่างหากแบบที่อื่นก็ไม่ค่อยเห็นมีใครทำกัน

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

เราสามารถทำให้ทุก entry ของเรามีสีสันมากยิ่งขึ้นด้วยการใช้ตาราง ...

ทำให้พื้นหลังในแต่ละ entry มีความแตกต่างกันได้ เฉพาะส่วนที่เป็นเนื้อหา

อย่างน้อยก็ดูมีสีสันขึ้นมาหน่อยล่ะ

แต่เวลาทำออกมาแล้ว ไม่เป็นลักษณะของตาราง

เอ่อ ยิ่งอธิบายก็เหมือนจะพาให้งงกัน คนเขียนเองก็ยังงงเลย ฮ่า ฮ่า

 

เอาล่ะ มาเริ่มกันเลย ก่อนอื่นเราก็คลิกไปที่ icon แทรกตาราง

 

 

 

ก็จะได้หน้าต่างตั้งค่าของตารางออกมา ค่าอื่นยังไม่ต้องสนใจ

แก้ค่า Rows และ Columns เป็น 1 แล้วกด OK

 


 

 

จะได้กรอบสี่เหลี่ยมมาหนึ่งอัน ที่รอการแก้ไขด้วย HTML ? ต่อไป??

ตอนนี้เราก็ทำให้ตารางกลายเป็นสี่เหลี่ยมธรรมดาไปแล้ว

 

 

ตัวอย่างที่ ๑

คราวนี้เราจะใส่สีเข้าไป

ให้เราไปแก้ที่ HTML? ?เพิ่มคำว่า??? bgcolor="#AA0033"?? ลงไปต่อหลัง border="1" ก็ได้

หรือจะต่ออันอื่นก็ได้ ไม่ผิดแต่อย่างใด อย่าให้นอกวงเล็บก็แล้วกัน ให้มีวรรคคั่นด้วยเสมอ

 

ผลลัพธ์

เราก็จะได้ตารางมีสีพื้นเป็นสีที่เราใส่ค่าสีลงไป

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

 

.

.

 

 

ตัวอย่างที่ ๒

วิธีใส่รูปเป็นพื้นหลังของตาราง

หลังจากที่ทำการแทรกตารางแล้ว เมื่อเข้าไปแก้ค่า HTML ให้เราใส่คำว่า

background="http://learners.in.th/file/ku_khing_za/BG.jpg"

 


ผลลัพธ์

ก็จะได้กล่องสี่เหลี่ยมที่มีรูปเป็นพื้นหลัง

 

ตัวอย่าง

 

คือใส่คำว่า background และต้องใส่ url ของรูปที่เราจะใส่เป็นพื้นหลังด้วย

รูปที่ใส่จะใหญ่กว่าหรือเล็กกว่าตารางก็ได้ ขึ้นอยู่กับการใช้งาน เอาไว้จะพูดทีหลัง

เสร็จแล้วเราก็สามารถที่จะใส่ข้อความใส่รูปหรืออะไรก็ได้ แบบเดียวกับที่เราเขียน blog นั่นแหละ

หรือแม้แต่จะแทรกตารางซ้อนตารางก็ได้ ถ้าว่างๆ ก็ลองเล่นดู จะได้ตาลายดี

และเราก็ไม่ต้องสนใจว่าตารางจะมีความยาวขนาดไหน

ขึ้นอยู่กับข้อความที่เราใส่เข้าไป ถ้ามีหลายบรรทัดกล่องสี่เหลี่ยมของเราก็จะยืดออกได้เอง

 

 

เอาขอบออก


 

.

.

ถ้าเราไม่ต้องการขอบ เพื่อให้ผลงานดูเนียนขึ้นก็ให้เปลี่ยนค่า border="1" เป็น border="0"

ค่าของตารางมีสามแบบคือ เป็น Percent เป็น Pixels และ Em ?

แบบ percent อาจจะทำให้งงได้ เวลาเขียน blog มันจะดูเล็กๆ พอไปขึ้น entry แล้วจะยืดจนเต็มเอง ตัวอย่างที่ทำให้ดูก็เป็นแบบ 100%?ทุกอัน

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

ส่วน Em นี่ ไม่รู้คับ ไม่เคยใช้

ส่วน cellpadding ใส่ค่ามากขึ้นเพื่อให้ข้อความอยู่ห่างจากขอบมากขึ้น อย่างชื่อหัวข้อข้างบนสุดนั้น ใส่ cellpadding ไป 20

หรือจะลองใส่ค่าอื่น เช่นสีของขอบ หรือ ให้ขอบเป็นเส้นประ หรือขอบสีเขียวสีแดง

ก็คงต้องไปหาอากู๋ จะมีคำตอบให้

.

.

ตัวอย่างของ entry ที่ใช้การแทรกตาราง เช่น

http://www.oknation.net/blog/normalcode/2008/04/14/entry-1

http://www.oknation.net/blog/normalcode/2008/07/10/entry-1

.

 

 


 

 



อ่านความคิดเห็น

ความคิดเห็นที่ 17 (0)
Doremy วันที่ : 11/06/2011 เวลา : 01.33 น.
http://oknation.nationtv.tv/blog/072nontan
Nontan

เข้ามาดูวิธีใช้ค่ะ
ขอบคุณมาก ..

ความคิดเห็นที่ 16 (0)
โสภณเปียสนิท วันที่ : 02/05/2011 เวลา : 22.39 น.
http://oknation.nationtv.tv/blog/soponpearsanit

น่าสนใจมากเลยครับ แล้วจะกลับมาทดสอบดูว่าจะสำเร็จจริงหรือไม่

ความคิดเห็นที่ 15 (0)
โสภณเปียสนิท วันที่ : 02/05/2011 เวลา : 22.38 น.
http://oknation.nationtv.tv/blog/soponpearsanit

น่าสนใจมากเลยครับ แล้วจะกลับมาทดสอบดูว่าจะสำเร็จจริงหรือไม่

ความคิดเห็นที่ 14 (0)
จำปาขาว_เวียงละโว้ วันที่ : 26/04/2011 เวลา : 09.52 น.
http://oknation.nationtv.tv/blog/twibutr
 ให้ความดีเขาไปใส่อารมณ์  จนเขาห่มความดีนี้แนบใจ!!

ผมเคยแต่ไปแก้ค่าใน CSS ซึ่งให้ผลคล้ายๆ กัน
ต่างกันตรง แบบที่คุณแนะนำนี้ สามารถเปลี่ยนลูกเล่นไปได้ทุกๆ เอนทรี่ ไม่จำแจ

-------------------------------------------------

ปล. ขอบพระคุณที่ชี้แนะ ขอรับ

ความคิดเห็นที่ 13 (0)
พลาญชัย วันที่ : 20/04/2011 เวลา : 20.39 น.
http://oknation.nationtv.tv/blog/chulaluck

เก่งจัง

ความคิดเห็นที่ 12 (0)
พลาญชัย วันที่ : 20/04/2011 เวลา : 20.38 น.
http://oknation.nationtv.tv/blog/chulaluck

เก่งจัง

ความคิดเห็นที่ 11 (0)
พล.ท.นันทเดช วันที่ : 13/04/2011 เวลา : 22.33 น.
http://oknation.nationtv.tv/blog/nunrimfar
พลโทนันทเดช เมฆสวัสดิ์

เรื่องแต่งบล๊อคสำหรับผมฝืดมากครับ ขอบคุณที่แวะไปเยี่ยม

ความคิดเห็นที่ 10 (0)
ITPro วันที่ : 11/04/2011 เวลา : 08.48 น.
http://oknation.nationtv.tv/blog/itpro


ขอบคุณครับ....

ความคิดเห็นที่ 9 (0)
monotone วันที่ : 06/04/2011 เวลา : 11.29 น.
http://oknation.nationtv.tv/blog/normalcode
 ยิ่งให้ยิ่งได้ ยิ่งหวงยิ่งอด 

HTML Table Generator

http://www.quackit.com/html/html_table_generator.cfm


ความคิดเห็นที่ 8 (0)
monotone วันที่ : 06/04/2011 เวลา : 00.30 น.
http://oknation.nationtv.tv/blog/normalcode
 ยิ่งให้ยิ่งได้ ยิ่งหวงยิ่งอด 

ลองทำอันนี้เป็นตัวอย่างด้วย ขำขำ

http://www.oknation.net/blog/normalcode/2011/04/06/entry-1



ความคิดเห็นที่ 7 (0)
นายยั้งคิด วันที่ : 03/04/2011 เวลา : 19.23 น.
http://oknation.nationtv.tv/blog/political79

ขอบคุณครับ จะเอาข้อมูลไปให้คนอื่นทำให้น่ะครับ

ความคิดเห็นที่ 6 (0)
อะหนึ่ง วันที่ : 02/04/2011 เวลา : 09.50 น.
http://oknation.nationtv.tv/blog/mindhand
  อะหนึ่ง    คิ ด เ ขี ย น...พ อ สั ง เ ข ป  

นำโค้ทเพลง "ชมแสงทอง" ไปประกอบเอ็นทรี่แล้วนะครับ
ไพเราะมากๆ

(อยากให้เพลงเล่นออโต้ แต่แอปฯแบบใหม่ของโอเค หาที่ใส่ไม่ถูก)

ตามหลังแม่ไปแลนา เก็บข้าวเหลือจากน้ำท่วม : ท่ามกลางภาพข่าวที่ซึมเศร้า ยังมีเรื่องเล่าที่งดงาม ปักษ์ใต้บ้านเรา
http://www.oknation.net/blog/mindhand/2011/04/02/entry-1

ขอบคุณครับ @monotone

ความคิดเห็นที่ 5 (0)
ตาหนุ่ม วันที่ : 01/04/2011 เวลา : 17.55 น.
http://oknation.nationtv.tv/blog/zumon
รวม เรื่องดีๆ จากประสบการณ์ชีวิตและงานที่ปรึกษาด้านการวางระบบบริหารค่าจ้างเงินเดือน มาแบ่งปันสู่สังคม

ขอบคุณครับ
จะได้ใช้ตารางใส่ใน blog บ้าง

ความคิดเห็นที่ 4 (0)
BlueHill วันที่ : 01/04/2011 เวลา : 08.11 น.
http://oknation.nationtv.tv/blog/charlee
นักดูนก

ขอบคุณครับ จะลองใช้ตารางดูบ้างครับ

ความคิดเห็นที่ 3 (0)
ครูไทยใจเกินร้อย วันที่ : 01/04/2011 เวลา : 05.59 น.
http://oknation.nationtv.tv/blog/krusak

น้อมรับสิ่งดีๆด้วยความขอบพระคุณยิ่งครับ

ความคิดเห็นที่ 2 (0)
ปวิภา วันที่ : 01/04/2011 เวลา : 05.12 น.
http://oknation.nationtv.tv/blog/pavipa
ปวิภา วัฒนวราสิน...@ บูชาคนดี...ไว้เชิดชู...แผ่นดินไทย @ 

...ได้เรียน ได้รู้และ...สร้างสรรค์กันต่อไปอีก ขอบคุณ นะคะ...

ความคิดเห็นที่ 1 (0)
อะหนึ่ง วันที่ : 01/04/2011 เวลา : 04.49 น.
http://oknation.nationtv.tv/blog/mindhand
  อะหนึ่ง    คิ ด เ ขี ย น...พ อ สั ง เ ข ป  

ขอบคุณครับ
สนใจเรื่องตาราง แต่ทำไม่ถูก โดยเฉพาะไม่เอาเส้นขอบ
จะลองนำไปใช้ดูครับ

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

แสดงความคิดเห็น


ถึง บล็อกเกอร์ ทุกท่าน โปรดอ่าน
   ด้วยทาง บริษัท จีเอ็มเอ็ม แกรมมี่ จำกัด (มหาชน) ได้ติดต่อขอความร่วมมือ มายังเว็บไซต์และเว็บบล็อกต่าง ๆ รวมไปถึงเว็บบล็อก OKnation ห้ามให้มีการเผยแพร่ผลงานอันมีลิขสิทธิ์ ของบริษัท จีเอ็มเอ็ม แกรมมี่ฯ บนเว็บ blog โดยกำหนดขอบเขตของสิ่งที่ห้ามทำ และสามารถทำได้ ดังนี้
ห้ามทำ
- การใส่ผลงานเพลงต้นฉบับให้ฟัง ทั้งแบบควบคุมเพลงได้ หรือซ่อนเป็นพื้นหลัง และทั้งที่อยู่ใน server ของคุณเอง หรือ copy code คนอื่นมาใช้
- การเผยแพร่ file ให้ download ทั้งที่อยู่ใน server ของคุณเอง หรือฝากไว้ server คนอื่น
สามารถทำได้
- เผยแพร่เนื้อเพลง ต้องระบุชื่อเพลงและชื่อผู้ร้องให้ชัดเจน
- การใส่เพลงที่ร้องไว้เอง ต้องระบุชื่อผู้ร้องต้นฉบับให้ชัดเจน
จึงเรียนมาเพื่อโปรดปฎิบัติตาม มิเช่นนั้นทางบริษัท จีเอ็มเอ็ม แกรมมี่ฯ จะให้ฝ่ายดูแลลิขสิทธิ์ ดำเนินการเอาผิดกับท่านตามกฎหมายละเมิดลิขสิทธิ์
OKNATION



กฎกติกาการเขียนเรื่องและแสดงความคิดเห็น
1 การเขียน หรือแสดงความคิดเห็นใด ๆ ต้องไม่หมิ่นเหม่ หรือกระทบต่อสถาบันชาติ ศาสนา และพระมหากษัตริย์ หรือกระทบต่อความมั่นคงของชาติ
2. ไม่ใช้ถ้อยคำหยาบคาย ดูหมิ่น ส่อเสียด ให้ร้ายผู้อื่นในทางเสียหาย หรือสร้างความแตกแยกในสังคม กับทั้งไม่มีภาพ วิดีโอคลิป หรือถ้อยคำลามก อนาจาร
3. ความขัดแย้งส่วนตัวที่เกิดจากการเขียนเรื่อง แสดงความคิดเห็น หรือในกล่องรับส่งข้อความ (หลังไมค์) ต้องไม่นำมาโพสหรือขยายความต่อในบล็อก และการโพสเรื่องส่วนตัว และการแสดงความคิดเห็น ต้องใช้ภาษาที่สุภาพเท่านั้น
4. พิจารณาเนื้อหาที่จะโพสก่อนเผยแพร่ให้รอบคอบ ว่าจะไม่เป็นการละเมิดกฎหมายใดใด และปิดคอมเมนต์หากจำเป็นโดยเฉพาะเรื่องที่มีเนื้อหาพาดพิงสถาบัน
5.การนำเรื่อง ภาพ หรือคลิปวิดีโอ ที่มิใช่ของตนเองมาลงในบล็อก ควรอ้างอิงแหล่งที่มา และ หลีกเลี่ยงการเผยแพร่สิ่งที่ละเมิดลิขสิทธิ์ ไม่ว่าจะเป็นรูปแบบหรือวิธีการใดก็ตาม 6. เนื้อหาและความคิดเห็นในบล็อก ไม่เกี่ยวข้องกับทีมงานผู้ดำเนินการจัดทำเว็บไซต์ โดยถือเป็นความรับผิดชอบทางกฎหมายเป็นการส่วนตัวของสมาชิก
คลิ้กอ่านเงื่อนไขทั้งหมดที่นี่"
OKnation ขอสงวนสิทธิ์ในการปิดบล็อก ลบเนื้อหาและความคิดเห็น ที่ขัดต่อความดังกล่าวข้างต้น โดยไม่ต้องชี้แจงเหตุผลใดๆ ต่อเจ้าของบล็อกและเจ้าของความคิดเห็นนั้นๆ
   

กลับไปหน้าที่แล้ว กลับด้านบน