Как сделать иконку в строке адреса
Сейчас каждый уважающий себя сайт не может обойтись без собственной иконки в
строке адреса. И правильно, ведь это очень удобно для посетителя ресурса. Это не
только поможет пользователю запомнить ваш сайт, но и быстро найти его в
"Избранном", или на специальной панели браузера, на которую можно вынести иконку
сайта. Вот, как выглядит иконка
моей домашней странички в браузере 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!
|