Многие сайты имеют версии статей приспособленные специально для печати – убраны все визуальные элементы, кроме, пожалуй, логотипа сайта.
Есть варианты как сделать такое?
Многие сайты имеют версии статей приспособленные специально для печати – убраны все визуальные элементы, кроме, пожалуй, логотипа сайта.
Есть варианты как сделать такое?
Copyright © 2019 | WordPress Theme by MH Themes
так:
или так (прямо в файле style.css):
[cc lang=”css”]
@media print {
BODY { font-family: Times, serif; }
}
Ничо не понял. Создать отдельный css, а потом подключить? Или что?
да
Ну как подключить css к файлу я допустим знаю. А что должно быть в этом файле, к которому я и подключаю таблицу стилей, чтобы отображался только контент статьи?
Да и ссылку как на этот файл проставить. В принципе, что в нем писать ясно –
ну и настройки стиля.
Мне не совсем понятно, как этот отдельный файл css будет подключаться, если кликнуть на ссылку “версия для печати”?
в краце: агент пользователя(читайте: браузер) при выводе на печать(и предпросмотре печати) использует таблицу стилей с названием print.
Подробно про механизм есть в книге: Эрик Мейер “CSS. Каскадные таблицы стилей. Подробное руководство.” 32-35 страницы
Думаю, ссылка на эту книгу здесь будет уместной – http://www.proklondike.com/books/webdesign/css3.html
Правильно думаешь.
http://irus.streetball.name/files/kniga_css.zip
вот те самые 4-ре страницы, чтобы не качать всю книгу =)
Сделал как и советовалось: создал отдельный print.css и прикрутил его через header.php.
Одно но – ссылку на статью делаю такого вида:
Но все равно не работает, т.к. возвращает просто на статью, а не на печатную версию.
Тут как обычно пасочки с шорткодами, поэтому вот код изображением:
http://pic.lg.ua/s/tZ5ux
используем вот такой код для вызова диалога печати:
404 ошибка по ссылке.
скачайте файл, на который я дал ниже ссылку, там правильно написано, тут ошибка есть. и там я попытался рассмотреть пирмер
Я уже скачал и сделал как и было написано – конечно чуть-чуть не то. Но в принципе пойдет.
Один вопрос теперь – как из печатной версии убрать меню, сайдбар, комментарии и т.д., а оставить только текст?
http://sociolab.net/tretiy-sektor-negativ-2011/ – пример ссылки. Можете сами посмотреть в общем.
в общем вот:
irus.streetball.name/files/print.zip
А как сделать распечатку квитанции? Есть отксеренная квитанция, чтобы при нажатии получить квитанцию, перенаправляло на окно принта с этой квитанцией?
А еще лучше с формой, чтобы введенные данные вписывались в эту квитанцию.