Как сделать стили для "Версия для печати"? - Вопросы по CSS

Приветствую!
Подскажите, пожалуйста, как можно сделать стили для функции "Версия для печати"?
Может, кто знает, где и что нужно прописать, чтобы страница и сама распечатка страницы отображались одинаково в стиле шаблона.

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

а, как можно отобразить на мониторе, т.е. окно "Версия для печати" выводится без стилей шаблона.

А почему бы в браузере не выбрать пункт предварительного просмотра страницы?
Так, вроде, привычней.
Да и кто будет тыкать на кнопки просмотра вида, который должен напечататься?
Если на сайте что-то печатается, то должна печататься основная информация.
Неужели кто-то будет смотреть что же ему напечатается, а если ему не понравится, то не будет печатать?
Если найдена нужная информация и требуется ее распечатать, то человек это делает.
А как это напечатается уже лежит на совести разработчика.
Не цените посетителей, выдавая на печать все наперекосяк и ненужный мусор, такой посетитель найдет более адекватные сайты.

А почему бы в браузере не выбрать пункт предварительного просмотра страницы?
Так, вроде, привычней.
Да и кто будет тыкать на кнопки просмотра вида, который должен напечататься?
Если на сайте что-то печатается, то должна печататься основная информация.
Неужели кто-то будет смотреть что же ему напечатается, а если ему не понравится, то не будет печатать?
Если найдена нужная информация и требуется ее распечатать, то человек это делает.
А как это напечатается уже лежит на совести разработчика.
Не цените посетителей, выдавая на печать все наперекосяк и ненужный мусор, такой посетитель найдет более адекватные сайты.

Вы меня неправильно поняли, к сожалению! Неправильно.

Вопрос ОТКРЫТ!

http://joomlaforum.ru/index.php/topic,154055.0.html

а, что это?? что-то я не понял решение предложенной темы?

может я, неправильно задал вопрос?? Хочу повториться. Мне нужно в окне "Версия для печати" изменить дизайн, а именно задать шрифт, цвет, выравнивание влево, вправо, центр и т.п. Чтобы на окно было приятно посмотреть, а также сделать приятную распечатку тоже в стиле шаблона сайта.

А, так вы про окно, которое открывается по клику на кнопку/текст «Печать» в заголовке статьи?
Ну там инфа показывается через iframe.
И в нем подключается свой стиль.
Посмотрите по коду какой файл подключается и правьте его.

p.s.
Хотя я все-равно не пойму смысл этого окна.
Какой интерес тратить время на просмотр того, что собираешься печатать?
Что, если нужная инфа (раз уж захотелось распечатать) и там будет какой-то косяк, то отменять печать?
Бред. Жмешь «Печать...» в браузере и в путь!

совершенно верно вопрос про окно, которое открывается по клику на кнопку/текст «Печать» в заголовке статьи.
а также про стиль дизайна, который будет на распечатанной странице, т.е. одинаковый дизайн для всех, а именно для экрана монитора и для страницы из принтера.

Только вот не пойму, по какому коду смотреть??

Скриншот кнопки "Версия для печати" http://rghost.ru/14613421

Скриншот Pop up окна "Версия для печати" http://rghost.ru/14613771

по какому коду смотреть

По коду страницы.
Используйте FireBug или схожие средства разработки у других браузеров.

По коду страницы.
Используйте FireBug или схожие средства разработки у других браузеров.

ранее пытался, что-то данной программой вычислить не помогает, бестолковая программа FireBug, даже хуже, чем я сам.

бестолковая программа FireBug

Может просто не разобрались как с ней работать?
Тысячам людей она очень помогает в разработках и стала уже чуть ли не стандартом де-факто.

Может тогда дадите ссылку на пример, где выводится материал для печати?

Может просто не разобрались как с ней работать?
Тысячам людей она очень помогает в разработках и стала уже чуть ли не стандартом де-факто.

Может тогда дадите ссылку на пример, где выводится материал для печати?

может, а что она умеет особого, если не ошибаюсь, то программа только смотрит подробно, но не редактирует и не ищет ошибок.
а, посмотреть можно чем угодно. Вот если бы искала и редактировала на лету, то да это номер один, а так это не серьёзная программа, по-моему.

Вы спрашивали ссылку на пример, как выглядит окно со стилями на других сайтах?
если не ошибаюсь в вопросе, то пример http://www.macroworld.ru/index.php?option=com_content&view=article&id=67:-smart-sharpen&catid=19:photoshopformacro&Itemid=54 обратите внимание окно не отличается от дизайна сайта, даже есть заголовок у самого окна.

искала и редактировала на лету

Так и делает.

Слева код, кликаем по элементу, а справа его стиль. При этом пишет в каком файле описание стиля, а при наведении на имя файла, показывет путь к нему.
Можно менять и сразу виден результат. Да в иннете полно всяких мануалов по работе с ним.

Что по поводу примера.
По ссылке, что указали, инва выводится в отдельном окне.
А вот в таком примере — во всплывающем элементе, что приятней и удобней.

Видать не срабатывает плагин.
Но если по коду посмотреть, там подключается аж 3 CSS файла.

Так и делает.

Слева код, кликаем по элементу, а справа его стиль. При этом пишет в каком файле описание стиля, а при наведении на имя файла, показывет путь к нему.
Можно менять и сразу виден результат. Да в иннете полно всяких мануалов по работе с ним.

и даже можно таким образом вписать стиль для окна "Версия для печати"??

только вот куда вписывть, если стилей для данного окна нет вообще и не было.

Что по поводу примера.
По ссылке, что указали, инва выводится в отдельном окне.
А вот в таком примере — во всплывающем элементе, что приятней и удобней.

Видать не срабатывает плагин.
Но если по коду посмотреть, там подключается аж 3 CSS файла.

не шустро открывается предложенный вариант, да и какие там варианты, если самое простое не возможно до сих пор реализовать.

Почему не возможно-то?
Посмотрите какие стилевые файлы файлы подключаются и правьте в них.
Там было что-то типа highslide.css (что-то подобное).
Вот в нем пропишите стили для блоков, что показываются в окне печати.
Там делов-то на пол часа максимум.

Почему не возможно-то?
Посмотрите какие стилевые файлы файлы подключаются и правьте в них.
Там было что-то типа highslide.css (что-то подобное).
Вот в нем пропишите стили для блоков, что показываются в окне печати.
Там делов-то на пол часа максимум.

не понимаю, а там это где??

стилевые файлы для всего шаблона??

и как можно прописать стили для блоков и для каких именно??

— Установить mod_printme (необязательно, но упрощает работу)
— создать и прописать print.css
— создать *.css файл для окна предварительного просмотра и вставить на него ссылку в файле component.php (в папке вашего шаблона)
— все манипуляции с версией для печати нужно проводить в файле component.php

— Установить mod_printme (необязательно, но упрощает работу)
— создать и прописать print.css
— создать *.css файл для окна предварительного просмотра и вставить на него ссылку в файле component.php (в папке вашего шаблона)
— все манипуляции с версией для печати нужно проводить в файле component.php

у вас лично эта схема работает??

у меня нет, все тоже самое и без изменений.

Тема актуальна!

Ну… раз вам советы и FireBug не помогают решить задачу, то готов вам все настроить за $$$

Ну… раз вам советы и FireBug не помогают решить задачу, то готов вам все настроить за $$$

за доллары?