สร้างช่องสำหรับเข้าสู่ระบบโดย, HTML และ CSS กับ PSD

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

Continue reading สร้างช่องสำหรับเข้าสู่ระบบโดย, HTML และ CSS กับ PSD

Photo Gallery Stack แบบสวยๆกับ jQuery และ CSS3

วันนี้พวกเราจะไปสร้างแกลเลอรี่ภาพที่ดีและสวยงานมากมายไปด้วยลูกเล่นที่คุณไม่เคยเห็นเพื่อเพิ่ม

ลูกเล่นให้กับ Gallery ของเว็บไซต์คุณแนวคิดคือการแสดงอัลบั้มเป็นตัวเลื่อนและเมื่ออัลบั้มได้รับเลือก

เราภาพของอัลบั้มที่เป็นภาพถ่ายที่สวยงามจะแสดงขึ้นมาในลักษณะภาพที่ซ้อนกันอยู่เราสามารถเรียก

ดูภาพโดยการคลิกที่ลูกศรตรงกึ่งกลางภาพเราก็จะสามารถดูภาพได้อยู่สวยงามและน่าสดใจ

เราจะใช้คุณสมบัติ jQuery และ CSS3 สำหรับหมุนผลภาพ นอกจากนี้เราจะใช้กล่อง – webkit – สะท้อน

ให้เห็นถึงคุณสมบัติในกล่องเพื่อที่จะสะท้อนในมุมมองอัลบั้มเราลองมาดูกันเลยดีกล่าวครับ

Continue reading Photo Gallery Stack แบบสวยๆกับ jQuery และ CSS3

สร้างแกลเลอรี่สไลด์เลื่อนพิเศษ กับ jQuery

วันนี้พวกเราจะไปสร้างแกลเลอรี่พิเศษที่มีขนาดเล็กที่เลื่อนสไลด์ออกมาจากด้านข้างเพื่อเราคลิกเลือกที่เมนู

พวกเราจะไปใช้?jQuery?และบางคุณสมบัติของ CSS3?สำหรับรูปแบบ?แนวความคิดหลักคือการมีเมนูของอัลบั้ม

ที่แต่ละรายการจะแสดงแถบแนวนอนมีขนาดเล็กเมื่อมีการคลิก?ภาพขนาดเล็กจะเลื่อนโดยอัตโนมัติเมื่อผู้ใช้เลื่อน

เมาส์ไปทางซ้ายหรือขวา

Continue reading สร้างแกลเลอรี่สไลด์เลื่อนพิเศษ กับ jQuery

การสร้างแกลลอรี่ภาพขยายเต็มหน้า

ในวันนี้เราจะไปสร้างหน้าแกลเลอรี่ที่สวยงามที่สามารถย่อขยายภาพตัวอย่างหน้าจอและเลื่อนไปมาได้

รูปขนาดใหญ่จะแสดงอย่างเต็มจอ?เราจะมีแถบขนาดเล็กที่ด้านล่างของหน้าเว็บที่เลื่อนโดยอัตโนมัติเมื่อ

ผู้ใช้เลื่อนเมาส์ไปชชี้?เมื่อมีการคลิกที่รูปย่อก็จะเลื่อนไปตรงกลางของหน้าจอและรูปแบบเต็มหน้าจอจะ

แสดงในพื้นหลัง?ขณะนี้ผู้ใช้สามารถเลื่อนขึ้นและลงและภาพจะได้รับการเลื่อนโดยอัตโนมัติ

เราจะใช้คุณสมบัติบาง CSS3 เพื่อเสริมสร้างรูปลักษณ์และ jQuery สำหรับการใช้งาน
นั่นเป็นเหตุผลที่มีการสาธิตจะดูดีที่สุดในเบราว์เซอร์ Webkit เช่น Google Chrome หรือ Apple Safari

Continue reading การสร้างแกลลอรี่ภาพขยายเต็มหน้า

Interactive Photo ด้วย jQuery และ CSS3

ในวัน?นี้เราจะมาแนะนำการสร้างแกลลอรี่รูปแบบที่สามารถโต้ตอบผู้ใช้?แนวคิดที่จะให้มีรูปภาพ

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

เรื่องตลกใช้ไมครับเรารองมาดูตัวอย่างกัน

Continue reading Interactive Photo ด้วย jQuery และ CSS3

แบบฟอร์มลงทะเบียนสมาชิกเว็บไซต์ โดย CSS

การทดสอบกับ CSS3 ผมได้สร้างแบบฟอร์มการลงทะเบียนที่มีเส้นขอบโค้งมนและมีเงากระทบรูปภาพ
และมีปากกาที่ทำหน้าที่เป็นภาพพื้นหลังสำหรับฟอร์มตัวเอง Continue reading แบบฟอร์มลงทะเบียนสมาชิกเว็บไซต์ โดย CSS