Articles in the สะดุ้ง css Category
Css Menu Script
หลายคนคงเคยเห็น เมนูสวยๆ แบบนี้ ซึ่่ง Menu แบบนี้เค้าเรียกกันว่า Css Dock Menu โดยวันนี้ใครอยากทำ menu website สวยๆแบบ Dock ลองมาดูกันครับ
โดยต้นฉบับของเมนู Dock มากจากเว็บนี้ครับ( http://www.ndesign-studio.com) โดยเว็บไซต์ที่เห็นทั่วๆไปก็นำไปใช้กันเยอะแยะครับ ส่วนใครสนใจจะเอาไปใช้ก็เอาไปใช้ได้เลยนะครับ ใครอยากมี Menu เท่ห์ๆ แบบนี้ มาลองกันได้ครับไม่ยาก หรือจะดูตัวอย่างเมนู คลิกดูตัวอย่าง ที่นี้ได้เลยครับ Css Menu Dock
Css Style Table
หลายครั้งที่เราต้องแสดงข้อมูลแบบตาราง เพื่อให้แสดงข้อมูลออกมาให้อ่านง่ายๆ แต่ว่าปัญหาคือจะแสดงอย่างไรให้สวยงาม วันนี้ผมมี Css Style มาเป็นอีกตัวเลือกสำหรับการแสดงข้อมูลแบบ Table ให้ดูสวยงามขึ้น
ปริ้นส่วนที่ต้องการโดย Css Style
สำหรับคนที่ออกแบบเว็บไซต์ โดยใช้ Css กำหนดหน้าาเว็บและส่วนต่างๆของเว็บไซต์ และหากต้องการปริ้นข้อมูลจากหน้าเว็บแต่มันติดรูปอื่นๆที่ไม่ต้องการมาทั้งเว็บเลย เช่นรูป ต่างๆที่อยู๋บนหน้าเว็บ ซึ่งเราไม่ต้องการวันนี้มีวิธีกำหนดการ ปริ้นหน้าจอโดย Css มาให้ดูักันครับ
CSS Navigation Website เมนู css ทำเว็บไซต์
เมนูเว็บไซต์ครับ เป็นโค๊ด Css ที่ใช้ทำเมนูกันวันนี้ครับ เมื่อนำเมาส์ไปวางหน้าเมนู จะเกิดเอฟเฟคขึ้น ลองดูก่อนครับ
ตัวอย่าง ดูที่นี่ครับ
มาดูวิธีการทำเมนูแบบนี้กันบ้างนะครับ อย่างแรกเลย
script ajax menu
เป็น NavigationjQuery สวยๆครับเอาไว้ตกแต่งเว็บไต์นะครับ เป็นลูกเล่นให้กับเว็บเราทำให้ Menu Website เราดูดีมีราคาขึ้นมาครับโดยใช้ Css ช่วยด้วยครับ
Internet Explorer css hacksการที่เราจะเขียนเว็บไซต์ที่ใช้ CSS ให้สามารถแสดงผลได้มันเป็นเรื่องที่ยากลำบาก ดังนั้น เราก็ต้องอาศัย การ hack css เข้าช่วยเพื่อให้เว็บไซต์เราแสดงผลออกมาเหมือนกันทุก เบราซ์เซอร์
Template Login Page เทมเพลตหน้าล็อกอิน
ใครที่กำลังทำเว็บไซต์อยู่แล้ว กำลังทำหน้า login อยู่ และคิดไม่ออกว่าจะทำให้ออกมาอย่างไรดีก็มีแค่ใช่ ชื่อกับพาสเวริด์ ไม่รู้จะออกแบบหน้า web อย่างไรดู ลองดูจากหน้าล็อกอินที่ผมได้ทำขึ้นมาก่อนได้ครับ หรือจะเอาไปใช้เลยก็ได้นะครับ
MENU CSS WEBSITE เมนูเว็บไซต์สวยๆ
เมนูเว็บไซต์ CSS เป็นเมนูแนวนอน มาดูวิธีการทำไม่ยากครับ มาดูแบบง่ายกันครับ หรือดาวน์โหลด เต็มๆได้เลยครับ
Css ทำให้อยู่ตรงกลางหน้าเว็บ
คนที่ใช้ Css ใหม่ๆ มักจะมีคำถามเสมอเกี่ยวกับ การทำให้อยู่ตรงกลางหน้าเว็บไซต์ บางคนก็กำหนดความกว้างไม่เท่ากัน หรือ สำหรับผู้ใช้ๆทั่วๆไป ขนาดหน้าจอสำหรับดูเว็บก็ไม่เท่ากัน และจะทำอย่างไรดีครับ ???????? มาดูกันครับ
Features ใหม่ของ CSS3
มาดู Features ใหม่ๆของ CSS3 กันครับ ว่าจะมีอะไรทำให้เราชอบหรือ ทำงานได้สบายมากขึ้นกับ Css3 เวอร์ชั่นนี้กันครับ
1.Border Radius ต่อไปนี้การทำของโค้งๆคงไม่ต้องใช้รูปทำกันอีกต่อไปแล้วเพราะ Css3 มันอำนวยความสำดวกมาให้เราแล้วมาดูกันครับ
…
CSS3 Dropdown Menu Script
เป็นเมนู Dropdown Menu สวยดีครับ เป็นเมนูที่เขียนด้วย HTML + Css3 ครับ ใครกำลังหาเมนูทำเว็บไซต์อยู่ลองตัวนี้ก่อนได้นะครับ หน้าตาของเมนูเว็บไซต์อันนี้เป็นเหมือนรูปตัวอย่างด้านบนเลยครับ
การทำลิงค์ให้เป็นรูปภาพด้วย CSS
การทำลิงค์ในเว็บ
การที่เราทำลิงค์นั้น คนที่เข้ามาชมเว็บเราต่างก็ต้องการลิงค์แบบ ที่เป็นรูปภาพ เพื่อดูดีสวยงาม แต่ เรื่องของ SEO แล้ว ด้าน google จะชอบแบบเป็นตัวหนังสือมากกว่า
เพื่อที่จะเก้บข้่อมูลได้่ง่าย ดั่งนั้นแล้คนดูชอบ รูปภาพ ส่วน google bot ชอบตัวหนังสือ หากเราทำแบบใดแบบหนึ่ง ก็จะไม่สมบูรณ์ใช่ไหม ดั่งนั้นแล้วเรามาทำลิงค์ให้เป็นทั้งสองแบบ
เลยแล้วกันเพื่อจะได้ถูกใจทั้งสองฝ่าย โดยการใช้ Css เข้ามาช่วย
วิธีการทำลิงค์ให้เป็นรูปภาพดูได้ที่นี่เลยครับ
css menu
Menu สไตล์ Css สวยๆทั้งนั้น มีให้เลือกใช้หลายแบบ หลายสี ดาวน์โหลดไปใช้กันดีกว่าครับ สวยๆด้วย เร็วด้วย ไม่ต้องนั่งเขียนเองให้เมื่อย
หน้า ล็อกอินสวยๆ
หลายครั้งที่ทำหน้าล็อกอิน คิดไม่ค่อยออกซักทีจะทำแบบไหนดี ไม่รู้คนอื่นเป็นเหมือนผมเปล่า ตอนจะทำหน้าล็อกอิน สุดท้ายก็ทำแบบเดิมๆ ทั่วๆไป
css form
แต่ก่อนนี้ยังไม่ได้จับ Css เวลาสร้าง form รับข้อมูลต่างๆ หรือ สมัครสมาชิกต่างๆผมก็จะใช้ html table ลูกเดียวเลย พอมาใช้ css แล้วดีกว่ากันเยอะมาดูการทำ form ด้วย css แบบง่ายกันดีกว่า
css ป้องกัน่ ลิงค์ที่มีข้อความยาวๆขึ้นบรรทัดใหม่
css ป้องกัน ลิงค์ที่มีข้อความยาวๆขึ้นบรรทัดใหม่ ด้วยการใช้คำสั่ง white-space:nowrap; ใส่ไปที่ลิงค์ยาวๆนั้นเลย



