Как сделать иконку в строке адреса


Сейчас каждый уважающий себя сайт не может обойтись без собственной иконки в строке адреса. И правильно, ведь это очень удобно для посетителя ресурса. Это не только поможет пользователю запомнить ваш сайт, но и быстро найти его в "Избранном", или на специальной панели браузера, на которую можно вынести иконку сайта. Вот, как выглядит иконка моей домашней странички в браузере Opera:

Правда, красиво?

А делается это довольно просто. Достаточно создать обычную иконку. Для этого подойдет любой графический редактор, поддерживающий формат *.ico. Иконка должна быть размером 16x16 пикселей. И желательно, чтобы ее палитра ограничивалась 16-ти цветами, но можно сделать и 256-ти цветную иконку, как у меня. Я думаю, что 256 цветов хватит и для фотографии такого малого размера.

Иконку нужно ОБЯЗАТЕЛЬНО назвать "favicon.ico" - иначе она просто не будет загружаться. И разместить ее в любом месте вашего сайта, но лучше всего сделать это в корне. Если вы так и сделали, то относительный путь к вашей иконки будет: "/favicon.ico". А теперь, чтобы иконка отображалась нужно прописать в блок <head> </head> каждой странички вашего сайта следующею строку:

<link rel="SHORTCUT ICON" HREF="/favicon.ico">

Вот и все. Наслаждайтесь эффектом!

Примечание: Если вы сделали все правильно, ваша иконка будет точно отображаться в браузерах: Opera, Firefox, Netscape. Иконка может, скорее всего, не отображаться в Internet Explorer.

Окраска полос прокрутки

Сейчас этот эффект используется очень часто. И, действительно, ведь собственный цвет полос прокрутки дополняют дизайн сайта, сливаясь с его цветовой схемой. Делается это просто, но придется помучиться с подбором цветов. Изменяются цвета при помощи таблиц каскадных стилей (CSS). Лучше всего поместить в отдельный файл с описанием стилей, так как чтобы изменить какой-нибудь цвет в будущем - нам потребуется внести изменения всего лишь в один файл. Итак, если у вас такого файла еще нет - так создадим его! Для этого создайте пустой файл в корневом каталоге вашего сайта и назовите его "styles.css". В блок <head> </head> каждой странички вашего сайта добавьте:

<link rel=STYLESHEET TYPE="text/css" href="styles.css">

Теперь вернемся к нашему файлу, и пропишем туда следующую строку:

body{ SCROLLBAR-FACE-COLOR: #0000AA;SCROLLBAR-BASE-COLOR: black; SCROLLBAR-HIGHLIGHT-COLOR:blue; SCROLLBAR-SHADOW-COLOR:#000066; SCROLLBAR-ARROW-COLOR: orange; SCROLLBAR-TRACK-COLOR:#0000BF; SCROLLBAR-DARKSHADOW-COLOR:black;}

Если все сделано правильно - полосы прокрутки странички вашего сайта должны окрасится в темно-синий цвет. Теперь разберемся с каждым параметром этого стиля (см. рис.)

Окраска полос прокрутки поддерживается обозревателями Internet Explorer 5.5 и выше "по умолчанию" и Opera 7 - при разрешении этого параметра.

 

Добавление странички в избранное. Установка домашней странички.

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

<SPAN style="CURSOR: hand" onclick=window.external.AddFavorite(top.location.href,top.document.title);><U>Добавьте в избранное</U></SPAN>

ТЕСТ: Добавьте в избранное

Но, к сожалению, этот код будет работать только в обозревателе Internet Explorer. А чтобы эта функция работала в обозревателях IE, Opera и Firefox - используйте следующий код:

<a href="#gohere" onclick="window.external.AddFavorite(top.location.href,top.document.title);" title="Мой сайт" rel="sidebar" name="gohere" > Добавьте в избранное</a>

ТЕСТ: Добавьте в избранное

Программно можно сделать страничку стартовой. То есть эта страничка будет запускаться при запуске обозревателя. Делается это с помощью кода:

<SPAN style="CURSOR: hand" onclick="this.style.behavior='url(#default#homepage)'; this.setHomePage(top.location.href)"><U>Сделать этот сайт домашней страницей </U></SPAN>

ТЕСТ: Сделать этот сайт домашней страницей

Но, к огромному сожалению, эту функцию поддерживает только Internet Explorer. Да, и особой популярностью она среди посетителей не пользуется. Так что от использования этой функции вполне можно отказаться. Но, решение остается за вами.

Желаю удачи!

Дмитрий Жарий
dvl999.vinnitsa.com
Найти и купить костюмы на Хэллоуин вы можете на сайте Rukarnaval.ru.


При перепечатке информации делайте, пожалуйста, ссылку на наш сайт (либо поделиться вконтакте, гугл+ или ретвит статьи). Спасибо!

Источник: www.wr-script.ru©, 2004-2020г.

Делитесь с друзьями в соцсетях. Активные комментаторы получают свежие скрипты и бесплатные доработки от WR-Script.ru!

Вернуться к статьям помощи WEB-мастеру

WR-Счётчик