เย้ๆๆๆๆ

2 ปีแล๊วววววววววววววววววววววววว

จริงๆวันเกิด วันตอกเสาเข็มคือวันที่ 12 มิถุนา แต่ว่าตอนนั้นของเดือนที่แล้วผมติดภาระกิจบวชอยู่เลยไม่สามารถจะมาเขียนบล็อกได้ เหอะๆๆๆ

     ยังไงก็ขอบคุณเพื่อนๆ พี่ๆน้องๆชาวมัลติพลายทุกท่านอีกเช่นเคยครับผม มาวันนี้บ้านหลังน้อยหลังนี้อบอุ่นเหลือเกิน ด้วยคำทักทายหน้าบ้าน , invite ที่ยังมีมาเรื่อยๆ , comments ตาม contents ต่างๆของผม , อีเมล์ที่แอดกันมา ถึงแม้ว่าผมจะไม่ค่อยได้ออนไลน์ก็เหอะ แห่ะๆๆ

     ขอบคุณมากๆ ขอบคุณทุกท่านครับ หวังว่าปีหน้าจะได้ฉลองแบบนี้อีก เพราะตอนนี้มัลติพลายเริ่มเก็บตังค์แล้ว ไว้รอดูสถานการณ์อีกที หุหุ
      แล้วก็ขอโทษขออภัยหากบทความเหรือเนื้อหาอะไรก็ตามแต่ในบ้านหลังนี้ ทั้งที่เจตนาหรือไม่เจตนา   ที่ได้ไปก่อกวนใจให้ท่านใดไม่สบายอุรา ก็ต้องขออภัยมา ณ ที่นี้ด้วยขอรับ (-/|\-)

ขอบคุณจากใจ จากไส้ ทั้งหมดทั้งพุงขอรับ
JOJOBAOIL

Start:	Jun 2, '08 07:00a
End:	Jul 11, '08
Location:	ชัยภูมิ

สาธุ๊

http://thejojobaoil.multiply.com/journal/item/152

        ก็ได้เวลาแล้วครับ ที่จะได้สงบกายสงบใจ(หวังว่านะ...)และเพื่อทดแทนบุญคุณบุพการี อายุของตัวข้าพเจ้าเองก็ดำเนินมาหลายร้อยปีแล้ว...(โอเค คงเวอร์ไป..-..-) และผ่านพ้นเบญจเพศมาได้ด้วยดี...เย้...Q(*..*)g 

        เอ่ออออ.... ผมคงหายหน้าหายไปตั้งแต่ประมาณวันที่ 5 มิถุนาเเล้วนะครับ เพื่อกลับไปเตรียมตัวเตรียมใจ ส่วนกำหนดการอุปสมบทคือ วันที่ 8 มิถุนายน ศกนี้  ส่วนกำหนดการลาสิกขาบทนั้นยังไม่มีครับ  แต่ยังไงซะ ไม่เกินวันที่ 11 กรกฎา ผมก็ต้องกลับมาประจำการ รายงานตัวกับบริษัทแล้วหล่ะครับ ไม่งั้นคงโดนไล่ออกเป็นแน่แท้..

        ในระหว่างที่ข้าพเจ้าหายไป ก็ฝากบ้านน้อยหลังนี้ด้วยครับ และถ้าท่านใดที่มีปัญหาเกี่ยวกับมัลติพลาย ก็ปรึกษาท่าน ดิวอี้ ได้เลยครับผม

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

ปล. บวชแล้วยังไม่เบียดแน่นอนครับ... (ดักทางไว้ก่อน โดนแซวมาหลายรายแล๊ะ...(+..+))


ขอบคุณครับ
JOJOBAOIL
22.05.2551

เย้วๆๆ
ขอบคุณน้องมะลิและพี่ๆทีมงาน Foto Info ที่ตกหลุมพรางข้าพเจ้า ฮิฮิฮิ



URL : http://www.fotoinfomag.com/index.php?option=com_content&task=view&id=60&Itemid=42

สวัสดีครับพ่อแม่พี่น้อง
     เหอะๆๆๆ หลังจากที่ได้ไปหลอกลวง และมอมเมาชาวบ้านในงานของนิตยสาร  Foto Info ที่ผ่านมา ผมเองได้เผลอให้คำมั่นว่าจะเขียนบทความโน่นนี่หลายอย่างมากมาย  เหอะๆๆ รวมทั้งเรื่อง css ด้วย.. แต่ด้วยความรู้เรื่อง css เท่าหางอึ่ง ไม่รู้เหมือนกันว่าจะเขียนได้ถูกต้องตามหลักมาตรฐานของ W3C ไหม๊ เอาเป็นว่าถ้าเซียน css ผ่านไปผ่านมาก็รบกวนช่วยชี้แนะด้วยก็จักขอบพระคุณมากมายก่ายกองเลยขอรับ บทความของผมคงไม่ตรงตามมาตรฐานเด๊ะๆ แต่รับรองผลครับ ไม่พอใจ..เรื่องอะไรจะคืนเงิน อิอิ... แต่ผมก็หาทางออกให้ตัวเองไว้เเล้วว่าจะเขียนยังไงให้เซียน css ด่าผมน้อยที่สุด ผมก็เลยจะตั้งชื่อหัวข้อว่า "css สำหรับการตกแต่งเว็บบล็อก" อิอิอิ .. คือ เอาแค่มันเเสดงผลได้ก็พอว่ายังงั้นเลยทีเดียว

     และก่อนที่ผมจะเขียนบทความต่างๆที่เกี่ยวกับ css ในอนาคตกาลอันใกลนี้ ผมจะขอใช้บล็อกนี้เป็น into. ปูพื้นฐานความเข้าใจกันแบบง่ายๆสบายๆสไตล์ซิมเปิ้ลซะก่อน  เพื่อความสบายของทั้งสองฝ่ายในภายภาคหน้า ของทั้งผมคนเขียน และคุณคนอ่าน...
     อีกนิดนึง  ในบทความนี้ ใช้ได้กับเว็บไซต์ที่ให้บริการ จำพวก Social Network ทั้งหลายทั้งแหล่ะได้เกือบหมด เช่น  Multiply , Hi5 , WordPress , Exteen , Myspace เป็นต้น เว็บเหล่านี้จะให้เราไปสมัครสมาชิกแล้วก็จะให้พื้นที่เว็บแก่เรา รวมทั้ง sub domain เป็น ชื่อเราตามด้วยเว็็บนั้นๆ  ส่วนหลักการทำงาน,โครงสร้าง และการให้บริการจะคล้ายๆกัน  อาจจะแตกต่างก็แค่ขั้นตอนและรูปแบบที่จะกำหนดให้เราปรับแต่งเว็บของเรา


เริ่มกันเถอะ...

- css คืออะไร .. css ไม่ใช่รองเท้านะครับ อย่าไปจำสับสนกับ scs นะพี่น้อง ฮิฮิฮิ....แต่ความหมายของมันก็ช่างมันเหอะเนอะ ไม่รู้จะรู้ไปทำไมนะจริงๆอ่ะ  5555+

โอเคๆๆๆงั้นนิดนึงละกันนะครับ....

    + ความหมายแบบปวดกะบาล :  CSS ย่อมาจากคำว่า Cascading Style Sheets ความหมายภาษาไทยผมยังไม่เคยเจอความหมายที่โดนใจเลย เอาเป็นว่าใครเก่งภาษาอังกฤษก็ไปดูกับ wikpediaได้ที่ ความหมายของ css

    + ความหมายแบบสบายหน่อย (เข้าใจหรือไม่ก็อีกเรื่องนึง เพราะผมจำกัดความเอง อิอิ) : css เป็นโค๊ดที่จะไปผนึกกำลังกับ (x)Html* เพื่อทำให้เว็บของเรางดงามตระการตา มหึมา อร้าอะร่าง.... เพราะฉะนั้นเนี่ยถ้ามองอีกทางนึงก็จะได้ว่า  ถ้าเราเขียน css ไม่สัมพันธ์กับ (x)Html* ที่มีอยู่ก็ไร้ความหมาย ....


Note!!
     (x)Html* ผมหมายถึง ทั้ง xhtml และ html เลยไง 5555+  จริงๆเเล้วเนี่ยควรจะเลือกอย่างใดอย่างนึ่ง แต่มัลติพลายของพวกเราช่างวิเศษล้ำ ใช้มันทั้งคู่เลย แล้ว xhtml ต่างกับ html ยังไง  ผมไม่ใช่ผู้รู้จริง ดังนั้น ดังเดิม ตามไปดูที่ wikpediaได้ที่ ความหมายของ XHTML ผมเลือกที่จะไม่อธิบาย เพราะเดี๋ยวมันยาวเกินไป ครับ แห่ะๆๆ อ่าาา...และต่อไปนี้ผมจะขอเขียนเป็น XHTML ละกันนะครับ

    คือเว็บเราเนี่ย(มัลติพลายเนี่ย) ยกตัวอย่างง่ายๆคือหน้าแรกของเว็บเรา(Homepage) รู้ไหม๊ว่ามันมีโค๊ดภาษาอะไรบ้าง เยอะแยะครับ หลักๆก็จะมี XHTML, Java Script , AJAX และ css  พระเอกของเราในวันนี้ แต่จริงๆแล้ว css เป็นแค่ตัวประกอบดีดีนี่เอง เพราะถ้าไม่มี css เว็บก็สามารถเกิดขึ้นได้ เพียงแต่จะไม่งามงดก็เท่านั้น
    ผมจะขออนุญาตยกตัวอย่างความสัมพันธ์อันดีของพวกเค้าเหล่านี้ดังต่อไปนี้ครับ (ความคาดหวังว่าจะเข้าใจ: 50%) ผมจะเปรียบว่า.....เว็บเราคือตัวเรานี่แหล่ะครับ  ส่วน XHTML เปรียบดังอวัยวะต่างๆ ไม่ว่าจะเป็น แขน ขา ไหปลาร้า ปาก หู ฯลฯ และ CSS คือ เสื้อผ้าเครื่องแต่งกายที่จำเป็น เช่น เสื้อ กางเกง (ไม่มี 2 อย่างนี้ก็น่าจะลำบากพอแล้วนะผมว่า) ส่วนพวก  Java Script , AJAX และอื่นๆ ก็เหมือนเครื่องประดับ นาฬิกา หมวก กำไร เป็นต้น  ..... จะเห็นว่า

        - ถ้าคุณมีเสื้อผ้ากางเกง แต่คุณไม่มีอวัยวะ  ไม่มีแขนไว้ใส่เสื้อ ไม่มีขาไว้ใส่กางเกง ... ผมว่าคุณไม่น่าจะใช่คนนะ ..น่าจะเป็นหุ่นไล่กามากกว่า...(ความหมายคือ : เว็บคุณจะมีแค่ css ไม่ได้ คุณต้องมี XHTML ด้วย ฉันใดก็ฉันนั้น...)

        - ถึงคุณจะมีแค่อวัยวะ ไม่ใส่เสื้อผ้าเครื่องประดับ ... คุณก็ยังเป็นคนได้... แต่คงอุจาดตาไม่น่ามอง (ความหมายคือ : มีแค่ XHTML ก็เป็นเว็บได้  แต่เว็บคุณคงจะจืดๆ ไม่ชวนให้น่ามองเท่าใดนัก ฉันใดก็ฉันนั้น)

        - ถ้าคุณมีอวัยวะครบ มีเสื้อผ้าใส่ แถมยังมี Accessory ครบครัน เต็มตัว แบบนี้ล่ะครับ งามงดสะกดสายตา (ความหมายคือ : ถ้าเว็บคุณมีครบทุกอย่าง เว็บคุณก็จะสวยงามเหมือนมัลติพลายของพวกเรานี้แล แต่ติดอยู่อย่างก็ตรงที่เอา XHTML มารวมกับ html นี่แหล่ะ ผสมได้ไม่มีใครด่า แต่แค่ไม่ถูกหลักการ  ฉันใดก็ฉันนั้น )




*** ภาพข้างล่างนี่คือ ภาพของเว็บผมปัจจุบัน มีทั้ง HTML+CSS+และอื่นๆ







***ส่วนภาพข้างล่างนี่คือ ภาพของเว็บผมเวลาไมได้่ใส่เสื้อผ้า เอ๊ย ไม่มี CSS ครับ...




    แล้วยังไงครับทีนี้.....เค้าอนุญาตให้เราทำไรได้บ้าง?? ส่วนใหญ่หรือแทบทั้งหมดเลยเนี่ย เค้าจะให้เราแก้ไข หรือปรับปรุงได้เฉพาะ CSS ครับ  ถ้าเป็นมัลติพลายก็คือกล่อง css ที่เค้าให้มานั่นแหล่ะครับ เราก็มีหน้าที่สรรหาโค้ด css ไปแปะให้ถูกต้อง  ส่วน XHTML ใจจริงเค้าไม่อยากให้เราไปยุ่งหรอกครับ เพราะมันเป็นเรื่องของโครงสร้าง และ Layout ของเว็บ ถ้าเราไปยุ่งเดี๋ยวเว็บเค้าจะบูดๆเบี้ยวๆหรือพังไปในที่สุด แต่.. ก็ใช่ว่าเราจะเล่นกับ XHTML ไม่ได้เลย  โดยเฉพาะคนที่มีความรู้ความเข้าใจเกี่ยวกับ XHML  รับรองว่าต้องคันไม้คันมืออยากเล่นแน่ๆ ถึงจะไม่มีความรู้ แต่ถ้าอยากเล่นก็เล่นได้ครับ ถ้า copy อย่างถูกวิธี อิอิอิ...




- วิธี copy โค้ด CSS ชาวบ้านอย่างถูกวิธี
    ผมไม่สามารถบอกได้ว่า โค้ด css ที่ท่านไปเจอมา เจ้าของเค้าจะเขียนยังไง เจ้าของเค้าจะไป copy ใครมา ซึ่งหน้าตาของมันในตอนที่คุณพบ อาจจะมอมแมม ผิดเพี้ยน วางระเกะระกะ นานาลักษณะแตกต่างกันไป เช่น
    
    h3 {
        color: red;
        text-align: left;
        font-size: 8pt;
    }
    
หรือ

    h3 {color: red;text-align: left;font-size: 8pt;}

หรือ

    h3 {color: red;text-align: left;
font-size: 8pt;}

หรือ อื่นๆ

     ซึ่งทั้ง 3 ก้อนข้างบนมันก็ใช้ได้หมดแหล่ะ แต่อาจจะเว้นวรรคจัดระเบียบไม่สวยงามเท่านั้น เพราะอาจจะเกิดจากการ copy มาแล้ว วางไม่ดี มือไปโดยคีย์บอร์ด ง่วงนอนรีบ copy อะไรก็ว่าไป เพราะฉะนั้น ถ้าเรารู้ว่าอะไรเป็นอะไร(แบบคร่าวๆพอ) ก็จะสามารถ copy โค้ดได้อย่างสมบูรณ์ไม่ตกหล่น

วิธีสังเกตมีดังนี้ครับ
    *** ให้สังเกตปีกกาเปิดปิด {...} ผมจะให้มองเป็นก้อนๆนะครับโดยใช้ปีกกาเปิดปิดเป็นมีดอีโต้หั่นโค้ดเป็นส่วนๆ  เช่น

     h3 {color: red;text-align: left;font-size: 8pt;}
     body{
            color: black;
              }

     คำอธิบาย : ข้างบนนี่คือโค้ด 2 ชุด (เพราะมีปีกกาเปิด-ปิด 2 ชุดไงครับ) คนที่เเจกโค้ดเค้าจะบอกเองว่าโค้ดทั้ง 2 คือโค้ดเกี่ยวกับอะไร เอาไปแปะแล้วจะเกิดอะไรขึ้น  แต่บังเอิญว่าท่านอยากจะได้แค่ชุดเดียว สมมุติอยากได้ชุดล่าง(สีเขียว) 

     วิธี copy : เวลา copy ต้องเอามาให้หมดนะครับพี่น้อง ไม่ต้องไปสนใจว่าโค้ดมันเป็นยังไง(ถ้าไม่มีความรู้เกี่ยวกับ css อ่ะนะครับ) ขาดส่วนไหนไป แน่นอนว่าจะไม่แสดงผลดั่งใจทุกท่านแน่
         เอาหล่ะ  วิธี copy  ก็คือ copy เอา พร้อมด้วยโค้ดที่อยู่ในปีกกามาให้หมด + ก้อนที่อยู่หน้าปีกกาเปิดด้วย ครับ  แค่นี้เลยง่ายๆ  เวลาจะลบโค้ดชุดไหนทิ้งก็ใช้วิธีเลือกลบเหมือนวิธีเลือก copy นั้่นแหล่ะครับ



    เอาหล่ะครับ ขออนุญาตอธิบายแค่นี้เลยนะครับ หลังจากบล็อกนี้ไป ผมจะใส่เป็นชุดๆเลยนะ ถ้าท่านใดไม่เข้าใจตรงไหนก็ถามได้ครับ ส่วนผมจะตอบไม่ตอบอ่ะอีกเรื่อง 5555+  ก็ถ้าไม่รู้เดี๋ยวจะไปค้นมาให้ขอรับ


*** บทความทั้งหมดนี้ขอสงวนสิทธิ์ในการเผยเเพร่ก่อนได้รับอนุญาตครับ
ขอบคุณครับ
/ jojobaoil

Thanks พิเศษ(เพิ่มลูกชิ้น) :
    - www.thaicss.com