Layering Multiple Background Images เทคนิคสร้างพื้นหลังซ้อนกันหลายๆภาพด้วย css :background-image

Untitled-3

Layering Multiple Background Images นั้นเป็นความสามารถที่ถูกเพิ่มเข้ามาใน CSS3 โดยความสามารถนี้จะทำให้เว็บดีไซน์เนอร์ทำงานกับ Background ได้ยืดหยุ่นมากขึ้น สำหรับการใช้งานนั้นเพียงใช้เครื่องหมาย comma-separated(,) หรือเครื่องหมายจุลภาค คั่นระหว่างแต่ละ Background ที่ต้องการเรียกใช้โดยคำสั่งที่อยู่แรกจะเป็นตำแหน่งเลเยอร์บนสุด และเรียงลำดับลงไปเรื่อยๆ **สำหรับบราวเซอร์ที่ซัพพอร์ท Layering Multiple Background Images คือบราวเซอร์ Firefox เวอร์ชั่น 3.6+ (Gecko 1.9.2), Safari เวอร์ชั่น 1.3+, Chrome เวอร์ชั่น 10+, Opera เวอร์ชั่น 10.50+ (Presto 2.5) and Internet Continue reading

แนะนำโปรแกรม Capture หน้าจอเป็นไฟล์วีดีโอ

วันนี้จะมาแนะนำโปรแกรม Capture หน้าจอเป็นไฟล์วีดีโอครับ นั่นคือ Camstudio ครับ เจ้าตัวนี้อย่างที่บอกครับ Camstudio เป็นโปรแกรมจับภาพหน้าจอ เป็นคลิปวีดีโอ พร้อมการบรรยายเสียง เหมาะสำหรับทำสื่อการสอน การนำเสนอ เป็นโปรแกรมที่นิยมนำไปทำเป็นวีดีโอเทรนนิ่ง หรือวีดีโอสอนการใช้โปรแกรม ในส่วนของ studio เป็นโปรแกรมตัดต่อที่มีฟังก์ชั่นการทำงานมากมาย ไม่ว่าจะเป็นการใส่ effect ต่างๆ Callout, Transition, Zoom and Pan, Visual Properties เป็นต้น เมื่อตัดต่อมาแล้วก็สามารถส่งออกเป็นคลิปได้หลายรูปแบบ download โปรแกรมได้ที่นี่ครับ Download โปรแกรมแล้วติดตั้งหน้าจอโปรแกรมการใช้งานจะประมาณนี้ครับ (ตัวนี้เป็น version นี้ครับ CamStudio 2.7 ) เอาหละมาดูกันเลยครับ ลงโปรแกรมแล้วไอคินเป็นแบบนี้นะครับ Continue reading

วิธีการสร้างสินค้าใน Open Cart

วันนี้เรามีมาพูดถึงการสร้างสินค้า จากบล๊อกที่แล้วคือการสร้างมหวดหมู่สินค้า ดูลิงก์เดิมที่นี่ เริ่มต้นด้วยการ LogIn เข้าสู่ระบบด้วยสิทธิ admin จากเมนู Catalog เมนูย่อย product ดังรูป ตรงมุมขวาบนให้กดปุ่ม Insert เพื่อสร้างสินค้าใหม่ หน้าจอภาพขึ้นมาด้านล่างนี้ แท็ป 1 General : ใช้ระบุชื่อสินค้าและคำอธิบาย ตัวอย่างดังรูปด้านล่างนี้ แท็ป 2 Data : ใช้ระบุ รหัสสินค้า รูปสินค้า ราคา จำนวนสินค้า ภาษี เกี่ยวกับรายละเอียดสินค้า แท็ป 3 Links : ใช้ระบุว่าสินค้าชิ้นนี้อยู่ในหมวดหมู่ใด และอยู่ใน Store Continue reading

วิธีการ Capture Screen (บันทึกหน้าจอ) video ลง Youtube,Facebook โปรแกรม ฟรีๆ

สิ่งที่ต้องเตรียม Windows 32/64 bit Vista, Windows 7 and Windows Server 2008 Download Software => Window Screenrecorder Free 1.Extract to C:\ 2. Select Version 32 bit or 64 bit for you os 3. Install WMEncode64.exe , Setup 4.Open and Click do not open on Continue reading

สร้าง Category หรือ หมวดหมู่สินค้า ใน Opencart

วันนี้เราจะมีเรียนรู้วิธีการสร้างCategory สินค้า Opencart กันนะครับ ช่วงแรกเราได้ทำความรู้จักกันเจ้า Opencart กันไปแล้วว่าทำอะไรได้บ้างนะครับ คลิ๊กอ่านบทความก่อนหน้าก่อนอื่นตองเข้าระบบในส่วนของ admin ก่อนนะครับ มาถึงหน้า Dashboard รอกันเลยนะครับ จากนั้นกดเข้าที่ เมนู Catalog ครับ โดยปกติแล้วจะมี category ที่ระบบสร้างให้มาอยู่แล้วครับ ตรงมุมขวาด้านบน ให้กดปุ่ม insert เพื่อสร้าง Category ใหม่ แล้วระบบจะแสดงดังรูปด้านล่างนี้ จะมีให้กรอกรายละเอียดปลีกย่อยอยู่ 3 Tab คือ Genaral , Data , Design Genaral : สำหรับกรอกรายละเอียดทั่วไปเช่นชื่อ Category Continue reading

Cinemagraph ภาพถ่ายมีชีวิต

Cinemagraph-28

คือภาพถ่ายที่เป็นมากกว่าภาพถ่ายแต่ไม่ใช่วิดีโอ จากการสร้างสรรค์ที่น่าปรบมือให้ของช่างภาพแฟชั่น-เจมี่ เบ็ค และกราฟิคดีไซเนอร์-เควิน เบิร์ก ภาพชายกระโปรงพลิ้วเพยิบพยาบและปอยผมที่โดนลมไล้เบาๆ ดูแล้วให้ความสบายใจเพลิดเพลินอย่างประหลาดจนทำให้เรานั่งดูได้ทั้งวัน ลักษณะของภาพ Cinemagraph คือเป็นภาพ GIF แบบเคลื่อนไหวคล้ายวิดีโอ แต่มีเอกลักษณ์คือองค์ประกอบส่วนใหญ่ของภาพนั้นหยุดนิ่ง แล้วมีจุดหนึ่งของภาพที่เคลื่อนไหววนลูปไปเรื่อยๆ แบบที่คุ้นตากันดีจากหนังสือพิมพ์ Daily Prophet ในเรื่อง Harry Potter ครับ วิดีโอวิธีการสร้าง Cinemagraph [jwplayer mediaid=”172″] บทความอื่นๆที่น่าสนใจ Cinemagraph/Subtle GIF Tutorial (Anthony-scavarelli.com) How to make a Cinemagraph with Photoshop and After Effects Continue reading

สร้าง FanPage ฟรี หรือเว็บบน facebook ง่าย นิดเดียว

สำหรับ ใครที่อยาก สร้าง Facebook Face Page เป็นของตัวเอง เพื่อ โปรโมทสินค้า หรือ โปรโมทบริษัท แต่ยังไม่รู้ วิธีการสร้าง Fanpage บน Facebook ว่าสร้างยังไง มาลองทำตามวิธีข้างล่างดูกันเลย เริ่มจาก เข้าไปที่หน้า Create Page ที่นี่ –> http://www.facebook.com/pages/create.phpหน้าตาจะเป็นแบบนี้นะครับ ทาง Facebook จะมีหมวดใหญ่ให้เลือกสร้างได้ถึง 6 หมวดด้วยกัน ดังนี้ 1. Local Business or Place of interest – ร้านค้า Continue reading

Opencart เวปขายของ Online

เจ้า opencart ตัวนี้สามารถทำให้เราเป็นเจ้าของร้านค้าได้เลยโดยไม่ยาก วิธีการใช้งานก็แสนง่าย เพิ่มสินค้า จัดหมวดหมู่ แถมยังดูแลลูกค้าได้ทั่วถึง อีกด้วย ซึ่งการเตรียมโปรแกรมและฐานข้อมูลนั้น download ได้ที่นี่ครับ version 1.5 ครับ เมื่อทำการติดตั้งเสร็จแล้วหน้าตาปกติ(Default) จะเป็นแบบนี้ครับ ซึ่งสามารถเปลี่ยนได้ และแก้ไขได้(Development) เห็นหน้า Store front กันแล้วคราวนี้มาดูส่วนของ Back office บ้าง โดยทำการ Login เป็นสถานะ admin (Username และ Password นั้นเราได้ทำการตั้งไว้แล้วตอน install opencart) มาดูเมนูของเจ้าตัว opencart กันครับว่าสามารถทำอะไรกับเจ้าตัวนี้ได้บ้าง Dashboard : Continue reading

ทำเว็บร้านค้าออนไลน์ ฟรี ด้วย OpenCart

อยาก ทำเว็บร้านค้าออนไลน์  ใช่มั้ยคะ แต่เงินทุนน้อย เขียนโปรแกรมไม่เป็น ไม่มีความรู้ด้านเว็บไซต์เลย เรามีทางเลือกมาเสนอให้คุณค่ะ ด้วย เว็บสำเร็จรูปร้านค้าออนไลน์ฟรี ติดตั้งเองได้ง่ายๆ โปรแกรมนี้ชื่อ OpenCart ค่ะ มีภาษาไทยด้วยนะคะ ก่อนอื่นเลย ดาวน์โหลดโปรแกรม OpenCart ภาษาไทย เวอร์ชั่น 1.5 ได้ที่นี่ค่ะ เสร็จแล้ว แตกไฟล์รอไว้ก่อนค่ะ จากนั้นเตรียมฐานข้อมูลไว้รอค่ะ ถ้ายังไม่มีฐานข้อมูล ดูวิธีการสร้างฐานข้อมูล ได้ที่นี่ค่ะ เข้าสู่ขั้นตอนการ ทำเว็บร้านค้าออนไลน์ ด้วยOpenCart 1.5 ภาษาไทย กันค่ะ

Yii Add email

wkd-swiftmailer( Dowload  ) – extract to extension – rename directory to swiftMailer – add code to cofig/main.php ‘mailer’ => array( ‘class’ => ‘ext.swiftMailer.SwiftMailer’, // For SMTP ‘mailer’ => ‘smtp’, ‘host’ => ‘stmp.gmail.com’, ‘From’ => ‘xxx@gmail.com’, ‘username’ => ‘xxx@gmail.com’, ‘password’ => Continue reading