ต.ค. 30 2013

CSS การกำหนดความกว้างของบรรทัด

By Support
กำหนดขนาดของบรรทัดโดยใช้คำสั่ง line-heigh เช่น #text-test1{ float:left; width:500px; height:200px; font-size:14px; font-family:Tahoma, Geneva, sans-serif; line-height:1.5em; } โดยคำสั่งนี้สามารถใช้หน่อยได้สองแบบคือ line-height:1.5em; และ line-height:20px; หน่อย em ก็คือ ขนาดจำนวนเท่า ส่วน px ก็คือ จำนวนความละเอียดของหน้าจอ
Categories: CSS
ต.ค. 29 2013

CSS การจัดการกับข้อความ

By Support
ในการทำเว็บไซต์ การจัด css ให้กับข้อความก็เป็นสิ่งที่จำเป็น เพื่อให้การจัดเรียงกันของตัวอักษร ขนาด สี เป็นไปตามที่นักพัฒนาต้องการ วันนี้เรามาดู คำสั่งในการจัดการกับข้อความกันครับ .text{ font-family: Tahoma; font-size: 18px; color:#000; font-weight:bold; line-height: 1; word-wrap:break-word; } จากโคดตัวอย่างด้านบน มาดูกันว่า แต่ละคำสั่ง ใช้กันอย่างไร คำสั่งแรก คือ font-family ใช้กำหนด ประเภทของ font ที่เราต้องการ font-size  ใช้กำหนด ขนาดของ font color  ใช้กำหนด สีของ font font-weight ใช้กำหนด ความหนาของ font สามารถกำหนดความหนาเป็น bold หรือเป็นค่า 100,200,... ได้ตามต้องการ line-height  ใช้กำหนด ความสูงระยะห่างของแต่ละบรรทัด word-wrap  ใช้กำหนด การทำงานในกรณีที่ข้อความในบรรทัดนั้นยาวเกินกว่าบล็อก ที่ครอบไว้แล้ว เราใช้ break-word ในการตัดคำเพื่อขึ้นบรรทัดใหม่  
Categories: CSS
ต.ค. 28 2013

เรียกใช้เขียน jQuery ทำอย่างไรให้ถูกต้อง

By Support
การเรียกใช้ jQuery หรือ JavaScript Library ตัวอื่นๆตาม ต้องเรียกใช้เพียงครั้งเดียวเท่านั่น จะเรียกใช้ใน <head></head> หรือว่าด้านล่างสุดของ code แต่ต้องไม่อยู่นอก <body></body> เช่น ภาษา PHP เรา include ไฟล์ .php ต่างๆเข้ามา ไฟล์นั่นๆอาจใช้ Plugin ของ jQuery แต่เราไม่ต้อง เรียกใช้ jquery.js หรือ jquery.min.js อีกแล้ว เพราะเราได้เรียกใช้ไปบน <head> หรือ ข้างล่างสุดของ code ไปแล้ว ไม่จำเป็นต้อง เรียกใช้อีกรอบ เพราจะทำให้ Plugin ของ jQuery นั่นๆไม่ทำงาน*** ตัวอย่าง การเรียกใช้บน <head> <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Jquery</title> <script src="js/jquery.min.js"></script> </head> <body> </body> </html>   ตัวอย่าง การเรียกใช้ล่างสุดของ code แต่ต้องไม่อยู่นอก <body></body> *ข้อดีจะทำให้เว็บโหลดเร็วขึ้น ข้อเสีย Plugin ของ jQuery บ้างตัวจะไม่สามารถทำงานได้ <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Jquery</title> ... </head> <body> ... ... ... <script src="js/jquery.min.js"></script> </body> </html>
Categories: PHP
ต.ค. 27 2013

การเพิ่มอีเมล/ตั้งค่าอีเมลใน iPhone & iPad

By admin
การเพิ่มหรือการตั้งค่า Mail Server ใน IPhone หลายท่านคงใช้งานเป็นแล้ว แต่ทางเราขอลงภาพการเซ็ตค่าเพื่อให้ง่ายดังนี้ครับ

1. เลือก Icon "การตั้งค่า" ตรงมุมซ้ายล่างรูปฟันเฟืองนะครับ

image

2. เลือกหัวข้อ "Mail รายชื่อ ปฏิทิน"

image

3. คลิ๊กหัวข้อ "เพิ่มบัญชี"

image

4. เลือกหัวข้อ "อื่น ๆ"

image

5. คลิ๊กหัวข้อ "เพิ่มบัญชีเมล"

image

6. เลือก "IMAP" และพิมพ์ข้อมูล ชื่อ อีเมล

image

พิมพ์ชื่อโฮสเป็นชื่อโดเมนเนมของท่าน โดยด้านหน้าจะเป็น mail. นำหน้าตามรูปภาพ

image

7. หากมี POP UP แบบนี้ขึ้นไม่ต้องตกใจนะครับ ให้กด "ต่อไป" ได้เลยครับ

image

8. หน้านี่เป็นอันเสร็จการตั้งค่าอีเมล/เพิ่มอีเมลแล้วครับ ง่ายใช่ไหมครับ

image  
Categories: iPhone/iPad
ต.ค. 25 2013

วิธีการใส่เงาตัวหนังสือด้วย css3

By Support
ใน css3 จะมีคำสั่งที่ใช้ในการใส่เงาให้กับ ตัวหนังสือ คือคำสั่ง text-shadow วิธีใช้ เช่น <html> <head> <style> h1{ text-shadow:5px 5px 5px #000; } </style> </head> <body> <H1>TEST CSS TEXT SHADOW</H1> </body> </html> เป็นการใส่เงาให้กับตัวหนังสือที่อยู่ใน tag H1 ให้มีความหนา 5px เบลอ 5px เยื้องไปข้างหลัง 5px และสีของเงาคือ สีดำ(#000)
Categories: CSS
ต.ค. 24 2013

[Css] Margin กับ Padding ต่างกันอย่างไร

By Support
Margin คือการเลื่อนตำแหน่ง ของวัตถุ ไปตามที่เรากำหนด โดยเลื่อนไปทั้งวัตถุ เช่น .box { margin-left:50px; } ผลก็คือ tag ที่ใช้ class box จะถูกเลื่อนไปทางขวา 50px; นั่นเอง Padding คือการเลื่อนภายในวัตถุ โดยจะไม่เลื่อนตัววัตถุ เช่น .box{ padding-top:30px; } ผลก็คือ ภายใน tag ที่ใช้ class box จะถูกเลื่อนลงไป 30px; นั่นเอง   box
Categories: CSS