ยกยอด "ปัญหาการแต่งบล็อค"
posted on 09 Jan 2009 09:48 by rije in Knowledge////update - แก้ไขคำลงท้ายและคำตอบ////
ปัญหาแต่งบล็อกถามมาตอบไป ตอนที่ 1 , ตอนที่ 3
////////////////////////////////////////////////////////////
22.ข้อความไปกระจุกกันอยู่ฝั่งขวา
สำหรับปัญหานี้แก้ได้ไม่ยาก เข้าไปที่ css ค่ะ เพิ่ม width:xx; (ค่า xx คือตัวเลข ความกว้างให้เท่ากับ content) ในส่วน .entry .post{ ค่ะ
23.เอาเพลงใส่ใน entry ยังไง
จากเดิมข้อแรกๆ ได้เขียนวิธีการใส่ไว้ให้ แต่คงไม่ละเอียดพอ ข้อนี้เลยยาวหน่อยนะคะ
1. ใช้เพลงจากเครื่องคุณโดยตรงไม่ได้นะคะ ต้องอัพขึ้นโฮสแล้วเรียกมาเปิด
2. ใช้เพลงในโฮสที่คุณฝากไฟล์เอาไว้ เช่น geocities เป็นต้น วิธีการเรียกให้ดูข้อแรกๆ ที่เราเขียนไว้
3. ใช้เพลงที่เว็บเพลง เช่น imeem.com เป็นต้น ซึ่งเราจะมีโค้ดเพลงแล้วนำมาใช้ดังภาพตัวอย่างด้านล่างค่ะ
สำหรับไฟล์ video ก็ใช้หลักการเดียวกันค่ะ (imeem มันยุบไปแล้ว แต่นี่เป็นคำตอบเก่าเลยคงไว้ค่ะ)
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 ตัวล่าสุดมาใช้ (flash app นะคะ แต่ว่าตอนนี้คงไม่มีปัญหานี้กันแล้วมั้งเนอะ เพราะหากเปิดไม่ได้ browser ก็จะเด้งเตือนอยู่แล้วค่ะ)
28.ทำให้ content เกิด scrollbar ยังไง
อันนี้ขออธิบายเล็กน้อยก่อนจะเอาโค้ดไปใช้นะคะ สำหรับธีมทั้งใหม่และเก่าสามารถแก้ไขได้ ขอแนะนำให้เห็นภาพคือบล็อกของคุณ Junshoku ซึ่งเราเห็นว่าพี่น้องบางคนคงอยากจะทำได้อย่างนี้บ้าง เลยขอมาแนะนำวิธีแต่งบล็อกอย่างนี้กันสักนิด
ขั้นแรกเข้า Theme>css editor ค้นหา #page จากนั้นแก้ไขโค้ดตามนี้
overflow:auto;
width:ความกว้าง px;
height:ความสูง px;
ตัว overflow จะเป็นตัวที่กำหนดให้แสดงเนื้อหาภายใต้คำสั่งนี้ จัดการให้อยู่ในขอบเขต เช่นเรากำหนดว่ากว้างเท่านี้ สูงเท่านี้ จะทำให้บล็อคของเรามีความกว้างและสูงเท่าที่กำหนด ภายใต้คำสั่ง overflow แต่หากกำหนดค่า overflow เป็น hidden แล้วกำหนดกว้างสูงเอาไว้ content ที่อยู่ต่ำลงมาจากความสูงที่กำหนดจะไม่แสดง (ถูกซ่อนเอาไว้)
จะให้เกิดเฉพาะบางส่วน เช่น ที่ entry ก็ทำได้ค่ะ โดยเอาไปใส่้ที่ .content เป็นต้น
29.เปลี่ยนสีตัวอักษร+สีพื้นหลังในช่องคอมเม้นท์ยังไง
ให้เข้าไปที่ css ก่อน จากนั้นหา #commentform .textarea จากนั้นใส่โค้ดนี้เพิ่มไป
color:#สีที่ต้องการ; //สีตัวอักษร
background-color:#สี; //สีในพื้นหลัง
แค่นี้ก็ได้สีตัวอักษรกับสีพื้นหลังในช่องคอมเม้นท์อย่างที่ชอบแล้วล่ะค่ะ
/////////////////////////////////////////////////////








































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