Давайте поговорим о небольших
трюках в HTML и CSS, о которых мало кто говорит и пишет, но все
пременяют на практике. Многие вы несомненно знаете, но почему то очень
часто забываете использовать в своих работах. Эту ошибку повторяют
вебмастера очень часто, включая и меня. Поэтому чтобы не забыть
некоторые полезные приёмы в этой области, которые будут всегда под
рукой, была написана эта статья.
После нажатия пользователем кнопки «послать E-mail» должен быть
не только адрес, куда хочет послать клиент письмо, но и также его заголовок
и начало обращения. Пример кода:
<a href=»mailto:[email protected]?subject=Вопрос по срокам доставки&body=Напишите
ваш вопрос здесь»>Отправить E-mail</a>
Если вы хотите, чтобы пользователь при наведении мышкой на линк
видел дополнительный текст, который подскажет пользователю «куда идти
дальше», тогда
этот пример для вас:
<a href=»http://www.webheim.com» title=»Перейти на webheim.com»>webheim.com</a>
Бегущая строка — частое явление на страницах, при небольших дополнениях в
код тега <marquee> можно получить очень оригинальные явления.
Простая бегущая строка:
<marquee> Ваш текст</marquee>
Текст падает сверху вниз
<marquee direction=»down»>Ваш текст</marquee>
Текст поднимаеться снизу вверх
<marquee direction=»up»> Ваш текст</marquee>
Картинка без Flasha 🙂 поднимаеться сверху вниз
<marquee direction=»down»> <img src=»bild.jpg»
width=»35″ height=»35″> </marquee>
Белый текст движеться на синем фоне справа налево с определённой скоростью
<font color=»ffffff»><marquee scrollamount=»10″
scrolldelay=»5″ bgcolor=»#0066FF»>Ваш текст </marquee></font>
Как правило если webmaster хочет предложить пользователю что-то распечать
с сайта, он готовит отдельный файл для печати. Причины могут быть разные,
например светлый шрифт на темном фоне или шрифт должен быть меньше или больше.
Эту проблему можно решить путем внедрения двух CSS файлов, которые
будут отвечать за интернет, а другой за печать. В этом случае
пользователь будет видеть на
мониторе одно изображение, а при распечатке он получит тот результат, который
вы пропишете в CSS файле. Выгода очень простая вам не нужно «подготавливать»
версию для печати. Пример кода:
<html><head><title>Версия для экрана и печати</title>
<link rel=stylesheet media=»screen» href=»monitor.css»>
<link rel=stylesheet media=»print» href=»printer.css»>
</head>
<body>Ваш текст</body>
</html>
В этом случае в фале monitor.css вы прописываете настройки для монитора,
в файле pinter.css — для принтера. Названия файлов вы можете смело выбирать
по вашему вкусу :-).
Список можно продолжить дополнительными настройками:
media=»projection» — вывод изображения на экран с помощью
проектора.
media=»tv» — вывод изображения на телевизор.
Изменение курсора в браузере при наведение на линк мышкой.
Пример: при наведение мышки на линк, курсор изменяеться на знак вопроса.
<a href=»http://www.talalaev.de» style=»cursor : help»>Помощь
по Netojects Fusion</a>
Попробуйте сами поэксперементировать с курсором, заменив help на crosshair,
move, n-resize, ne-resize, w-resize, text, wait.