Я заметил на многих сайтах (в том числе и на моем блоге уже появился) отсутствует отдельный стиль для печати. То есть, если кто-то захочет распечатать какой-либо материал с сайта (например, отпечатать эту статью), то на бумаге он будет выглядеть почти так же как и в сети, вместе с кучей ненужной информацией, фоновой картинкой и лишними изображениями. С боковой панелью, с категориями, с облаком тегов и прочими ссылками и кнопочками, которые будут не интересны на бумаге. А на картриджах для домашнего принтера, все таки стоит экономить, так как цены для некоторых моделей очень даже кусаются =)

Так вот, для того чтобы это исправить, создадим отдельный css файл и назывем его print.css. Пропишем путь к этому файлу в header страницы:

[sourcecode language=’html’]

[/sourcecode]

С его помощью мы спрячем все не нужные блоки, кнопочки, панельки и т.д. Делаем это с помощью css-параметра display, которому задаем значение none.

Например:

[sourcecode language=’css’]#sidebar {

display:none;

}[/sourcecode]

Так же можно изменить размеры текста на нормальные/стандартные, там где они были слишком большими. Изменить, а лучше совсем убрать выделяющийся цвет ссылок, убрать их подчеркивание и т.д.

Для того чтобы просмотреть как сайт будет выглядеть в отпечатанном виде, достаточно выбрать “предварительный просмотр” в меню браузера.

Надеюсь эти советы помогут Вам в созданий печатной версий Вашего сайта =)

Опубликовано
Подробнее

ArtsLab

Блог для тех, кто интересуется разработкой сайтов, веб-дизайном и новыми событиями в интернете. В моем блоге Вы найдете записи на различные околокомпьютерные темы, обзоры сервисов и новинок, статьи по кодингу, советы, скрипты, темы и хаки для wordpress, уроки phostohop и многое другое.

4gray artslab artslabinfo