CFA LogoCFA Logo Computer
Новости Статьи Магазин Драйвера Контакты
Новости
RSS канал новостей
В конце марта компания ASRock анонсировала фирменную линейку графических ускорителей Phantom Gaming. ...
Компания Huawei продолжает заниматься расширением фирменной линейки смартфонов Y Series. Очередное ...
Компания Antec в своем очередном пресс-релизе анонсировала поставки фирменной серии блоков питания ...
Компания Thermalright отчиталась о готовности нового высокопроизводительного процессорного кулера ...
Компания Biostar сообщает в официальном пресс-релизе о готовности флагманской материнской платы ...
Самое интересное
Программаторы 25 SPI FLASH Адаптеры Optibay HDD Caddy Драйвера nVidia GeForce Драйвера AMD Radeon HD Игры на DVD Сравнение видеокарт Сравнение процессоров

АРХИВ СТАТЕЙ ЖУРНАЛА «МОЙ КОМПЬЮТЕР» ЗА 2003 ГОД

Web-мастерские приколы

Евгений ЗАГОРОДНЮК

В этой статье я намерен рассказать 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>):

Дивная мышь

Приятно, когда при наведении мышью на ссылку «Помощь» курсор превращается в вопросительный знак. Сделать это очень просто. Надо лишь добавить нужный стиль в код ссылки:

А вот и типы курсоров:

hand (как стандартная ссылка);

crosshair (курсор как крест);

w-resize (стрелка влево);

n-resize (стрелка вверх);

move (курсор как при перемещении окна);

s-resize (стрелка вниз);

text (как при вводе текста);

ne-resize (стрелка в правый верхний угол);

wait (как при “Система недоступна” );

nw-resize (стрелка в левый верхний угол);

help (ссылка как знак вопроса);

se-resize (стрелка в правый нижний угол);

e-resize (стрелка вправо);

sw-resize (стрелка в левый нижний угол);

Удачи!

Рекомендуем ещё прочитать:






Данную страницу никто не комментировал. Вы можете стать первым.

Ваше имя:
Ваша почта:

RSS
Комментарий:
Введите символы или вычислите пример: *
captcha
Обновить





Хостинг на серверах в Украине, США и Германии. © sector.biz.ua 2006-2015 design by Vadim Popov