Блог им. madduck / Print.css — стиль для печати для wordpress
Я заметил на многих сайтах отсутствует отдельный стиль для печати. То есть, если кто-то захочет распечатать какой-либо материал с сайта, то на бумаге он будет выглядеть почти так же как и в сети, вместе с кучей ненужной информацией. С боковой панелью, с категориями, с облаком тегов и прочими ссылками и кнопочками, которые будут не интересны на бумаге.
Так вот, для того чтобы это исправить, создаем отдельный css файл и называем его print.css. Прописываем его в header страницы:
Источник: Уроки CSS на Хабрахабре
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
С его помощью мы спрячем все не нужные блоки, кнопочки, панельки и т.д. Делаем это с помощью css-параметра display, которому задаем значение none.
Например:
#sidebar {
display:none;
}
Так же можно изменить размеры текста на нормальные/стандартные, там где они были слишком большими. Изменить цвет ссылок, убрать подчеркивание и т.д.
Для того чтобы просмотреть как сайт будет выглядеть в отпечатанном виде, достаточно выбрать “предварительный просмотр” в меню браузера.
Источник: Уроки CSS на Хабрахабре
0 Комментарии