CFA LogoCFA Logo Computer
Загрузка поиска
Новости Компьютеры Прайс-лист [Новое] Прайс-лист [Б/У] Для ноутбуков Конфигуратор ПК Заказ, Оплата, Доставка Сервис объявления Драйвера Статьи Как нас найти Контакты
Новости
RSS канал новостей
Производители продолжают работать над заполнением фирменных линеек графических ускорителей NVIDIA ...
Компания Biostar анонсировала в эти дни первую для себя материнскую плату на чипсете AMD X370, который ...
Тайваньская компания ASUStek решила оживить интерес к своим игровым видеокартам выпуском двух новеньких ...
Компания Gigabyte Technology представила в эти дни модель видеокарты GeForce GTX 1080 Ti нестандартного ...
То, что энтузиасты ждали так долго, наконец-то случилось, и компания NVIDIA анонсировала свой новый ...
Самое интересное
Программаторы 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
Обновить






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