ยกยอด "ปัญหาการแต่งบล็อค"
posted on 09 Jan 2009 09:48 by rije in Knowledgeเนื่องจาก entry เดิม "ปัญหาแต่งบล็อค ถามมาตอบไป" ผมเขียน entry เพิ่มแล้วยาวเกินไปยังไงไม่ทราบ ข้อมูลใหม่จึงหายไปหมดเลยครับ ผมเลยขอยกมาใส่ entry ใหม่นะครับ (ยกยอดเหมือนทำบัญชีเลยแฮะ)
/////////////////////////////////////////////////////////
22.ข้อความไปกระจุกกันอยู่ฝั่งขวา
สำหรับปัญหานี้ ผมคิดว่ามันเป็นที่ Display ตรงส่วน content อย่างแรงเลยครับ อย่างแรง วิธีแก้ เข้าไปที่ css แล้วมองหา
#content
ให้เปลี่ยน display:inline; เป็น display:table; แทนนะครับ
23.เอาเพลงใส่ใน entry ยังไง
จากเดิมข้อแรกๆ ผมเขียนวิธีการใส่ไว้ให้ แต่คงไม่ละเอียดพอ ข้อนี้เลยยาวหน่อยนะครับ
1. ใช้เพลงจากเครื่องคุณโดยตรงไม่ได้นะครับ ต้องอัพขึ้นโฮสแล้วเรียกมาเปิด
2. ใช้เพลงในโฮสที่คุณฝากไฟล์เอาไว้ เช่น geocities เป็นต้น วิธีการเรียกให้ดูข้อแรกๆ ที่ผมเขียนไว้
3. ใช้เพลงที่เว็บเพลง เช่น imeem.com เป็นต้น ซึ่งเราจะมีโค้ดเพลงแล้วนำมาใช้ดังภาพตัวอย่างด้านล่างครับ
23.2 เพิ่มเติมข้อ 23 ใส่เพลงประจำบล็อคยังไง
ก็เปลี่ยนจากใส่ใน entry ไปใส่ใน theme>widget เลือก custom code ลากไปลง sidebar หรือส่วนไหนก็ได้ที่ต้องการ แปะโค้ด เซฟ ok เรียบร้อย แล้วไปดูที่บล็อค เป็นอันจบครับ (ละเอียดไหม กลัวแอบงงกันเหมือนกันนะ)
24.ปัญหา custom code
พี่น้องที่เพิ่งใช้กันครั้งแรกๆ มักจะพบกับปัญหา ใส่โค้ดแล้ว พอเซฟทำไมโค้ดหายไปหมด
อันนี้เป็นเพราะว่าโค้ดของพี่น้องยาวไปครับ!! ทาง exteen เลยมี custom code ให้ถึง 4 อัน เพราะว่าแต่ละอันใส่โค้ดได้อย่างจำกัด (กี่ตัวอักษรไม่รู้ ใครรู้บอกที) ซึ่งหากโค้ดยากเกินไป ผมขอแนะนำให้แบ่งโค้ดเป็นส่วนๆ แล้วใส้ลง custom code อีกอันครับ สำหรับโค้ดอย่าง javascript ที่ยาวๆ ลูกเล่นเยอะ ไม่แนะนำให้นำมาใส่ที่ custom code แต่ใ้ห้ใส่ใน notepad แล้วเซฟเป็น .js อัำพขึ้นโฮสแล้วลิงค์มาจะดีกว่าครับ วิธีการลิงค์
<SCRIPT LANGUAGE="JavaScript" SRC="ไฟล์java.js" ></SCRIPT>
อีกปัญหาคือ เวลาที่เรียก custom code มาแก้แล้วกด ok พอจะแก้ตัวอื่น มันดันเรียก custom code ตัวเก่ามาแทน (ใน ie ไม่รู้เป็นไหม แต่ firefox กับ opera เป็น) วิธีที่ดีคือ แก้แล้วเซฟก่อนครับ แก้เสร็จแต่ละตัวเซฟเลยครับ พอเซฟแล้วแก้ตัวอื่นได้ไม่มีปัญหาครับ
25.เอารูปใส่กล่องคอมเม้นท์ยังไง
ปัญหานี้มันช่างกำกวมสำหรับผม เพราะผมนึกไป 2 ทาง ก็ขอตอบ 2 แบบเลยนะครับ
1.เอารูปใส่กล่องคอมเม้นท์ (textarea) ในส่วนนี้ต้องมีภาพที่อยู่บนโฮสเรียบร้อยแล้ว (จะใน files ของ exteen หรือใน photobucket ก็ว่ากันไป) จากนั้นเข้า Theme>css editor แล้วมองหา
#commentform textarea เพิ่มโค้ดต่อไปนี้ลงไป
background:url(ที่อยู่ภาพ); //จะ no-repeat ก็ใส่ก่อน ; นะครับ
2.เอารูปใส่กล่องคอมเม้นท์ (ทั้งหมด) อันนี้ผมเคยเขียนแนะนำไว้แล้วนะครับ ลองเข้าไปดูที่ลิงค์นี้เลยครับ >> #2 มาแต่งธีมแจ่มๆ ให้บล็อคของคุณกัน (มีภาพประกอบด้านใน)
26.อยากจะเอา Name , Website , Comment อยากจากตรงกล่องคอมเม้นท์ยังไง
ไม่อยากให้มีเหมือนของผมก็ง่ายๆ ครับ เข้า css เลยก่อนอื่น
1. ตรงคำว่า Comment อันใหญ่ หา #commentform h3 จากนั้นใส่ display:none; ลงไป
2. ตรงส่วน Name , Website , Comment ให้มองหา #commentform label ใส่ display:none; เหมือนกันครับ แต่ตรงส่วนนี้หา #commentform label ไม่เจอ หรือไม่มีเลย ก็ใส่โค้ดนี้ลงไปแทน (เพราะผมจำไม่ได้ว่าผมเพิ่มลงไปหรือมันมีอยู่ก่อนแล้ว)
#commentform label{display:none;}
27.Youtube ไม่แสดงใน Firefox แต่ใน IE แสดง
อันนี้แก้ยากครับ ทำไมแก้ยาก? เพราะว่าบางคนจะแสดงอาการไม่เหมือนกัน บางคนแก้แล้วหาย แต่บางคนแก้แล้วไม่หาย ส่วนใหญ่ผมจะแนะนำให้เข้า Firefox แล้วเข้า Add-ons>Plugins โหลดมันให้หมดเท่าที่มันมีให้จะดีกว่าครับ เพราะจะ support ทั้งหมดเลย อีกวิธีคือโหลด Firefox ตัวล่าสุดมาใช้
28.ทำให้ content เกิด scrollbar ยังไง
อันนี้ขออธิบายเล็กน้อยก่อนจะเอาโค้ดไปใช้นะครับ สำหรับธีมทั้งใหม่และเก่าสามารถแก้ไขได้ ขอแนะนำให้เห็นภาพคือบล็อคของคุณ Junshoku ซึ่งผมเห็นว่าพี่น้องบางคนคงอยากจะทำได้อย่างนี้บ้าง เลยขอมาแนะนำวิธีแต่งบล็อคอย่างนี้กันสักนิด
ขั้นแรกเข้า Theme>css editor ค้นหา #page นะครับ จากนั้นแก้ไขโค้ดตามนี้ครับ
overflow:auto;
width:ความกว้าง px;
height:ความสูง px;
ตัว overflow จะเป็นตัวที่กำหนดให้แสดงเนื้อหาภายใต้คำสั่งนี้ จัดการให้อยู่ในขอบเขต เช่นเรากำหนดว่ากว้างเท่านี้ สูงเท่านี้ จะทำให้บล็อคของเรามีความกว้างและสูงเท่าที่กำหนด ภายใต้คำสั่ง overflow แต่หากกำหนดค่า overflow เป็น hidden แล้วกำหนดกว้างสูงเอาไว้ content ที่อยู่ต่ำลงมาจากความสูงที่กำหนดจะไม่แสดงครับ (ถูกซ่อนเอาไว้)
จะให้เกิดเฉพาะบางส่วน เช่น ที่ entry ก็ทำได้ครับ โดยเอาไปใส่้ที่ .entry เป็นต้น
29.เปลี่ยนสีตัวอักษร+สีพื้นหลังในช่องคอมเม้นท์ยังไง
ให้เข้าไปที่ css ก่อนนะครับ จากนั้นหา #commentform .textarea จากนั้นใส่โค้ดนี้เพิ่มไปครับ
color:#สีที่ต้องการ; //สีตัวอักษร
background-color:#สี; //สีในพื้นหลัง
แค่นี้ก็ได้สีตัวอักษรกับสีพื้นหลังในช่องคอมเม้นท์อย่างที่ชอบแล้วล่ะครับ
/////////////////////////////////////////////////////
เพิ่มคำถามใน entry นี้แทนนะครับ มีปัญหาโพสถามได้ครับ
























มีประโยชน์มากค่ะจะลองเอาไปทำดูนะคะ
#2 By นารุ อุ๊โย่วๆ~~ on 2009-01-09 10:13