ไม่มีหมวดหมู่

download font

ดาวน์โหลดฟอนต์ download font

download icon

ดาวน์โหลด ไอค่อน จากสะดุ้ง

download template

ดาวน์โหลด เทมเพลตเว็บต่างๆ

Download Vector

ดาวน์โหลดภาพเว็กเตอร์ จากสะดุ้ง

ของเสริม photoshop

brush style patterns

Home » Archive by Category

Articles in the สะดุ้ง css Category

ความแตกต่างของ Tag span กับ div ใน CSS
วันพุธ, 15 ธ.ค., 2010 – 23:23 | 4 Comments
ความแตกต่างของ Tag span กับ div ใน CSS

ความแตกต่างของ Tag <span> กับ <div>
หลายๆคนอาจสงสัยว่า เอ๊ะ เจ้าแท็ก span กับ div การใช้มันก็ใช้เหมือนกันผลที่ออกมา มันก็เหมือนกัน มันต่างกันอย่างไร?
ความแตกต่างระหว่าง span กับ div นั้นมีจุดต่างกันนิวเดียวเท่านั้นเอง คือ แท็ก div เวลาใช้มันจะขึ้น บรรทัดใหม่ ส่วนแท็ก span
จะไม่ขึ้นบรรทัดใหม่ นั้นเองครับ ลองดูจากตัวอย่างนี้

Table Design HTML+CSS
วันอังคาร, 30 พ.ย., 2010 – 16:57 | 4 Comments
Table Design HTML+CSS

Table Design HTML+CSS
ในบางครั้งเราต้องแสดงข้อมูลในรูปแบบตาราง บนเว็บไซต์ บางคนถนัด Css ก็เขียนแบบ DIV หรือบางคนไม่ถนัด CSS ก็เขียนแบบ ใช้ แท็ก table ใน HTML โดย การใช้ CSS กับ Table ก็มีข้อแตกต่างกันออกไปในเรื่องของการปรับแต่งแก้ไขทีหลัง ความเร็วในการแสดงผล หรือความยากง่ายในการเขียน แต่สำหรับผมจะเลือกใช้ โดยถ้าเป็น Css ก็มักจะใช้ในงานที่มีการเรียกใช้ Style บ่อยๆ หรือมีการหรืองานที่มีการพัฒนาต่อยอดเพิ่มอีก แต่ถ้าเป็นงานง่ายๆไม่มีอะไรมากผมเลือกใช้ table ครับ

HTML5 Slideshow w/ Canvas & jQuery
วันศุกร์, 15 ต.ค., 2010 – 13:39 | 7 Comments
HTML5 Slideshow w/ Canvas & jQuery

HTML5 Slideshow
เป็น Slideshow สวยๆโดยใช้ HTML+CSS+JS ขั้นตอนการทำไม่ยาก มีไม่กี่ขั้น เอาไว้ตกแต่งเว็บไซต์ให้สวยงามหน้าดู สำหรับเว็บไซต์ที่แสดงรูป ในรูปแบบของ Slideshow ขั้นแรกเลยไปดาวน์โหลดพวกรูปภาพ และ Code CSS กับ JS มาก่อนนะครับ โดยดาวน์โหลดโค๊ดได้ที่นี่ครับ

Css Menu Script (Javascript+Css)
วันอังคาร, 28 ก.ย., 2010 – 22:49 | 9 Comments
Css Menu Script (Javascript+Css)

Css Menu Script
หลายคนคงเคยเห็น เมนูสวยๆ แบบนี้ ซึ่่ง Menu แบบนี้เค้าเรียกกันว่า Css Dock Menu โดยวันนี้ใครอยากทำ menu website สวยๆแบบ Dock ลองมาดูกันครับ
โดยต้นฉบับของเมนู Dock มากจากเว็บนี้ครับ( http://www.ndesign-studio.com) โดยเว็บไซต์ที่เห็นทั่วๆไปก็นำไปใช้กันเยอะแยะครับ ส่วนใครสนใจจะเอาไปใช้ก็เอาไปใช้ได้เลยนะครับ  ใครอยากมี Menu เท่ห์ๆ แบบนี้ มาลองกันได้ครับไม่ยาก หรือจะดูตัวอย่างเมนู คลิกดูตัวอย่าง ที่นี้ได้เลยครับ Css Menu Dock

Css Style Table
วันอังคาร, 24 ส.ค., 2010 – 23:45 | 9 Comments
Css Style Table

Css Style Table
หลายครั้งที่เราต้องแสดงข้อมูลแบบตาราง เพื่อให้แสดงข้อมูลออกมาให้อ่านง่ายๆ แต่ว่าปัญหาคือจะแสดงอย่างไรให้สวยงาม  วันนี้ผมมี Css Style มาเป็นอีกตัวเลือกสำหรับการแสดงข้อมูลแบบ Table ให้ดูสวยงามขึ้น

Css Print เฉพาะส่วนที่ต้องการเท่านั้น
วันศุกร์, 28 พ.ค., 2010 – 1:25 | 80 Comments
Css Print เฉพาะส่วนที่ต้องการเท่านั้น

ปริ้นส่วนที่ต้องการโดย Css Style
สำหรับคนที่ออกแบบเว็บไซต์ โดยใช้ Css กำหนดหน้าาเว็บและส่วนต่างๆของเว็บไซต์ และหากต้องการปริ้นข้อมูลจากหน้าเว็บแต่มันติดรูปอื่นๆที่ไม่ต้องการมาทั้งเว็บเลย เช่นรูป ต่างๆที่อยู๋บนหน้าเว็บ ซึ่งเราไม่ต้องการวันนี้มีวิธีกำหนดการ ปริ้นหน้าจอโดย Css มาให้ดูักันครับ

CSS Navigation Website เมนู css ทำเว็บไซต์
วันพฤหัส, 13 พ.ค., 2010 – 1:07 | 3 Comments
CSS Navigation Website เมนู css ทำเว็บไซต์

CSS Navigation Website เมนู css ทำเว็บไซต์
เมนูเว็บไซต์ครับ เป็นโค๊ด Css ที่ใช้ทำเมนูกันวันนี้ครับ เมื่อนำเมาส์ไปวางหน้าเมนู จะเกิดเอฟเฟคขึ้น ลองดูก่อนครับ
ตัวอย่าง ดูที่นี่ครับ
มาดูวิธีการทำเมนูแบบนี้กันบ้างนะครับ อย่างแรกเลย

menu website Css + Ajax เมนูทำเว็บไซต์เอเเจ็ค
วันพฤหัส, 22 เม.ย., 2010 – 21:38 | 3 Comments
menu website Css + Ajax เมนูทำเว็บไซต์เอเเจ็ค

script ajax menu
เป็น  NavigationjQuery สวยๆครับเอาไว้ตกแต่งเว็บไต์นะครับ เป็นลูกเล่นให้กับเว็บเราทำให้ Menu Website เราดูดีมีราคาขึ้นมาครับโดยใช้ Css ช่วยด้วยครับ

hack css IE6, IE7, IE8
วันจันทร์, 5 เม.ย., 2010 – 22:25 | 14 Comments
hack css IE6, IE7, IE8

Internet Explorer css hacksการที่เราจะเขียนเว็บไซต์ที่ใช้ CSS ให้สามารถแสดงผลได้มันเป็นเรื่องที่ยากลำบาก  ดังนั้น เราก็ต้องอาศัย การ hack css เข้าช่วยเพื่อให้เว็บไซต์เราแสดงผลออกมาเหมือนกันทุก เบราซ์เซอร์

Template Login Page เทมเพลตหน้าล็อกอิน
วันศุกร์, 2 เม.ย., 2010 – 23:20 | 2 Comments
Template Login Page เทมเพลตหน้าล็อกอิน

Template Login Page เทมเพลตหน้าล็อกอิน
ใครที่กำลังทำเว็บไซต์อยู่แล้ว กำลังทำหน้า login อยู่ และคิดไม่ออกว่าจะทำให้ออกมาอย่างไรดีก็มีแค่ใช่ ชื่อกับพาสเวริด์ ไม่รู้จะออกแบบหน้า web อย่างไรดู ลองดูจากหน้าล็อกอินที่ผมได้ทำขึ้นมาก่อนได้ครับ หรือจะเอาไปใช้เลยก็ได้นะครับ

MENU CSS WEBSITE เมนูเว็บไซต์สวยๆ
วันจันทร์, 29 มี.ค., 2010 – 13:42 | 4 Comments
MENU CSS WEBSITE เมนูเว็บไซต์สวยๆ

MENU CSS WEBSITE เมนูเว็บไซต์สวยๆ
เมนูเว็บไซต์ CSS เป็นเมนูแนวนอน มาดูวิธีการทำไม่ยากครับ มาดูแบบง่ายกันครับ หรือดาวน์โหลด เต็มๆได้เลยครับ

Css ทำให้อยู่ตรงกลางหน้า
วันจันทร์, 29 มี.ค., 2010 – 12:45 | 5 Comments
Css ทำให้อยู่ตรงกลางหน้า

Css ทำให้อยู่ตรงกลางหน้าเว็บ
คนที่ใช้ Css ใหม่ๆ มักจะมีคำถามเสมอเกี่ยวกับ การทำให้อยู่ตรงกลางหน้าเว็บไซต์  บางคนก็กำหนดความกว้างไม่เท่ากัน หรือ สำหรับผู้ใช้ๆทั่วๆไป ขนาดหน้าจอสำหรับดูเว็บก็ไม่เท่ากัน และจะทำอย่างไรดีครับ ???????? มาดูกันครับ

Features ใหม่ของ CSS3 ที่คุณต้องใช้
วันพฤหัส, 18 มี.ค., 2010 – 23:29 | 8 Comments
Features ใหม่ของ CSS3 ที่คุณต้องใช้

Features ใหม่ของ CSS3
มาดู Features ใหม่ๆของ CSS3 กันครับ ว่าจะมีอะไรทำให้เราชอบหรือ ทำงานได้สบายมากขึ้นกับ Css3 เวอร์ชั่นนี้กันครับ
1.Border Radius ต่อไปนี้การทำของโค้งๆคงไม่ต้องใช้รูปทำกันอีกต่อไปแล้วเพราะ Css3 มันอำนวยความสำดวกมาให้เราแล้วมาดูกันครับ

CSS3 Dropdown Menu Script
วันพฤหัส, 18 มี.ค., 2010 – 0:15 | 2 Comments
CSS3 Dropdown Menu Script

CSS3 Dropdown Menu Script
เป็นเมนู  Dropdown Menu สวยดีครับ  เป็นเมนูที่เขียนด้วย HTML + Css3 ครับ ใครกำลังหาเมนูทำเว็บไซต์อยู่ลองตัวนี้ก่อนได้นะครับ หน้าตาของเมนูเว็บไซต์อันนี้เป็นเหมือนรูปตัวอย่างด้านบนเลยครับ

การทำลิงค์ให้เป็นรูปภาพและข้อความด้วย โดยใช้ CSS ช่วย
วันศุกร์, 15 ม.ค., 2010 – 2:48 | One Comment
การทำลิงค์ให้เป็นรูปภาพและข้อความด้วย โดยใช้ CSS ช่วย

การทำลิงค์ให้เป็นรูปภาพด้วย CSS
การทำลิงค์ในเว็บ
การที่เราทำลิงค์นั้น คนที่เข้ามาชมเว็บเราต่างก็ต้องการลิงค์แบบ ที่เป็นรูปภาพ เพื่อดูดีสวยงาม แต่ เรื่องของ SEO แล้ว ด้าน google จะชอบแบบเป็นตัวหนังสือมากกว่า
เพื่อที่จะเก้บข้่อมูลได้่ง่าย ดั่งนั้นแล้คนดูชอบ รูปภาพ ส่วน google  bot ชอบตัวหนังสือ  หากเราทำแบบใดแบบหนึ่ง ก็จะไม่สมบูรณ์ใช่ไหม ดั่งนั้นแล้วเรามาทำลิงค์ให้เป็นทั้งสองแบบ
เลยแล้วกันเพื่อจะได้ถูกใจทั้งสองฝ่าย โดยการใช้ Css เข้ามาช่วย
วิธีการทำลิงค์ให้เป็นรูปภาพดูได้ที่นี่เลยครับ

Css Menu สวยๆทั้งนั้น มีเยอะมากเลย เกือบๆ 100 แบบ
วันอังคาร, 1 ธ.ค., 2009 – 1:05 | 9 Comments
Css Menu สวยๆทั้งนั้น มีเยอะมากเลย เกือบๆ 100 แบบ

css menu
Menu สไตล์ Css สวยๆทั้งนั้น มีให้เลือกใช้หลายแบบ หลายสี ดาวน์โหลดไปใช้กันดีกว่าครับ สวยๆด้วย เร็วด้วย ไม่ต้องนั่งเขียนเองให้เมื่อย