☆ Roller Coder ☆

ตอนที่ 15 : -{ROUND:14;} ปรับขนาดความกว้างของเนื้อหาบทความให้เท่าเดิม

ROLLER CODER

{ROUND:14;}

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

ALL ABOUT THE CODE

 

สวัสดีค่าาา เหมือนจะทิ้งร้างบทความนี้ไปนานมากๆ

5555555555

วันนี้แวะมาเก็บโค้ดและแจกด้วยค่ะ

ขออ้างอิงก่อนว่าโค้ดนี้เราไม่ได้ทำเองทั้งหมดนะ

Adapt มาจากโค้ดที่ทางเว็บฯ แจกอีกทีหนึ่ง (Ref. Link)

ตอนแรกลองเอามาใช้เอง

แล้วมีบางช่วงของหน้าบทความที่ไม่ได้ถูกปรับให้เท่ากันทั้งหมด

เราเลยใส่โค้ดเพิ่มเข้าไปแล้วปรับนิดหน่อยให้มันเท่ากันทั้งหน้าค่ะ

เผื่อใครสนใจก็นำไปใช้บ้าง

 

ตัวอย่าง ก่อนใส่โค้ด

ตัวอย่าง หลังใส่โค้ด

ตรงข้อมูลพวกตัวเล็กๆ พวกเรตติ้ง จำนวนโหวต จำนวนตอน อัปเดตล่าสุด

อาจะมีตกบรรทัดบ้างนะคะ ถ้าใครไม่ซีเรียสก็โอเคอยู่แหละ

ถ้าอยากได้โค้ดลบข้อมูลสองสามบรรทัดนี้ออกเมนต์บอกไว้ได้ค่ะ

เดี๋ยวเราเอาโค้ดมาแจก

ขนาด 836px สามตำแหน่งที่ไฮไลต์สามารถเปลี่ยนได้เท่าที่อยากได้ค่ะ

(ความกว้างสูงสุดแบบใหม่เท่าที่เว็บตั้งไว้ประมาณ 987px)

 

 

GET CODE

<style>

div#main-center{width: 836px;}

ul.box03_uu li .box03_uu_weight01{width: 307px;}

ul.box03_uu li .box03_uu_weight02 {width: 148px;}

ul.box03_uu li .box03_uu_weight03 {width: 44px;}

ul.box03_uu li .box03_uu_weight04 {width: 124px;}

ul.box03_uu li .box03_uu_weight05 {width: 44px;}

ul.box03_uu li .box03_uu_weight06 {width: 74px;}

.box05_left{width:410px;  margin-right: 14px;}

.comment-post-wrapper.-desktop{max-width: 836px;}

.comment-post-wrapper.-sticky{right: 0 ; left:0 ; margin: 0 auto ;}

@media only screen and (max-width: 500px){  

div#main-center{width: 100% !important; } 

ul.box03_uu li .box03_uu_weight01{width: 227px;}  

ul.box03_uu li .box03_uu_weight06{width: 54px;}  

.box05_left{width: 100%;}}

div#main.clear[lock="lock-css"]{width: 836px!important;}

</style>