G2K ขึ้นบ้านใหม่ และสิ่งที่ยังอาลัยในบ้านเก่า...

สวัสดีครับทุกท่าน

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

        ผมเขียนไว้คร่าวๆ ครับ ว่าจะตกแต่งอย่างไรบ้างสำหรับ CSS ตามได้ที่นี่แบบไม่ได้มีรายละเีอียดอธิบายไว้นะครับ  ตกแต่ง CSS ทางเลือก สำหรับขึ้นบ้านใหม่ G2K

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

• ต้องการแค่ให้กว้าง

  ---

  div#page-site {width: 100%;}
  div#page-owner {width: 97%;}              จะให้แคบหรือกว้างก็ปรับค่าเอาที่ 97% นี่ล่ะครับ
  div#sidebar2 div.sidebar-left {width: 29%;}
  div#sidebar2 div.sidebar-left-compact {width: 27%;}
  div#sidebar2 div.sidebar-right {width: 70%;}
  
  ใส่ลงไปแล้วในกล่องข้อความ ก็อย่าลืมกาเครื่องหมายเช็ค (กาถูก) ในออพชั่นด้านล่างในหน้าตกแต่งด้วยนะครับ เพื่อแสดงชื่อบล็อกที่หัวด้านบนนะครับ
  

  ---

• ต้องการให้กว้างและใส่ภาพด้านบนหัวบล็อกด้วยครับ
  

  ---

  div#page-site {width: 100%;}
  div#page-owner {width: 97%;}              จะให้แคบหรือกว้างก็ปรับค่าเอาที่ 97% นี่ล่ะครับ
  div#sidebar2 div.sidebar-left {width: 29%;}
  div#sidebar2 div.sidebar-left-compact {width: 27%;}
  div#sidebar2 div.sidebar-right {width: 70%;}
  
  div#title{
      padding: 20px 8px 35px;  
      font-size: xx-large;
      color:#0000FF;
      background:#000000; 
      background-image:url("/file/mrschuai/homeheader2sm.jpg");    ที่อยู่ของภาพ ไปค้นหากันนะครับ ว่าภาพเดิมของท่านอยู่ที่ใด ใส่ให้ถูกก็จะกลับมา
      background-repeat:no-repeat;
      background-position:center top;
      height:180px;      หากความสูงแคบบ้างหายไปบ้าง ก็ปรับค่า 180 นี่ล่ะครับ
  
  }
  div#title span {display:none;}

  ---

• หากต้องการจะตกแต่งทุกๆ ส่วน ไปประยุกต์ต่อในบทความนี้นะครับ  ตกแต่ง CSS ทางเลือก สำหรับขึ้นบ้านใหม่ G2K

สิ่งที่ผมยังอยากจะได้จากเครื่องมืออำนวยความสะดวก Features ในบ้านเก่าคือ.....

• เมนู  การค้นหา   หรือ มีปุ่มให้คลิก เพื่อค้นหา
  
  
  
  

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

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

ข้อเสนอเพิ่มเติมที่อยากได้คือ

• ในหมวดหมู่ของบทความใหม่  น่าจะมีหมวดหมู่ ที่เกี่ยวข้องกับ G2K ด้วยนะครับ เพื่อบอกว่าบทความเหล่านี้ เกี่ยวข้องกับ G2K ครับ
  
  
  

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

• การแสดงความเห็น โดยใ้้ห้คลิก pop up ก็สะดวกในการที่จะขึ้นไปดูไปด้วยตอบไปด้วย ทำให้ไม่ต้องเลื่อนขึ้นลงไปดูประเด็นให้เสียเวลา เพราะอยู่กันคนละหน้าต่าง นี่ก็ข้อดี

• ดังนั้น ผมขออนุญาตแนะนำให้มีทั้งสองอย่างไปเลยครับ ในหน้าเดียวกัน คือ มีกล่องความเห็นแปะติดอยู่ในบันทึกนั้นๆ และมีลิงก์สำหรับคนที่อยากจะสะดวกในการตอบแบบ Pop up ด้วยก็ได้ครับ  ส่วนในด้านเทคนิคเชื่อว่าไม่มีปัญหาเพราะ่ว่าเคยทำมาหมดทั้งสองแบบแล้วครับ
  
  
  

ขอบพระคุณมากๆ นะครับทุกๆ ท่าน

เม้งครับ 

[Sasinand]

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

ของพี่ หัวบล็อกไม่มี เดี๋ยว จะลองศึกษาดูค่ะ จะดูของเก่าที่ คุณซูซาน ก็เข้าไปไม่ได้

สงสัยเป็นที่ตัวbrowserค่ะ ของพี่ IE7 เข้าไม่ได้เลย

ไม่เป็นไร

[Sasinand]

อ้าว ยังไม่จบค่ะ

จะบอกว่า ไม่เป็นไร ไม่รีบร้อนค่ะ ค่อยๆปรับไป ให้กำลังใจ ผู้ดูแลระบบค่ะ

[DSS "work with disability" ( หนิง )]

มายืนยันว่า  หาเมนู ค้นหา ไม่เจอค่ะ

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับพี่ศศินันท์

         สำหรับของพี่ตอนนี้ CSS เป็นดังนี้อยู่ครับ

div#page-site {width: 96%;}
div#page-owner {width: 93%;}
div#sidebar2 div.sidebar-left {width: 29%;}
div#sidebar2 div.sidebar-left-compact {width: 27%;}
div#sidebar2 div.sidebar-right {width: 70%;}

สามารถใส่ภาพที่หัวบล็อกได้ครับ โดยเพิ่มส่วนต่อไปนี้ลงไปครับ

div#title{
    padding: 20px 8px 35px;  
    font-size: xx-large;
    color:#0000FF;
    background:#000000; 
    background-image:url("http://gotoknow.org/file/sspdnong/Rice-Field-Head.jpg");    ที่อยู่ของภาพ ไปค้นหากันนะครับ ว่าภาพเดิมของท่านอยู่ที่ใด ใส่ให้ถูกก็จะกลับมา
    background-repeat:no-repeat;
    background-position:center top;
    height:180px;      หากความสูงแคบบ้างหายไปบ้าง ก็ปรับค่า 180 นี่ล่ะครับ

}
div#title span {display:none;}

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

ขอบคุณมากครับผม หากพี่เปลี่ยนไปใช้ Firefox น่าจะช่วยป้องกันปัญหาบางประการได้ครับในการแสดงผลแล้วมีปัญหานะครับ 

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับพี่หนิง

       ส่วนเมนู ค้นหา คิดว่าทางผู้ดูแล คงเร่งจัดทำอยู่ครับ คาดว่าตอนนี้ก็คงวุ่นกันน่าดูครับ สู้ๆ ครับผม

เิบิกบานใจในวันหยุดนะครับ 

[naree suwan]

• มาอ่านต่อค่ะน้องเม้ง
• หาหัวเรื่องตัวเองเจอแล้ว
• แค่อยากได้คำค้นหากลับมาเหมือนกันค่ะ

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับพี่นารี

        สบายดีไหมครับผม อิๆๆ เดี๋ยวสักพักคลำๆ ไปก็รู้ครับ พี่ทำได้สบายๆ เชื่อมือครับผม ขอให้สุขสดใสในวันหยุดครับ

[Sasinand]

ขอบคุณค่ะ จะลองดูค่ะ แต่เมนู ค้นหา น่าจะมีค่ะ

พี่ไม่กล้าเปลี่ยนเป็นอย่างอื่น นอกจาก IE7 เสียเงินตั้งแพง ใช้ให้คุ้ม และของเขาก็ดีค่ะ

เวลาพี่ไปบ้านหลาน เขาใช้Macแต่ clickเปลี่ยนหน้าจอได้ง่ายๆ จากMac เป็นไมโครซอฟ เลยคล่องค่ะ ถ้าจะเป็นFirefox ไม่กล้าค่ะ มีปัญหา เดี๋ยวแก้ไม่ได้

ถ้าพี่จะเปลี่ยนเป็นMacและใช้ browser--Safari  ที่ติดมากับเขา คุณว่ามีปัญหาไหมคะ

เรื่องแบบนี้ มีปัญหาแล้ว พี่ลำบากค่ะ

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับพี่ศศิันันท์

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

[นายบอน@kalasin]

ขอบคุณมากครับ:)))

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับคุณนายบอน@kalasin

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

[กมลวัลย์]

มาขอบคุณน้องเม้งสำหรับโค้ดค่ะ พี่กำลังหาอยู่ทีเดียวว่าทำยังไงถึงจะได้หน้ากว้าง ^ ^

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

[sasinanda]

ขอบคุณค่ะที่แนะนำ ทำชั่คราวไปก่อน หน้าอื่นๆไม่ทำ ทีมงานเขาขอร้องมา ลองไปดูค่ะ ทำหน้าเดียวพอ

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับพี่กมลวัลย์

         ขอให้หนุกๆ นะครับผม ผิดๆ ถูกๆ บ้างก็ค่อยๆ ปรับๆ แก้กันต่อไปนะครับ เรียนรู้ได้ทุกมิติ รอบทิศทางครับ มีความสุขในวันหยุดครับ 

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับพี่ sasinanda

        เข้าไปดูแล้วครับ สวยงามครับผม นับถือครับผม
 

[Little Jazz]

เม้ง มะปรางกับทีมงานเขาขอว่าอย่าพึ่งตกแต่ง จะเอาไง แก้ออกก่อนมั้ย ถ้าทำเดี๋ยวเราลบด้วยคน http://gotoknow.org/blog/tutorial4u/159069

[เม้ง สมพร ช่วยอารีย์]

สวัสดีครับซาน

       ลบโลดครับผม แต่แบคอัพไว้ก่อนก็ดีนะครับ แบบว่าขี้เกียจมานั่งคลำกันใหม่ครับ ขอบคุณมากครับผม กำลังจะแบคอัพครับ