Главная » Блог » Оптимизация » Фавиконка для Ipad и Iphone
22:37

Фавиконка для Ipad и Iphone

Иконка для айпад и айфон

Стандартную фавиконку продукция apple не поддреживает. Но создать что то подобное возможно. Вот, посмотрите как смотрится этот сайт с фавиконкой на Ipad и Iphone:


Фавиконка в Ipad
и
фавиконка в закладках iphone
Мы видим что фавиконка отображается везде - в закладках, вкладке, в избранном и на панели закладок.

Как я это сделал?
На самом деле это не фавикон!
Было замечено что некоторые спецсимволы хтмл, отображаются в Ipad и Iphone в цветном режиме. Далее думаю понятно: нужно выбрать понравившейся спец.символ, и разместить его в теге title.

Что бы такая "фавиконка", не маячила на стационарных компьютерах, нужно прописать скрипт, который будет определять Ipad и Iphone и выводить символ только на этих устройствах.
На юкозе я сделал проще, с помощью кода который определяет браузер пользователя, т.е. Сафари. (пользователями Сафари на МАКах, я пренебрег, т.к. их число незначительно)
Код для Юкоза:
Код
<title><?if($USER_AGENT$='safari')?>✅ <?else?><?endif?>Zarabotok-Na-Site.narod.ru</title>

Если сайт на php, то типо такого кода:
Код
<title> <?php  
if ( stristr($_SERVER['HTTP_USER_AGENT'], 'Chrome') ) echo '';  
elseif ( stristr($_SERVER['HTTP_USER_AGENT'], 'Safari') ) echo '⏳ ';
?>Заработок в Интернете</title>


Значок сайта на экране "Домой" Ipad и Iphone.

А так же, на вкладке "Закладки", в Сафари.

Сначала посмотрите как будет это выглядеть:

ЗакладкиЭкран "Домой"

Сделать это совсем просто. Сначала нужно подготовить иконку размером 57х57 пикселей, с разрешением png (customIcon.png).
У меня, получилась вот такая:
customIcon.png
И залить на сайт.
Далее прописать между тегами <head></head> вот такой код:
<link rel="apple-touch-icon" href="/customIcon.png">




С уважением admin


Категория: Оптимизация | | Рейтинг: 6 из 10 Просмотров: 3542 |

Возможно вас заинтересуют эти материалы:

Letitbit закрылся! - Ну и хрен с ним ☠.
Как узнать индексируется ли ссылка или нет
Секреты по оптимизации текстов ✌ о которых все забывают
Конвертация адалт трафика - пример арбитража
Получить PR-3. Легко!
Заработок на продаже ссылок
LiveInterne
Хранитель паролей Робоформ
Смерть Сегаловича
Красивая всплывающая подсказка
Биржи контента статей
Навигация на сайте
Добавление сайта на индексацию
Яндекс проиндексировал сайт
Поделиться
Feedburner
Оплаченная реклама
Рейтинг@Mail.ru
Рейтинг@Mail.ru Valid XHTML 1.0 Transitional Читать @WmZar
Подпишись на RSS

Хостинг от uCoz