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>
ข้อความที่โพสจะต้องไม่น้อยกว่า {{min_t_comment}} ตัวอักษรและไม่เกิน {{max_t_comment}} ตัวอักษร
กรอกชื่อด้วยนะ
_________
กรอกข้อมูลในช่องต่อไปนี้ไม่ครบ
หรือข้อมูลผิดพลาดครับ :
_____________________________
ช่วยกรอกอีกครั้งนะครับ
กรุณากรอกรหัสความปลอดภัย
ดีงามมากค่า ขอบคุณนะคะ T////T