Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Логотип в избранном


Автор: 2man 15.10.2005, 13:46
Как сделать так, чтобы когда пользователь заносит мой сайт в избранное вместо стандарстного значка эксплорера возле ссылки на сайт стояла моя картинка?

Автор: o.s.a. 15.10.2005, 19:29
Код

<LINK REL="SHORTCUT ICON" href="favicon.ico">

favicon.ico - твоя картинка

Автор: Aliance 15.10.2005, 20:00
Почему-то такое работает через 20 раз на раз =/
Из-за чего может быть такое?

Автор: o.s.a. 15.10.2005, 20:18
Цитата(Aliance @ 15.10.2005, 22:00)
Почему-то такое работает через 20 раз на раз =/
Из-за чего может быть такое?

ДА, я тоже заметил. Что делать - не знаю.

Автор: Aliance 15.10.2005, 20:28
Кстати нарыл ссылку - там написано как изюавиться от этой проблемы:
http://www.codenet.ru/webmast/favicon.php

Цитата

К тому же, у провайдера должен быть прописан mime type для типа файлов ICO. Проверить несложно: надо в браузере попытаться загрузить файлик - например, yandex.ru/favicon.ico - если грузится текст - значит, mime-type для .ico не прописан.

В принципе, можно не напрягать провайдера и самому прописать mime-type в файле .htaccess, если вам он вам доступен для изменения. Формат примерно следующий:

AddType image/ICO ICO (регистр важен).

Файлик сделали, mime type даже прописали... а все равно ничего не видим?

Вот, почему-то, у меня получается все увидеть лишь тогда, когда я сделаю кнопочку в панельке быстрых ссылок. После этого ее можно снести, все теперь будет грузиться. Самое интересно, что при указании любого файла (даже из корня) иконка не появляется, работает фишка видимо, лишь когда по HTTP уходит запрос именно на "/", хотя, конечно, сервер возвратит потом реальный адрес странички.

Автор: 2man 16.10.2005, 15:15
Ясно.
Код

<LINK REL="SHORTCUT ICON" href="favicon.ico">

надо вставлять в самый верх в index.php или куда?

Автор: Aliance 16.10.2005, 15:34
В головную (head) секцию страницы.
И лучше писать так:
Код

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 

Автор: 2man 16.10.2005, 16:14
Эхх. Че-то не получается у меня smile Не могу найти head. Может мне в другом файле надо что-то менять. ЛАдно, попробую

Автор: R.M. 17.10.2005, 00:35
2man
Цитата(2man @ 16.10.2005, 17:14)
Че-то не получается у меня smile Не могу найти head

тег head должен идти после тега html и конечно ты ево ненайдёш если ты ево не написал, напиши и туда вставляй

Автор: boombick 17.10.2005, 07:46
Я просто положил favicon.ico в корень сайта и все без проблем работает!

Автор: 2man 17.10.2005, 23:13
Цитата(boombick @ 17.10.2005, 06:46)
Я просто положил favicon.ico в корень сайта и все без проблем работает!

Пробовал - не помогло

Автор: boombick 18.10.2005, 11:40
Может быть от хостера зависит?

Автор: 2man 18.10.2005, 12:35
Трудно сказать от чего зависит, но ставить значок все равно отказывается

Автор: Str!pe 18.10.2005, 12:41
Взял http://rusdoc.kulichki.ru Автором проставлен Антон Орлов. Опубликовано 12 октября 2004 года.


Цитата
Если присмотреться к "Избранному" браузера на компьютере заядлого интернетчика, то наверняка обнаружится одна любопытная вещь. Некоторые ссылки этого меню будут выглядеть... не совсем обычно. И, что очень важно, они сразу бросаются в глаза, потому как обозначаться будут не только названием, но и нестандартной иконкой.

Как такое получилось? Очень просто - создатели сайтов могут заставить сайты красоваться в "Избранном" собственными значками, всего лишь разместив на сервере единственный маленький файл. В самом деле, ведь отмеченные таким образом ссылки привлекают внимание, а значит, вероятность того, что пользователь, копаясь в своих закладках, нажмет именно на такую ссылку, выше. Придумали данный способ увеличивать привлекательность сайта в компании Microsoft, там же и разработали стандартный формат иконок и способ их размещения.

Чтобы в "Избранном" браузера у ссылки на сайт появилась своя иконка, нужно сделать следующее:

1. В корневом каталоге сайта, на страницу которого сохраняется ссылка, должен находиться файл с иконкой под названием favicon.ico.

2. Этот файл должен иметь формат ico (в стандарте Microsoft Windows), размеры 16 на 16 пикселей и палитру в 256 цветов.

3. Веб-сервер должен быть настроен на обработку файлов с расширением .ico.

4. Браузер посетителя должен уметь работать с такими иконками. Этому условию удовлетворяют  Microsoft Internet Explorer (с версии 5.0), а также Mozilla (с версии 0.9.7), Firefox и Konqueror.

Microsoft Internet Explorer запрашивает иконку с веб-сервера при выполнении команды занесения адреса сайта в "Избранное" и отображает ее в "Избранном" и адресной строке перед адресом сайта. Konqueror и Mozilla запрашивают иконку при каждом посещении сайта и отображают ее в "Избранном" (если ссылка на сайт занесена туда), а также в адресной строке перед адресом сайта.

5. Если включить в web-страницу тэг "<link rel="shortcut icon" href=адрес-файла-иконки>", то при занесении этой страницы в "Избранное" в Microsoft Internet Explorer или при посещении этой страницы (в Konqueror и Mozilla) файл иконки будет запрашивается с указанного в этом тэге адреса, а не из корневого каталога сайта.

6. Если веб-страница, с которой запрашивается иконка, размещена не в корневой директории сайта, а в одной из его подпапок, то при отсутствии тэга, указывающего адрес иконки, она будет вначале запрашиваться из той подпапки, в которой размещена страница, и лишь затем - из корневой директории сайта.

* Иконка сайта хранится в кэше браузера. Соответственно если кэш браузера очищен, то иконка в "Избранном" пропадает до следующего занесения какой-либо ссылки с сайта в это меню. Поэтому, как это ни печально, но значок вашего сайта может продержаться на компьютере посетителя не так уж и долго.

* Руководство от Microsoft по назначению сайтам иконок можно прочесть здесь (на английском языке).

* Если ваш сайт размещен на бесплатном хостинге, но вы все же желаете снабдить его иконкой, то попросите кого-нибудь из ваших знакомых владельцев сайтов на платном хостинге пожертвовать килобайтом места и поместить такую иконку у себя под произвольным именем (но с расширением .ico). После этого указывайте на страницах вашего сайта тэг "<link rel="shortcut icon" href=адрес-файла-иконки>", и добавление иконок в "Избранное" браузеров посетителей будет идти точно так же, как если бы эти файлы размещались на вашем аккаунте.

Автор: R.M. 19.10.2005, 00:58
2man
Выложи тут код куда ты вставляеш (тока возьми из хтмл кода который тебе выдаёт браузер) а мы скажем что нетак (если там чтото не так) smile

Автор: 2man 19.10.2005, 01:24
Вот это шапка форума:
Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" />
<link rel="shortcut icon" href="favicon.ico" />
<title><% TITLE %></title>
<% GENERATOR %> 
<% CSS %> 
<% JAVASCRIPT %> 
</head> 

Автор: $tatic 30.10.2005, 08:12
А Firefox также позволяет делать иконки для сайтов в формате GIF. Причем даже АНИМИРОВАННЫЕ!!! smile

Автор: 2man 30.10.2005, 22:54
$tatic, рад за него, но мне хотя бы простую сделать smile

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)