В этой статье я намерен рассказать web-мастерам о таких вещах, о которых посетители обычно восклицают: «Ух ты, прикольно!»
Используем Java Script: Добавка сайта в «Избранное»
То, что ваш сайт посетителю понравится это несомненно :-). Но вы знаете, что заносить какой-то ресурс в Избранное дело настолько скучное, что не у каждого поднимется на это рука :-). Вот для таких «ленивых» и припасен специальный скрипт. Первый для добавления сайта в «Избранное», второй для установки страницы в качестве стартовой. Листинги таковы:
или такой код:
Жаль, но работает это только в MS Internet Explorer.
Используем HTML: Быть чайником опасно
Эта штука очень помогает, чтобы застукать врасплох неподготовленных чайников или злостных плагиаторов на копировании контента. Для реализации лишь вставьте в тэг <body> код oncopy="return false": <body oncopy="return false">. Опять же бяка работает только в MS Internet Explorer.
Все в новое окно!
Чтобы открыть ссылку в новом окне, надо в тэг <a> вставить атрибут target="_blank": <a href="ваш_url " target="_blank">Ссылка на мой сайт</a>.
Об этой штуке знают все (можно было и не писать :-)). Но что делать, если ссылок на странице слишком много? Ведь писать в каждой target="_blank утомительно. Ответ прост в тело страницы вставьте тэг <base target="_blank"> и наслаждайтесь сэкономленным временем :-), т.к. каждый линк откроется в новом окне.
Используем CSS: Елочка, зажгись!
Вы наверняка видели на многих сайтах менюшки, которые меняют свои цвета под курсором мыши. Угу, красиво. Себе такие хочется? Пожалуйста:
1. берем таблицу с <p>текстом</p>:
2. Задаем тексту bgcolor, например, "gray":
3. Внутри тэга <p> задаем стили:
4. Радуемся успеху :-).
Что у нас получилось? А вот что: серая таблица (в смысле, цвет :-)). Теперь попробуйте навести мышь на таблицу, отвести мышь с таблицы, щелкнуть и зажать левую кнопку, потом отпустить, затем дважды щелкнуть мышью.
«Оживляем» ссылки
Если вам мало, что меню загорается при наведении мышки, тогда «оживите» ссылки. Вставьте нижеприведенный код в тэги <style> своей web-странички, либо в отдельный .css-файл:
1. «Оживляем» все ссылки на странице:
2. Ссылки «оживают» при наведении мышки:
3. Ссылки «оживают», если кликнуть по ним мышкой:
4. «Оживляем» посещенные ссылки:
«Цветастая» прокрутка
К сожалению работает только в MS Internet Explorer, но ведь нас это никак не смущает :-).
Выбор элементов таков:
scrollbar-dark-shadowcolor: ваш_цвет;
scrollbar-light-shadow-color: ваш_цвет;
scrollbar-base-color: ваш_цвет;
scrollbar-arrow-color: ваш_цвет;
scrollbar-face-color: ваш_цвет;
scrollbar-shadow-color: ваш_цвет;
scrollbar-3d-light-color: ваш_цвет;
Вставьте эти элементы в тэги <style> своей web-странички ( перед тегом </head>):
Дивная мышь
Приятно, когда при наведении мышью на ссылку «Помощь» курсор превращается в вопросительный знак. Сделать это очень просто. Надо лишь добавить нужный стиль в код ссылки: