|
Tips of the Web
Спецвыпуск Xakep, номер #021, стр. 021-088-2
Tipsa 8. С помощью CSS можно извратиться над курсором юзера, елозящего мышкой по твоей странице. В нужный тэг вписывается атрибут "cursor:value". Если хочешь, чтобы на территории всей страницы курсор тусил в виде песочных часов, вписывай в тэг <BODY> курсор "wait" вот таким образом: <body style="cursor:wait">. Чтобы при наведении на ссылку курсор превращался в стрелку с вопросом, делай так: <a href="http://www.xakep.ru" style="cursor:help">"Ксакеп"</a>. Полный список и вид курсоров ты видишь на прилагаемом скрине. Правда, здесь есть и грустная новость: эту типсу поддерживает Internet Explorer, но другие браузеры ее бойкотируют :(.
Tipsa 9. Headers и footers. Header - это шапка сайта, которую имеют многие сетевые ресурсы. В нее, как правило, вынесены меню, форма для поиска, почтовая ссылка и другие мелочи. Если какая-либо страница сайта очень длинная (в несколько экранов), то скроллить на самый верх, чтобы воспользоваться поиском, отправить мыло или перейти в другой раздел, для посетителя будет довольно утомительным делом. Во избежание этой проблемы в самом низу страницы создаются footer'ы - облегченная версия шапки, с более простой графикой и копирующая из нее только важные кнопки. На худой конец, можно поставить кнопку "наверх", используя внутреннюю ссылку (смотри типсы предыдущего номера).
Tipsa 10. Навороченные полосы прокрутки. Не всех удовлетворяет стандартный скроллбар, предоставляемый мелкософтом; местами он даже может подпортить дизайн. К нашей великой радости, мелкомягкие сжалились и дали возможность контролировать цвета всех составляющих скроллбара с помощью CSS. Вставь следующую конструкцию между тэгами <HEAD></HEAD>, выстави значения цветов и наслаждайся произведенным эффектом. Конструкция:
<STYLE
type="text/css"><!--
BODY {
scrollbar-base-color: color;
scrollbar-track-color: color;
scrollbar-face-color: color;
scrollbar-highlight-color: color;
scrollbar-3dlight-color: color;
scrollbar-darkshadow-color: color;
scrollbar-shadow-color: color;
scrollbar-arrow-color: color;
}
--></STYLE>
Всего составляющих скроллбара семь штук плюс base - устанавливает цвет для всего скроллбара. Чтобы знать, цвет чего ты меняешь, прилагается скрин. Значение цвета вводится либо в формате RGB (тремя числами), либо словом (black, green, white и так далее), или шестнадцатеричным значением.
Tipsa 11. Почтовые ссылки на паге можно немного усовершенствовать. Например, если ты поддерживаешь сайт с кем-то на пару, и посетитель решил написать вам мессагу, есть возможность сделать так, чтобы письмо отправлялось сразу обоим. хтмл-код такой ссылки будет выглядеть так:
<a href="mailto:vasya@xakep.ru?cc=petya@xakep.ru">Написать Васе и Пете</a>. Можно также автоматически вставлять тему письма (subject). Для этого ссылку надо оформить так: <a href=mailto:suslik@mail.ru?subject="Письмо%20с%20сайта">Письмо суслику</a>. Не забудь вставить "%20" между словами, иначе в поле сабжа будет только первое слово (обработка текста идет до первого пробела).
Назад на стр. 021-088-1 Содержание Вперед на стр. 021-088-3
|
