В этой статье я намерен рассказать web-мастерам о таких вещах, о которых посетители обычно восклицают: «Ух ты, прикольно!»
Используем Java Script: Добавка сайта в «Избранное»
То, что ваш сайт посетителю понравится — это несомненно :-). Но вы знаете, что заносить какой-то ресурс в Избранное — дело настолько скучное, что не у каждого поднимется на это рука :-). Вот для таких «ленивых» и припасен специальный скрипт. Первый — для добавления сайта в «Избранное», второй — для установки страницы в качестве стартовой. Листинги таковы:
1) <p><a href="#"> Сделать стартовой страницей!</a> </p> 2) <p><a href="#"> Добавить сайт в Избранное!</a> </p>
или такой код:
<form> <input type="button" value="Добавить http://Ваш_сайт в избранное"> </form>
Жаль, но работает это только в MS Internet Explorer.
Используем HTML: Быть чайником опасно
Эта штука очень помогает, чтобы застукать врасплох неподготовленных чайников или злостных плагиаторов на копировании контента. Для реализации лишь вставьте в тэг код oncopy="return false": . Опять же бяка — работает только в MS Internet Explorer.
Все — в новое окно!
Чтобы открыть ссылку в новом окне, надо в тэг вставить атрибут target="_blank": Ссылка на мой сайт.
Об этой штуке знают все (можно было и не писать :-)). Но что делать, если ссылок на странице слишком много? Ведь писать в каждой target="_blank — утомительно. Ответ прост — в тело страницы вставьте тэг и наслаждайтесь сэкономленным временем :-), т.к. каждый линк откроется в новом окне.
Используем CSS: Елочка, зажгись!
Вы наверняка видели на многих сайтах менюшки, которые меняют свои цвета под курсором мыши. Угу, красиво. Себе такие хочется? Пожалуйста:
1. берем таблицу с
текстом
:· <table border="2" width="100%" bgcolor="gray"> <tbody> <tr> <td> <p>текст</p> </td> </tr> </tbody> </table>
2. Задаем тексту bgcolor, например, "gray":
· bgcolor=" gray"
3. Внутри тэга
задаем стили:
· onmouseout="this.style.backgroundColor='Ваш_цвет'" onmouseover="this.style.backgroundColor=''Ваш_цвет '" onclick="this.style.backgroundColor=''Ваш_цвет '" onmousedown="this.style.backgroundColor=''Ваш_цвет '" onmouseup="this.style.backgroundColor=''Ваш_цвет '" ondblclick="this.style.backgroundColor=''Ваш_цвет '"
4. Радуемся успеху :-).
Что у нас получилось? А вот что: серая таблица (в смысле, цвет :-)). Теперь попробуйте навести мышь на таблицу, отвести мышь с таблицы, щелкнуть и зажать левую кнопку, потом отпустить, затем дважды щелкнуть мышью.
«Оживляем» ссылки
Если вам мало, что меню загорается при наведении мышки, тогда «оживите» ссылки. Вставьте нижеприведенный код в тэги `
Дивная мышь
Приятно, когда при наведении мышью на ссылку «Помощь» курсор превращается в вопросительный знак. Сделать это очень просто. Надо лишь добавить нужный стиль в код ссылки:
· <a href="'http://www.Ваш_сайт.com/" style="cursor: тип_курсора;"> Ваша ссылка</a>
А вот и типы курсоров:
hand (как стандартная ссылка);
crosshair (курсор как крест);
w-resize (стрелка влево);
n-resize (стрелка вверх);
move (курсор как при перемещении окна);
s-resize (стрелка вниз);
text (как при вводе текста);
ne-resize (стрелка в правый верхний угол);
wait (как при “Система недоступна” );
nw-resize (стрелка в левый верхний угол);
help (ссылка как знак вопроса);
se-resize (стрелка в правый нижний угол);
e-resize (стрелка вправо);
sw-resize (стрелка в левый нижний угол);
Удачи!