วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ

BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด

กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari

วิธีการทำ favorite icon เพื่อใช้สำหรับแสดงบน safari

โดย Ittichai_chupol » 06/02/2020 5:36 pm

สำหรับผุ้ใช้งานเว็บบราวเซอร์ทุกคนนั้น คงต้องการความสะดวกรวดเร็วได้การเข้าถึงเว็บไซต์ที่ต้องการของแต่ละบุคคลได้จากหน้าเเรกที่เข้ามาช้งานของเว็บบราวเซอร์
ซึ่งโดยปกติเเล้วในเเต่ละเว็บเซอร์ก็จะมีฟังชั่นส่วนี้อยู่ด้วยกัน และทั้งนี้สำหรับเว็บไซต์หลายๆเว็บไซต์ก็ยังจะมีการทำให้ส่วนการแสดงดูหน้าใช้งานมากขึ้นโดยการใช้ favorite icon เพื่อใช่เป็นการระบุถึงเว็บไซต์ด้วย โดยเว็บ บราวเซอร์ที่มีผุ็ใช้งานจำนวนมากอย่าง safari chrome firefox นั้นก็จะมีวิธีการสร้างหน้า favorite แตกต่างกันไป ร่วมทั้ง วิธีการดึงรูป icon ก็ต่างกันไปด้วย โดยเฉพาะ safari browser ที่อาจจะเป็นปัญหามากที่สุด แต่ทั้งนี้ก็มีวิธีการที่สามารถจะทำได้ดังนี้

ตัวอย่างหน้าเว็บ html ที่สร้าจะแสดง icon faverrite บน safari browser ได้

โค้ด: เลือกทั้งหมด

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
    <head>
        <link rel="icon" href="favicon.ico"  type="image/ico">
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" >
          <link rel="icon" href="path url image" sizes="48x48" >
        <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
        <title>HTML4</title>
        <style>
            body {
                font-family: Verdana,sans-serif;
                font-size: 0.9em;
            }

            div#header, div#footer {
                padding: 10px;
                color: white;
                background-color: black;
            }

            div#content {
                margin: 5px;
                padding: 10px;
                background-color: lightgrey;
            }

            div.article {
                margin: 5px;
                padding: 10px;
                background-color: white;
            }

            div#menu ul {
                padding: 0;
            }

            div#menu ul li {
                display: inline;
                margin: 5px;
            }
        </style>
    </head>
    <body>

        <div id="header">
            <h1>test</h1>
        </div>

        <div id="menu">
            <ul>
                <li>News</li>
                <li>Sports</li>
                <li>Weather</li>
            </ul>
        </div>

        <div id="footer">
            <p>&copy; 2014 Monday Times. All rights reserved.</p>
        </div>

    </body>
</html>



ตัวอย่างผลลัพธ์
imgpsh_fullsize_anim (1).jpg

บทความที่เกี่ยวข้อง

การสร้าง Extension ใน phpbb
การสร้าง controller สำหรับ phpbb
Event listenner - เขียน Extension บน phpBB 3.1
วิธีการจัดทำการระบบแจ้้งเตือนใน phpbb

ข้างบน