ปัญหาแต่งบล็อค ถามมาตอบไป
posted on 05 Jan 2009 12:45 by rije in Knowledgeเม้นท์แล้วเช็คด้วยครับ อย่าเพิ่งกดเม้นท์ถ้ายังไม่ได้กรอกข้อความ มันจะกลายเป็นค่าว่างครับ
หลังจากโอ้ลั่ลล้ามาหลาย entry ซะเหลือเกิน ผมเลยขอเปลี่ยนแปลงอารมณ์ในบล็อคเข้าสู่โหมด "เกือบจะเครียด" กันซะหน่อย แต่ขอเขียนอย่างชิวๆ แล้วกันนะครับ
หลายๆ คนทั้งมือใหม่และมือเก่าใน exteen คงมีปัญหาหนักอก แต่งบล็อคแล้วมีปัญหา แก้ไม่ตก เข้าไปขี้ในห้องน้ำก็แล้วมันก็ยังไม่ตก (มุขสกปรกจริงตู)
วันนี้กระผมมาชี้แจงแถลงไข ตอบทุกปัญหาหนักสมอง ที่เกี่ยวกับการแต่งบล็อคของพี่น้องกันครับ
ถามมาตอบไป ถ้าผมตอบได้จะตอบให้ละเอียดยิ้บถ้าต้องการ วะฮะฮะฮ่า
*****************************************
ประสบปัญหาแต่งบล็อคถามอับดุลริจ ถามอะไรตอบได้ (ได้)
/////////////////////////////////////////////////////////////////
1.จัดบล็อคให้ชิดซ้ายจอทำยังไง?
เอา float:left; ไปใส่ที่ #page ใน css ครับ
2.ธีมหาได้จากที่ไหน?
ทำกันเองครับ ปรับแต่งใน css ได้เลย หรือหาเรียนรู้จากบล็อคของหลายๆ คนใน exteen ลอง search ได้จากทางหน้าเว็บครับ
3.อยากขยายความกว้างให้บล็อคแก้ตรงไหน?
แก้ใน css ส่วน #page{},#neck{},#leg{},#footer{} จะครอบคุมหมดครับ อย่าลืมแก้ในส่วน #content ด้วยครับ
4.อยากเอา page ออก อยากเอา Last comment ออก ย้ายไปที่อื่น
เข้าไปปรับแก้ widget ในส่วน theme ครับ
5.อยากใส่โค้ดจากข้างนอกทำยังไง?
ใน
widget จะมี custom code ให้ลากไปใส่ในพื้นที่ต้องการเช่น ใน sidebar
ฝั่งซ้าย ก็ลากลงไปแล้วคลิกที่รูปดินสอ จะขึ้นหน้าต่างให้ใส่โค้ด
จากนั้นเซฟเป็นอันเสร็จครับ
6.อยากใส่เพลงประจำบล็อคทำยังไง?
มี 2 วิธีครับ คือ เอาเพลงจากเว็บข้างนอกมาใส่ กับอัพเพลงลงโฮสมาใส่
ต่างกันตรงที่อย่างแรกจะเห็นรูป media คือคุณสามารถ เปิด ปิด เพลงเองได้
อย่างที่สองทำให้เห็นตัว media ได้ กับไม่เห็น คือจะมีแค่เสียง
คนดูบล็อคจะไม่สามารถเปิดปิดเองได้ อันหลังนี้ใส่โค้ดอย่างนี้ครับ <embed src="ที่อยู่เพลง" hidden=true> จะเป็นการไม่แสดง media ครับ
อยากให้วนเพลงไปเรื่อยๆ ใส่ loop=-1 ลงไปครับ
7.ใส่ custom code ใน sidebar2 แต่ไม่ขึ้นอะไรเลย
ก่อนอื่นตรวจสอบก่อนว่าโค้ดที่ใส่เป็นแบบโชว์หรือซ่อน อย่างที่สองดูใน css
ว่า sidebar2 ของคุณเป็น display:none; รึเปล่า ถ้าเป็นให้เอาออกครับ
8.ใน sidebar คำว่า Previously ทับ view my profile แก้ยังไง?
แก้ส่วน #profile เพิ่มความสูง height ให้มากกว่า 64px อาจจะสัก 75-80 ครับ
9.เขียน entry แล้วไปกระจุกอยู่ทางซ้าย
ให้แก้ความกว้างในส่วน #entry .title กับ #entry .post ให้เท่ากับ #content ครับ
10.แล้วทำไม entry ถึงไปอยู่ด้านล่าง sidebar
ให้แก้ตรงส่วน margin ของ content กับ sidebar ครับ
ความกว้างระหว่างกันอาจจะมากเกินไปจนดัน entry ให้ตกลงไปข้างล่างครับ เช่น
margin:10px 10px 0px 5px แก้ตัวที่ 2 กับ 4 จะเป็น ซ้าย ขวา ครับ
ส่วนแต่ที่ 1 กับ 3 จะเป็น บน ล่าง ครับ (ถ้า 2กับ4
ไม่ใช่ซ้ายขวาก็เป็นขวาซ้ายครับ)
11.IE ไม่ยอม repeat ภาพ png
ให้ใส่ behavior: url('fixPNGinIE.htc'); เพิ่มลงไปใน css ครับ อ่านเพิ่มใน http://board.exteen.com/help/read/3737
12.อยากเปลี่ยนภาพหัวบล็อคแก้ยังไง?
แก้ที่ colors & pictures หรือแก้ที่ css ส่วน #coverimage ครับ
13.ทำไมอัพรูปเข้าบล็อคไม่ได้
ขนาดภาพต้องไม่เกิน 150kb. ครับ และต้องไม่ใช่ภาษาไทยครับ
14.ปัญหาแต่งธีมใน Firefox พอดูใน IE แล้วเละ
แนะนำให้แก้ไขเรื่อง float ดีๆ กับ display ครับ หากใช้ Firefox
แนะนำให้โหลด web developer มาเป็นผู้ช่วยอีกแรง เมื่อแก้ไขแล้วลองดูใน ie
ก่อน แล้วแก้ไขส่วนที่เสียใน IE ยังไงใน Firefox ก็ไม่เน่าไปกว่า IE
หรอกครับ ไม่ต้องกังวล ทุกอย่างมีทางแก้ครับ อีกอย่างหากใช้ display
ผมขอแนะนำดังนี้ครับ
display:table; -- เป็นแบบตารางครับ ผมมักจะใช้ตัวนี้
display:block; -- เป็นบล็อคกล่องๆ ครับ คล้ายๆ ตัวบนเวลานำไปใช้
display:inline; -- แสดงให้อยู่ในบรรทัดเดียวกัน
display:none; -- ไม่แสดง
15.ปัญหาเรื่องใส่โค้ดใน entry
สำหรับการใส่โค้ดใน entry
ข้อควรระวังคือตัวโค้ดที่เขียนจะไปรันคำสั่งหลังจากเราแก้ไข วิธีแก้นะครับ
ให้เปิดหน้า html ขึ้นมา หลังจากเราแปะโค้ดใน entry แล้ว ใน html
โค้ดเราจะกลายเป็นอีกอย่างไป เช่น
<a href="http://rije.exteen.com/"><img src="http://rije.exteen.com/avatar.jpg" alt="" /></a>
แต่ผลที่ได้หลังจากเราเข้าไปแก้ไข entry แล้วลืมแก้ไขส่วนโค้ดจะกลายเป็น
มีวิธีง่ายๆ เลยครับ คือใส่ตัวหนา ใส่สีอะไรก็ได้ ตรงโค้ดครับ แบบที่ผมทำ มันจะไปตัดช่องระหว่างโค้ดพอดี ทำให้เวลาแก้ไขมันจะไม่อ่านเป็นโค้ดครับ ตัวอย่างครับ
ตรง <,/>,> ผมใช้สีเทาอ่อน
ตรง a href,a ผมใช้ตัวหนา
<font color="#c0c0c0><</font><b>a href</b>
16.ปัญหาภาพที่แต่งมาเบลอ เวลาเอาไปแปะหัวบล็อค
ในกรณีขอแนะนำให้เซฟภาพแบบ png นะครับ จะละเอียดกว่าภาพชนิดอื่น
อีกอย่างดูที่ css ว่าภาพที่เรานำมาใช้แต่งหัวบล็อคขนาด width กับ height
ใน #coverimage มีขนาดเท่ากับภาพของเราหรือเปล่า หากยังมีปัญหาอีก เช่น
มองใน photobucket ชัด แต่ในบล็อคไม่ชัด แนะนำหากไฟล์ไม่เกิน 150k
ให้อัพใน exteen แทนดีกว่าครับ
17.ขยายกล่องคอมเม้นท์ให้ใหญ่ขึ้นยังไง (ตรงช่องคอมเม้นท์)
แก้ง่ายๆ ด้วยการเข้าไปที่ css นะครับ #commentform textarea ตรงส่วน width , height ปรับตัวเลขให้มากขึ้นกว่าเดิมได้ครับ เช่น width:330px; เป็นต้น
18.ขี้เกียจกด CTRL+F5 หรือ F5 แต่อยากให้บล็อครีเฟรชเอง
อันนี้จาก http://board.exteen.com/help/read/4297
ให้นำโค้ดตัวนี้ไปใช้นะครับ
<script>
setTimeout(5000);
self.location.reload(true);
</script>
ใน custom code ครับ ถ้ามัน refresh ถี่เกินไปจนน่ารำคาญเปลี่ยนเลข 5000 ให้มากขึ้นนะครับ หน่วยเป็นวินาทีครับ
แต่ผมขอไม่แนะนำนะครับ กดเถอะ F5 หรือ CTRL+F5 เพื่อให้บราวเซอร์อ่านหน้าเพจใหม่อีกรอบ จะดีกว่าครับ
19.อยากเอารูปอื่นแปะทับที่ภาพหัวบล็อคทำยังไง?
จาก http://board.exteen.com/help/read/4308
เข้า widget เอา custom code ไปใส่ส่วน top menu ก่อนนะครับ จากนั้นเอาโค้ดนี้ไปแปะ
<div STYLE="position: absolute;top:100px;left:300px;">รูป</div>
ข้างในปรับ top กับ left ว่าห่างจากข้างบนเท่าไหร่ ซ้ายเท่าไหร่ครับ
GotoBKK.exteen (BKK) ที่ตอบไว้นั่นผมเองนะครับ เป็นอีกบล็อคของผม
20.แก้ไขอาการ content ที่โชว์บน Firefox กับ IE ต่างกัน
ใน css ส่วน #content{
ใส่ display:table; ไปครับ
21.อยากเอา sidebar ไว้ล่าง entry หรือเอาไว้บน entry ทำยังไง
สำหรับ sidebar หากต้องการเอาไว้ล่าง entry ให้ใช้ sidebar2
แต่หากเอาไว้บน entry ให้ใช้ sidebar ครับ
netry ดีมีประโยชน์และตอบคำถามได้ตรงใจมากเลยจ้า อิอิ 
css นี่มันยากจริงๆงับ ก๊อปยากกว่า html หรือ java สคริป หลายเท่าเลย T[]T
#1 By † ﾟAﾟ k ! r a † on 2009-01-05 13:25