วันพุธที่ 27 มีนาคม พ.ศ. 2556

E-mail - แนะนำการใส่ภาพท้ายข้อความจดหมาย

วันนี้ขอแนะนำวิธีการใส่ภาพหรือนามบัตรหรือลายเซ็นต์หรือลงชื่อท้ายข้อความจดหมายใน G-Mail คะ เพราะประโยชน์ของการทำแบบนี้คือ จะช่วยให้คุณประหยัดเวลาในการพิมพ์จดหมาย และไม่ต้องกลัวว่าจะลืมลงชื่อท้ายข้อความจดหมายอีกด้วยคะ
เงื่อนไขมีเพียงนิดเดียวเท่านั้นคะ คือกรณีเป็นภาพ จะต้องมั่นใจว่า ภาพนั้นไม่ได้เป็นภาพ Copy จากที่ไหนมา และหากเป็นนามบัตรหรือลายเซ็นต์ ก็ควรสแกนเป็นภาพนามสกุล .jpg ก่อน แล้วนำไปฝากไว้ที่ไหนสักแห่งก่อนคะ ซึ่งตรงนี้อาจเป็นโปรไฟล์ภาพของคุณใน facebook, linkedin, pinterst ฯ 
เอาละคะ ที่นี้เรามาลองทำกันดูนะคะ
1. เลื่อนเมาส์ไปที่รูปเฟือง ที่อยู่ขวาบนใต้ภาพโปรไฟล์ ตามภาพข้างล่าง แล้วคลิก และเลื่อนเมาส์ลงไปที่คำว่า "การตั้งค่า" แล้วคลิกอีกทีคะ

2. เมื่อคลิกแล้วจะปรากฏหน้าต่าง "การตั้งค่า" ให้เลื่อนเมาส์ไปที่แท็บบาร์ด้านข้าง แล้วเลื่อนลงจนถึงบรรทัด "ลายเซ็นต์" จะเห็นเหมือนอย่างภาพข้างล่าง แล้วคลิกไอคอนแทรกภาพ

3. เมื่อคลิกแล้วจะปรากฏหน้าต่าง "เพิ่มภาพ" หลังจากนั้นให้ Copy URL ที่เราเก็บภาพไว้มา Paste ตรงช่อง "URL ภาพ"


4. เมื่อ Paste URL แล้ว หากภาพใช้ได้ ก็จะปรากฏเป็นตัวอย่างภาพในช่องข้างล่าง หลังจากนั้นให้กดปุ่ม "ตกลง"

5. ก็จะกลับมายังหน้าต่าง "ตั้งค่า" หลังจากนั้นให้เราปรับขนาดภาพด้วยการกดไปที่ภาพ จะปรากฏหน้าต่างเล็ก ๆ ข้างล่างภาพ ให้เลือกได้ 4 ขนาด คือ ขนาดเล็ก ขนาดกลาง ขนาดใหญ่ และขนาดดั้งเดิม


เพียงเท่านี้เราก็ไม่ต้องห่วงอีกแล้วว่า จดหมายของเราได้มีการลงลายเซ็นต์หรือไม่อย่างไร เพราะการลงลายเซ็นต์นี้จะปรากฏทั้งตอนส่งและตอบกลับคะ

วันศุกร์ที่ 15 มีนาคม พ.ศ. 2556

CSS - วิธีแก้ปัญหาลิงค์ไม่ทำงาน

เคยเขียนคำสั่งลิงค์ด้วย CSS แล้วปรากฏว่า ลิงค์ไม่ทำงานกับบางเวบบราวเซอร์บ้างมั้ยคะ? ก็ไม่ใช่อะไรหรอก เพียงแต่อยากจะบอกว่า ผู้เขียนได้ประสบปัญหานี้มามาด ๆ เลยคะ เลยอยากจะขอแบ่งปันตรงนี้ เพื่อเป็นข้อมูลหรือเป็นอีก 1 ในวิธีการแก้ปัญหาคะ ก่อนอื่นเราคงอยากทราบกันใช่มั้ยว่า สาเหตุมาจากอะไร?
สาเหตุนั้นก็มาจากบราวเซอร์อ่านโค้ดคำสั่ง CSS ผิดพลาดคะ โดยเฉพาะบราวเซอร์ที่มีการอัพเดทอยู่บ่อย ๆ อย่าง FireFox  หรือ Chrome จากการที่ได้ขอคำแนะนำจากผู้รู้และลองทำเองดู จึงสรุปวิธีการแก้ไขได้อย่างง่ายดายคะ คือ เพิ่มโค้ดอีก 1 บรรทัดเท่านั้นคะ คือ "Clear: both;" ที่คำสั่ง body (ตามภาพข้างล่าง)