Home » Forums » Other Topics » Drupal User Group

แก้ css ยังไงให้ forum สวยเหมือน codenone

  • warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 1005 is not allowed to access /tmp owned by uid 0 in /var/www/sites/sugree/codenone.com/subdomains/www/html/includes/file.inc on line 190.
  • warning: realpath() [function.realpath]: SAFE MODE Restriction in effect. The script whose uid is 1005 is not allowed to access /tmp owned by uid 0 in /var/www/sites/sugree/codenone.com/subdomains/www/html/includes/file.inc on line 190.
Submitted by rerngrit on 2 March, 2007 - 18:12

ผมมีปัญหาหน้ารวมของกระทู้บีบเข้าตรงกลางเยอะมากบน IE ทำให้หัวข้อซ้อนกันหลายบรรทัด (3-7 บรรทัด)
ในขณะที่ firefox หัวข้อกระทู้ไม่เกิน 2 บรรทัด แต่คอลัมน์สุดท้ายยาวล้นกรอบกลางออกไป - -"

พยายามแกะดู css ของ codenone จะลองเอาไปประยุกต์ดูแต่ก็ไม่ได้ผล
ขนาดฟอนท์ก็เท่ากัน แต่คอลัมน์แรกคือกระทู้มันแคบมากเลย
ผมใช้ themes/garland/minnelli อยู่ครับ

‹ ถามเรื่อง theme : arcmateria หน่อยครับ ปกติใช้ Module อะไรกันบ้างครับ เอามาอวดกันหน่อยครับ ›
»
Submitted by sugree on 2 March, 2007 - 22:43.
sugree's picture

เท่าที่เห็นใน css ที่เกียวกับ forum ก็มีแค่นี้

#forum > table {
    width: 100%;
}
 
#forum > table > thead > tr >  th {
    text-align: center;
}
 
.forum, .topics, .posts {
    border-right: 1px solid #CCCCCC;
    padding: 2px 0px;
}
 
.name, .forum, .last-reply {
    padding-left: 3px;
}

ผมไม่ใช่คนแก้เองก็ไม่ค่อยมั่นใจ ย้ำอีกทีว่าเดา หลักๆ น่าจะเป็นตรง width: 100% แต่ minnelli มันเป็น fixed width นี่ครับ มันไม่เล็กไปเหรอ ถ้าล้นจะไม่สวยนะ

»
Submitted by mk on 3 March, 2007 - 07:48.
mk's picture

ผมลืมไปแล้วว่าทำอะไรไปบ้างเพราะแก้แบบ ad hoc มาก (ประมาณว่าคุณ sugree บอกไม่สวย ก็แก้มันสดๆ ตอนนั้นแหละ) ยังไงลองใช้ Firebug น่าจะช่วยได้

»
Submitted by rerngrit on 6 March, 2007 - 13:45.
rerngrit's picture

ขอบคุณมากครับ
ตอนนี้แก้ปัญหาโดยการขยายบล็อคกลางที่ style.css ใน /themes/garland/minnelli
แล้วก็ไม่ให้แสดงบล็อคซ้ายขวาไปเลย ผลลัพธ์ออกมาเป็นที่พอใจครับ ก็คิดว่าเอาแบบนี้ไปก่อนแหละ ^_^

»
Submitted by mk on 6 March, 2007 - 16:08.
mk's picture

เผอิญไม่ได้ทำบน garland (ใช้ arcmateria) เลยช่วยนึกไม่ได้ แหะๆ

»
Submitted by thedesp on 6 March, 2007 - 21:11.

ถามต่อหน่อยครับ ไม่เคยแก้ css เลย
ผมจะรู้ได้อย่างไรว่า section ไหน มีผลกับส่วนใดของ page ครับ?

»
Submitted by sugree on 7 March, 2007 - 00:11.
sugree's picture

เท่าที่ผมสังเกตุแบบมือสมัครเล่น เราระบุได้ 3 ทาง

  1. element
  2. id
  3. class

ส่วนควรจะเลือกใช้แบบไหนนั่นคงแล้วแต่สถานการณ์ เอามาผสมกันได้ถ้าต้องการ

»
Submitted by mk on 7 March, 2007 - 13:41.
mk's picture

ง่ายที่สุดคือใช้ Firebug แล้วจิ้ม (inspect) เอาครับ ตั้งแต่มีเจ้านี่ชีวิตผมสบายขึ้นเยอะ

element = sitewide
class ส่วนมากจะใช้กับของที่จะมีหลายชิ้น
id จะย่อยอีกชั้นถัดจาก class ใช้กับของที่ไม่ซ้ำ

ตัวอย่างอย่างสมมติอยากทำปุ่มที่มีไอคอน สีของปุ่มจะใช้ class ไอคอนจะใช้ id ประมาณนี้

»
Submitted by rerngrit on 8 March, 2007 - 13:14.
rerngrit's picture

ผมใช้ Web Developer เอาครับ เวลาจะดูว่า secion ไหนมี slyte ยังไงก็ View Style Information เอาก่อน
แล้วก็ค่อยๆ แก้ตามไป เดี๋ยวจะลองหัดเล่น Firebug บ้าง จะได้เทียบว่าอันไหนใช้ง่ายกว่ากัน :-)

»
Submitted by lew on 8 March, 2007 - 14:25.

หลังจากเล่น Firebug ตามการขี้นำของ mk ผมยังมองว่า Web Developer ง่ายกว่าครับ เวลาจะดู outline แบบเร็วๆ นี่ง่ายกว่าเยอะ

แต่ Firebug มีข้อดีที่เทียบไม่ติดคือมันแก้ข้อมูล on-the-fly ได้แทบทุกอย่าง สะดวกกว่าเห็นๆ ครับ

»
Submitted by mk on 10 March, 2007 - 07:27.
mk's picture

Web Developer ตัวใหม่ๆ กด Ctrl+Shift+F แล้วมันเปลี่ยนวิธีแสดง (ไปแสดงลำดับใน toolbar แทน ไม่ได้ใน floating toolbar สีเหลือง) เลยเลิกใช้เลย

»

ย้าย Codenone

ประกาศย้าย Codenone ไปใช้ Forum ของ Blognone แทนครับ ตามไปตั้งกระทู้ต่อได้ที่ Codenone Forum (รายละเอียดอ่านจากกระทู้ ย้าย Codenone ไปรวมกับ Blognone)

กระทู้เก่าๆ จะย้ายตามไปในภายหลัง ตอนนี้ปิดการโพสต์กระทู้ไว้ เหลือไว้เฉพาะอ้างอิงเท่านั้น