Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Site icon
#1
Site icon. Yes, this is the question. Would be much better to find site for example from favorites list etc, if it has icon, usually called favicon.ico.
If You need help adding it, I can help. Usually the simplest way is to make one icon file, what should be 16px or 32px, then upload it to root directory and add such a line/rule/code between <head> and </head> directory.
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
[-] The following 1 user says Thank You to Lano for this post:
  • hanso
Reply
#2
Tinkered with this earlier...

[Image: h90jHNF.gif]

[Image: K9jbm9z.gif]

[Image: Vc9ksk6.gif]

Smile
[-] The following 4 users say Thank You to jasonX for this post:
  • akiratoriyama, Dino101, harlan4096, lkjk
Reply
#3
Used Jason's GIF to make some favicons as OP recommended as well.

Code for images in root:
Code:
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

If images are in a folder, each line needs "./FOLDERNAME" before the path.

Contents preview:
   


Attached Files
.zip   geeks-black.ico.zip (Size: 103.95 KB / Downloads: 4)
.zip   geeks-white.ico.zip (Size: 92.55 KB / Downloads: 2)
[-] The following 2 users say Thank You to lkjk for this post:
  • akiratoriyama, harlan4096
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)
[-]
Welcome
You have to register before you can post on our site.

Username/Email:


Password:





[-]
Recent Posts
Audacity 3.5.1
Changes in 3.5.1: ...harlan4096 — 09:40
Waterfox G6.0.13
Waterfox G6.0.13​ ...harlan4096 — 09:39
Google Chrome 124.0.6367.78/.79
Google Chrome 124....harlan4096 — 09:38
Brave 1.65.122
Release Channel 1....harlan4096 — 09:36
Vivaldi 6.7 (3329.17)
Vivaldi Stable 6.7...harlan4096 — 09:35

[-]
Birthdays
Today's Birthdays
No birthdays today.
Upcoming Birthdays
avatar (49)steakelask
avatar (43)Termoplenka
avatar (49)Toligo

[-]
Online Staff
harlan4096's profile harlan4096
Administrator

>