โดยการใส่ icon favorite จะนำมาใส่ในส่วนของ head ข้องหน้าเว็บใน html ดังนี้
โค้ด: เลือกทั้งหมด
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
//icon favorite มีอยู่ 4 ขนาด ดังนี้
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="32x32" >
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="48x48" > // ขนาดที่นิยมใช้งาน เพราะสามรถแสดงได้หลายๆอุปกรณ์
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="96x96" >
<link rel="icon" href=" link เก็บไฟล์รูปภาพไว้ " sizes="144x144" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
</head>
ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon favorite ใน safari ซึ่งจะสามารถใช้งานได้หลายขนาด 48
โค้ด: เลือกทั้งหมด
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite สำหรับ มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
<link rel="icon" href="http://127.0.0.1/phpb6/styles/thaitest/theme/images/favicon_48.png" sizes="48x48" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
<style>
<body>
test
</body>
</html>
ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon favorite ในอุปกรณ์ chrome กับ Firefox ซึ่งจะสามารถใช้งานได้หลายขนาด 32 , 48 ,96 และ 144 ในตัวอย่างจะใช่ที่ขนาด 48
โค้ด: เลือกทั้งหมด
<html lang="en">
<head>
//ส่วนนี้คือส่วนที่ใช่สำหรับเรียก icon favorite สำหรับ มาใช้งาน
<link rel="icon" href="favicon.ico" type="image/ico">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
<link rel="icon" href="http://127.0.0.1/phpb6/styles/thaitest/theme/images/favicon_48.png" sizes="48x48" >
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
<style>
<body>
test
</body>
</html>
Firefox
chrome
บทความที่เกี่ยวข้อง
การสร้าง Extension ใน phpbb
การสร้าง controller สำหรับ phpbb
Event listenner - เขียน Extension บน phpBB 3.1
วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb