ละอ่อนนคร : ถิ่นเพศสาม เขตคามเกย์ ทะเลชาย วายเป็นหนึ่ง ที่ซึ่งเจี๊ยวหวาน ตำนานแห่งกระเทย

วันนี้น้องละอ่อนผันตัวเองจาก นักชิม(ชาย) มาเป็นช่างก่อสร้างธีมครับ

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

ปัญหาตัวหนังสือในเนื้อหาขึ้นไปเกยกับหัวข้อเอนทรีในไอ้อีีีนะครับ แก้ไขด้วยการ เปลี่ยนความยาวของหัวข้อเอนทรีให้เป็น px แทน % ที่ตรงส่วนนี้ครับ
.entry .title{
display:block;
float:left;
margin-bottom:10px;
width:100%; <<<HERE!
ตรงสีแดงนะครับให้แก้เป็นความกว้างในหน่วยพิกเซลจริงๆของความกว้างเนื้อหา โดยดูจากส่วน content ครับ
#content{
display:inline;
float:left;
text-align:left;
/* add to fix IE page align center */
margin:10px 15px 0px 20px;
width: 565px; <<<LOOK AT HERE!
/*Fix too large image makes content drop problem in IE*/
overflow:visible !important;
overflow:hidden;
เห็น ที่ผมใส่สีแดงมั๊ยครับ นำเลขในส่วนสีแดงนะครับไปใส่ แทน 100% ที่เป็นเช่นนี้เพราะว่าในไอ้อีเนี่ย 100% ของมันคือสิ้นสุดตัวหนังสือของเอนทรีทำให้เหลือที่ว่างด้านบน เนื้อหามันเลยถือโอกาสย้ายเข้าไปอยู่เลย พอเราแทนความกว้างเป็นจำนวนจริงมันก็จะ fix หน้าบล๊อคเองครับ

แล้วก็ในส่วนตัวหนังสือสีเขียวนะครับ ให้เพิ่มเข้าไปใน CSS (ปกติไม่มี) เพื่อแก้ปัญหาที่เนื้อหาของเอนทรีที่เขียนใหม่ไปจัดหน้าอยู่ตรงกลางซึ่ง วิธีนี้แก้ได้จนถึงกล่องคอมเม้นเลยทำให้ทั้งปุ่มคอมเม้น ตัวหนังสือ และข้อความเม้นทั้งหมดย้ายมาชิดซ้าย เว้นแต่อยากจะให้ไปทางอื่นก็เปลี่ยนเลยครับ

ส่วนในเรื่องรูปโพรไฟล์ที่ของหลายๆคนข้อความและหัวข้อ sidebar ต่างๆ(Recommend, Link,Previous) มันจะตะบั้นหั่นแหลกเบียดกันเหมือนรถสิบล้อชนกัน(เกยกันนั่นเอง)
ไม่ต้องห่วงครับปอเต๊กตึ๊งมาแล้ว ให้แก้ขนาดของรูปโพรไฟล์ของตัวเราครับ แก้ width ให้เป็นความกว้างจริง (ปกติ 95%) และแก้ให้เป็นความสูงหน่วย px ที่สูงกว่าปกติเล็กน้อยครับให hight สูงเกินไปครอบชื่อกับปุ่มลิงค์ไปดูโพรไฟล์ ดูตัวอย่างครับ
#profile{
width:197px;
height:220px;
รูปของผมขนาด 197x197px ผมจึงใส่ 197pxในส่วน width และเพิ่มบรรทัด hight ลงไปใส่ความสูง +23px แล้ว ลองพรีวิวดู ถ้าไม่ตรงให้แก้ใหม่ครับ เท่านี้ก็สามารถแก้ได้แล้ว ที่เป็นเช่นนี้เพราะว่า CSS โฉมใหม่ไม่เว้นขอบให้กับข้อความใต้รูปครับ เราเลยต้องเอาความสูงของรูปมาเว้นให้มันแทน

เรื่องของน้องเบล
อันนี้เป็นี้เรื่องของไฟล์ belly.png (ไฟล์เปรต) ที่คุณ oatato เขียนไว้แล้วในบอร์ด http://board.exteen.com/help/read/176 แต่คิดว่าคงยังเข้าใจได้ยากอยู่ คือว่าเอ็กซ์ทีนเวอร์ชันใหม่จะมีขอบมนใช่มั๊ยครับ ซึ่งใน FF ไม่มีปัญหาในการทำแต่ในไอ้อีเนี่ยหลังจากพี่แชมป์ แฮ็กให้มันใช้ได้แล้วทำให้มัน repeat ไฟล์ png ที่ล่องหนไม่เป็น พี่แชมป์เลยสร้างน้องเบล(belly.png) ที่มีความสูงเท่าเปรต 780x10000px เพื่อรองรับหน้าบล๊อคยาวๆ (ผมแอบสงสัยว่าถ้าความสูงบล๊อคมากกว่า 10000 จะเป็นยังไง) ที่นี้มันทำให้เกิดปัญหาหลายอย่างตามที่คุณ oatato กล่าวไว้ (อ่านบอร์ดสิครับ) ผมเลยเปลี่ยนมันซะเลยให้มันไม่ต้องมาโหลดซะโดยการเปลี่ยน content neck leg footer ให้มีแบ็คกราวเป็นสีแทนซึ่งการจะทำเช่นนี้ต้องแน่ใจนะครับว่าคุณไม่ต้องการความมนของบล๊อค และความไม่เรียวของขอบจะต้องถูกซ่อน อย่างเช่นบล๊อคของผมจะเต็มหน้าจอเลยทำให้ไม่ต้องการขอบมนและไม่ต้องซ่อนรอยตัดเพราะมันจะพอดีกับขอบจอ ซึ่งเราแก้ไขด้วยการใส่
background:#โค้ดสี;
ลงไปในส่วนของทั้งสามส่วนคือ content neck และ footer ผมจะยกตัวอย่าง neck นะครับ
#neck{
/* background:url(http://g.exteen.com/t/darkapollo/belly.png) top left; */ <<<ซ่อนนี่
background:#โค้ดสี; <<<ใส่นี่
}

ผมเอาโค้ดแบคกราวสีลงไปใส่ต่อจากบรรทัดแรก แล้วใส่ /* [โค้ด] */ ครอบลงไปในส่วน URL ของ BG เผื่อว่าจะเปลี่ยนใจกลับมาใช้บริการน้องเบลอีก แล้วก็ไปแก้
#neck .module{
background:#โค้ดสี;
display:inline;
float:left;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:ความกว้างpx;
ให้สีตรงกับอันแรก แล้วก็แก้ความกว้างให้สวยครับ ลองปรับนู่นแต่งหน่อยจนใช้ได้(ไม่รับประกันความเน่า)
ทำซ้ำทั้ง content และ footerก็น่าจะได้แล้วครับ วิธีนี้สำหรับคนที่ไม่ต้องการขอบมนและแบคกราวที่เป็นรูปภาพนะครับ ซึ่งสีทั้งสามส่วนจะไม่เหมือนกันก็ได้ครับ ยังไงไม่เข้าใจเข้าไปส่อง CSS ของน้องละอ่อนเลยก็ได้
>>>จิ้มเบาๆ เค้าเสียวนะตัว<<<

ยังมีอีกหลายเรื่องครับแต่เอาไว้แค่นี้ก่อน น้องละอ่อนเริ่มเบลอละ(นั่งแก้ทั้งวัน)
ใครมีคำถามลองเม้นทั้งไว้ก็ได้นะครับ จะลองหาคำตอบให้

By น้องละอ่อน