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

колл-центр

—ейчас каждый уважающий себ€ сайт не может обойтись без собственной иконки в строке адреса. » правильно, ведь это очень удобно дл€ посетител€ ресурса. Ёто не только поможет пользователю запомнить ваш сайт, но и быстро найти его в "»збранном", или на специальной панели браузера, на которую можно вынести иконку сайта. ¬от, как выгл€дит иконка моей домашней странички в браузере 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



ѕри перепечатке информации делайте, пожалуйста, ссылку на наш сайт (либо поделитьс€ вконтакте, гугл+ или делитесь в одноклассниках статьЄй). —пасибо!

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

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

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

WR-–°—З—С—В—З–Є–Ї