CSS เด็ดๆ

[iannnnn]

เผอิญไปเจอไอ้นี่มาพอดีครับ

http://www.zachgraeve.com/css-cheats/
เป็นเทมเพลต CSS หลายแบบ ที่เห็นแล้วซี้ดปากเลย
ก็คือก็อปมาใช้ได้เลย หวานหมู

[กากก่อเกรียนนู้บ]

ในที่สุดพี่แอนก็ยอมแพ้จนได้ 

ขอบคุณครับ แต่ช่วงนี้ผมไม่ได้ใช้ CSS เลยแฮะ มีแต่เว็บแฟลชทั้งหน้า 

[poloh]

โอ๊ะ เจ๋งดีครับ
ไว้เล่น blueprint css เสร็จแล้วค่อยลองตัวนี้ดูดีกว่า

[iannnnn]

ในที่สุดพี่แอนก็ยอมแพ้จนได้ 

ขอบคุณครับ แต่ช่วงนี้ผมไม่ได้ใช้ CSS เลยแฮะ มีแต่เว็บแฟลชทั้งหน้า 

ตูยังต้องทำงานกะภาษาไทยกับข้อมูลเยอะๆ อยู่
ขืนแฟลชทั้งหน้าเพียวๆ ไม่ไหวอ้ะ (หมายถึงไม่รอด)

[iannnnn]

ขอบคุณครับ 


แต่    ขอเพิ่มครับ

อยากเห็นวิธีการวางและเขียน CSS layout แบบ wordpress ครับ

แบบนี้ครับ 




รบกวนแอนทำเทมเพลทมาทิ้งไว้เป็นตัวอย่างหน่อยครับ
เดี๋ยวผมช่วย Validate XHTML ให้ผ่านให้ หากโค้ดตรวจไม่ผ่าน
( แต่น่าจะผ่านแหละนะ ระดับแอนนนนน )

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

http://www.code-sucks.com/css%20layouts/

เลือกเอาที่ชอบๆ เลยครับ มีครบ

[ej_sing]

    


เพียบ โค้ดสะอาดสุดๆ

[Maggot]

เข้า code-sucks.com ไม่ได้แล้ว 

[iannnnn]

ตอนนี้เข้าได้แล้วจ้ะ


แต่ ดันไปเจออภิมหาเทพเว็บสุดจ้อดอีกอัน
สร้าง CSS มันแบบออนไลน์เลย

http://www.constructyourcss.com/

วิธีใช้สำหรับผู้มาใหม่อาจจะงงๆ หน่อย
ลองดู Tutorial สัหนึ่งจบ แล้วลองทำตามแบบเดาๆ
พอเจนโค้ดออกมา เฮ้ย มันทำได้จริงๆ

[RevlonZ]

พยายามจะเข้าใจแต่มัน... ยากเกินไป - -

[paipure]

สวัสดีครับ
คือผมมีปัญหาเกี่ยวกับบอร์ด ipbfree.com นะครับ
ไม่ทราบว่าเคยใช้กันรึเปล่า

คือตอนโพสภาพใหญ่มากใน

โค้ด เลือกทั้งหมด ขยายเนื้อหา

[img]...[/img]
มันจะเลยขอบไป เป็นแบบนี้


พอจะมี css ช่วยย่อให้เล็กลงเหมือนแบบนี้ มั้ยครับ


หรือจะใช้วิธีอื่นก็ได้ ขอบคุณครับ

[iannnnn]

ถ้าจะให้คลิกแล้วขยาย อันนั้นไม่ทราบครับ ใช้ javascript ละมั้ง
แต่ถ้าจะให้กรอบที่ล้อมภาพอยู่นั้นมันไม่ล้นเฟรมออกไปทางซ้ายขวา
ลองใช้ให้เป็น scroolbar ซ้ายขวาเอาได้นะครับ

กรอบที่สวมลงไป จะใช้ p หรือ div หรือ td ก็ได้
กำหนดความกว้างลงไป แล้วถ้าเกินให้มีแถบเลื่อน
ตัวอย่างนะครับ

โค้ด เลือกทั้งหมด ขยายเนื้อหา

<div style="width:600px; overflow:auto;">
    <img src="........." />
</div>

[paipure]

<div style="width:600px; overflow:auto;">
    <img>http://i407.photobucket.com/albums/pp155/goofyzgolf/4259vs4.jpg</img>
</div>

โพสยังไงครับ เอาไปลงที่ไหน

[iannnnn]

ใส่ในโค้ดของฟอรั่มครับ โค้ดที่ให้ไปเป็น html
ดังนั้นเราต้องแก้ไขหน้ากากของฟอรั่มให้ช่องแสดงผลมีความกว้างจำกัด
ล้อมกรอบที่จะโพสต์เอาไว้

เดี๋ยวให้ดูตัวอย่างการแสดงผลนะครับ มันจะออกมาในรูปนี้

   

[กันย์]

  คนที่สองกะคนกลางงง

[paipure]

ดังนั้นเราต้องแก้ไขหน้ากากของฟอรั่มให้ช่องแสดงผลมีความกว้างจำกัด

ทำยังไงครับ


http://wondergirlsthai.ipbfree.com/index.php?showtopic=230

มันเป็นอย่างนี้นะครับ

ช่วยบอกวิธีแก้แบบละเอียดนิดนึงได้มั้ยครับ ขอบคุณครับ