<input onclick="javascript:window.print()" type="button" value="คลิ๊กเพื่อ Print หน้านี้" name="print2">
<style type="text/css"> @media print { #non-printable { display: none; } #printable { display: block; } } </style>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>เลือก print ด้วย css</title> <style type="text/css" media="print"> img {border: none;} a .thumb_img {display: none;} .thumb_img {display: none;} .img_txt_print {display: block;} </style> <style type="text/css" media="screen"> img {border: none;} .full_img {display: none;} .img_txt_print {display: none;} </style> </head> <body> <h1>การกำหนดส่วนสำหรับ print บนเว็บเพจ</h1> <div class="content"> <a href="img.jpg"><img src="img-small.jpg" alt="รูปเล็ก" title="รูปเล็ก" class="thumb_img" /></a> <img src="img.jpg" alt="รูปขนาดเต็ม" title="รูปขนาดเต็ม" class="full_img" /> <p class="img_txt_print">รูปตัวอย่างด้านบนมีลิขสิทธิ์ ไม่อนุญาตให้นำไปใช้โดยไม่ได้รับอนุญาต</p> <p>ตัวอย่างนี้จะมี 2 รูปคือรูปขนาดย่อ (กว้าง 500 px) กับรูปขนาดเต็ม (กว้าง 1000 px) ซึ่งรูปย่อจะปรากฏเมื่อดูเว็บ รูปสำหรับพิมพ์จะปรากฏเมื่อสั่งพิมพ์. <br />ขอให้ทดลองดูด้วยการสั่ง print preview</p> </div> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง