Pravidelne si na internete môžete vytvoriť súbor cien pre štatistiky, ak si ich chcete prečítať vopred. Zároveň nie vo všetkých službách je verzia statty prenesená na priateľa, pretože naša bazhanya nepoužíva možnosti (chceme prepísať obrázok alebo zmeniť typ hlavného písma). Yak, drukuvati strana bez prvkov? Na tento účel je k dispozícii webová služba.
Na hlavnej strane PrintWhatYouLike v strede obrazovky je formulár na zadanie adresy zo strany priateľa. Adresa bola zavedená, strana je zablokovaná і mi bachimo, ale pri výbere či z prvkov je rozhranie ohraničené červeným rámom. Opäť po stlačení ľavého tlačidla sa zobrazí zoznam možných operácií. Prvky rozhrania je možné vidieť jeden po druhom alebo v skupinách, ako rozširujú vibrácie na hraniciach alebo vibrujú jeden blok do textu, pričom sú všetky prehrané. Takže máte možnosť to urobiť jeden po druhom, nie je to potrebné pre inú časť strany, alebo rýchlo a jednoducho, ak to potrebujete v inom rade.
V ľavej časti obrazovky sa nachádza malý panel s množstvom funkcií na úpravu strany:
Pre pohodlie PrintWhatYouLike umiestnite na panel so záložkami tlačidlo na úpravu pred druhou stranou, ako sme videli. Toto využíva aj možnosť PageZipper. Vona bude pri čítaní zdrojov bystrá, rada rozdá jeden článok na päť, desať alebo viac strán. Dáte pečiatku „Step on the road“, opäť „Step on the road“, ale pozor, nie je čo čítať. PageZipper bude distribuovať celý článok na jednej strane pre jednoduchú úpravu a zdieľanie. Nechcem vkladať bookmarklet, dostupný plugin pre Firefox PageZipper 0.6.1.
Pre registrovaných používateľov PrintWhatYouLike navrhnem ovládací panel, získam informácie o počte nainštalovaných tlačidiel Printer Friendly, ktoré sú uložené v papieroch, sú ekonomické v halieroch a neboli nasekané v lese. atmosférou, a to spôsobom, ktorý nehrá žiadnu rolu.
Blogeri môžu priniesť aj trochu škorice. Vloženie doplnku do produktu pred zobrazením na strane vzhľadu blogu tlačidlo ruky na odoslanie článkov priateľovi, možnosť uložiť odkazy do formátu PDF, aby čitateľ mohol používať písma tlačiarne.
Predtým to bolo jednoducho štandardné nastavenie, presnejšie tlačidlo s nápisom „Verzia pre priateľa“. Ten smrad je potrebný na to, aby sa dostal von na verandu. Verzia pre priateľa, ktorá sa môže pomstiť všetkými potrebnými informáciami, hoci v jednom zo súčasných interaktívnych prvkov: tlačidlá, iba formulár.
Tse znamená, že ho automaticky odovzdám na ďalší skript
po prevzatí pôvodného dokumentu, vediac o ňom všetko, otvorením jeho kópie,
zruchn_shu pre kamaráta. Mozhlivo s podobnou robotou priniesol
staraj sa o seba.
Jednou z úžasných funkcií CSS je sila
kmeňové tabuľky štýlov, usporiadané na flexibilných nástavcoch
vivedennya. Vytvorili sme zvuk skladacích stolov na zobrazenie strán
obrazovke, aj keď na to nemysleli, nemysleli na to. ja,
ako prijať "verziu pre priateľa", o priateľovi s dokladmi
Len premýšľam o podaní dokumentu v іnshomu viglyadі.
Ale teraz sa už nemáme čoho báť, teraz koniec kamarátovej verzie
potrebujeme dokument, ak nemáme dobre štruktúrovaný dokument i
štýlové stoly pre priateľov!
Dnes si môžete vziať (X) HTML dokument a pripraviť ho
Pre priateľa za pomoc štýlových tabuliek sa nedržte. I os y
prešiel problém cez dvere a synchronizáciu dvoch verzií
dokument - jeden pre obrazovku, іnshy - pre druhý. І scho sám
Pamätám si: zrobiti tse nayprostishe.
Prehliadače z rodiny Gecko, ako napríklad Netscape 6.xa Mozilla, Mayut
problém tlače dlhých plávajúcich prvkov.
Ako plávajúci prvok Wiyshov medzi rukou strane, teda
časť, ktorá bola stratená, bude mať za následok stratu, pretože sa neobjavila v ofenzíve
strane.
Vaša stránka je podobná A List Apart, tobto. štatistiky v novom poli
v jednom skvelom plávajúcom bloku, potom to znamená, že čítate kedy
priateľ otrimayut zbavený presviedčania štatistiky.
Rishennya, yak і slіd bulo ochіkuvati, polyagaє u skasuvannі yakostі
„plávajúci“ štítok k bloku s textom pred pečaťou. Je to krátke, pre každého
plávajúce prvky budú nastavené na pravidlo štýlu „float: none“.
Po rozbití tse otočíte všetky plávajúce prvky, kým to neuvidíte
s dokumentom sa bude nakladať tak, že bol prenesený.
strane až do konca.
Otzhe, to isté, navrhujem zrobiti Zeldmana pre ALA, i, yak
tilki vin tse zroiv, objavil sa problém s pečaťou. Rodinné prehliadače
Gecko tsya pomilka, yak і skôr, neopravené (v čase písania
statti), ale napriek tomu môžete jednoducho obísť navrhovaný spôsob.
Nižšie je uvedená tabuľka štýlu "drukovan", pomocou ktorej A List Apart ukázal problém iných plávajúcich prvkov:
#menu (zobrazenie: žiadne;) #wrapper, #content (šírka: automatická; orámovanie: 0; okraj: 0 5 %; výplň: 0; plávajúca: žiadna! dôležité;)
Ozdobte ucho. Tabuľka štýlov zväčší pravú časť ponuky tak, že
nedostávajte sa do priateľa a dávajte si hranice a kroky pre
namiesto statty v takejto hodnosti text na strane be-yakiy
roztashovuvavsya rіvnomіrno z okraja regiónu do druhého.
Problém, keďže som bol bachilos, bol v tom, že tam bolo veľa štýlov, ktoré boli rozdelené pre obrazovku a prešli tým procesom.
Yaksho div sa vmist tag
nové články na webovej stránke ALAMáme súbor tabuliek štýlov, print.css,
Ostatné "tlačové" prílohy sú spojené s hodnotami atribútu "media".
Súbor šablóny so štýlmi nucss2.css, na import ako pomoc
stavby @import, vitajte z Navigatora 4.x, ak vikoristaniy
pri vizualizácii strany na ľubovoľnej prílohe (atribút
médiá = "všetky"). Tse mozhe buti displej, tlačiareň, projektor, syntetizátor
Move and Take Inche. Akonáhle sa roz_isovshis, mohli by sme písať do štýlov pre
ďalšie smernice pre farbu pozadia strany a použitie fontov v
picsel.
Článok na tému: Wordpress nemá funkčné tlačidlo na pridanie príliš veľkého súboru
Aká bude veľká bitka? Nie, аааааааааааааааааааааа prehliadačov
Kandidáti neklamú pozadie stránky, ale sú uvedené v pixeloch veľkosti
fonty, prílohy pre zobrazenie na obrazovke, nie toľko
korisnі pіd hodina druku.
K tomu urobme tri prebytočné naše štýly pre seba a posledných pár problémov z vývoja komponentov.
Pre prvky ponuky na pravej strane vyberte ponuku na pravej strane.
Ale ľudia chytili menu na hodinu alebo dve, nikdy nebudeme mať šancu.
To všetko nás naraz zbaví mladistvých bolestí hlavy.
Úlomky tlačiarne sa farbou nerozbijú
bily. Taktiež je potrebné vidieť všetky pozadia obrázku ako napr
vikoristovuvalysya pіd hodinu vivedennya partinki na obrazovke.
Yakshho mi volať o pomoc silu pozadia, mi jedným ťahom virishimo
urážlivé problémy. Schob zrobiti rіshennya nnuchіshim, úloha pre prvok
„telo“ je lepšie ako „obal“ a „obsah“
otvor v tele (a cez ne môžete vidieť
"telo"):
telo (pozadie: biele;) #menu (zobrazenie: žiadne;) #wrapper, #content (šírka: auto; okraj: 0 5 %; výplň: 0; okraj: 0; plávajúci: žiadny! dôležité; farba: čierna; pozadie : priehľadné ;)
Dizajn farby popredia (farba písma) vôbec nebol
Nevyhnutné, ale krajšie, nezabudnite na tse. Otzhe, naraz máme є dve
„neplávajúce“ prvky (#wrapper, #content) s jasným výhľadom na pozadie, t.j
strana s ľahkým popolom.
Môžete ich chytiť, napríklad cenu Navigator 4.x
"transparentné", ale vische nis: NN4.x zvieratá
štýly, pre ktoré má atribút „media“ hodnotu „screen“. Takže jaka i
ako smernica @import, naše štýly pre priateľa
Pozrite sa do očí navigátora 4. Otzhe, tu je to hlúpe
turbuvatisya.
Všeobecná tabuľka štýlov je naformátovaná pre písmo 11 pixelov. Duzhe
neďaleko Vibir na hodinu alebo dve. Samotná rodina písiem je zbierka Gruzínska,
a potom serif - je v poriadku ísť za priateľom, takže ako fonty od sniffov
zazvychay krajšie viglyadayut na verande. Je potrebné zmeniť veľkosť
písmo. Os je takáto:
telo (pozadie: biele; veľkosť písma: 12pt;)
"Rež!" - mabut, viguknete vi. - "Prepichnutia sú zlé!"
Dobre, dobre, dobre, dobre, keď som to povedal, a keď som to povedal, je to pre obrazovku nemožné
nastaviť veľkosť písma pre odseky. S priateľom zasosuvannya pts.
možno taký samiy zmysel, ako veľa desať rokov na to. Yaksho vzhe mi gotuєmo
štýl tabuľky pre priateľa, potom zmeňte veľkosť písma pre „body“ na 12
pointa bude správna a prirodzená.
Vy, prefíkane, môžete požiadať byť-ako veľkosť, ako žiadosť, prote
písmo má 12 bodov z najviac ubytovaní. V prvom rade v tabuľke nadpisov
štýly všetkých ostatných prvkov strany sú určite dané
veľkosť v elemente „telo“, náš robot je hotový.
Špecifické pravidlá štýlu, ktoré je potrebné nastaviť pre obe a pravé kordóny
(okraje) prvky obal і veľkosť obsahu 5%. Tse znamená, scho z obh
strana statty bude "prázdne misce" a koža bude tiež "prázdne misce".
preložte 10% šírky oblasti na druhú. Tse z dedičstva bloku z
text statti "obsahu" by mal byt v strede "obalu" ramovacieho bloku, ze
kože z nich je menej poľa 5% z ľavej a pravej strany.
Článok na tému: Yak vyplňte hlavičku stránky
Zadná strana tabuľky v štýle obrysu 15 % pravá výplň
pre blok „obsah“. Cordoni nám už dal 10%, tiež potrebujeme
do 5 %. Tse na dokončenie len zrobiti:
obsah div # (ľavý okraj: 10 %;)
V prvej možnosti riešenia je možné prestreliť maržu v
kľudne a daj 5% na ľavú výplň. Oskіlki blokuje „obsah“
nie je vidieť na pozadí, vzali sme takýto výsledok.
Škoda, že prehliadače môžu mať problémy s adekvátnym
prekážkou čalúnenia, takže prvky sú nahradené bočnou stranou
krajšie pomocou kordónov (okraj).
Bulo ešte jedno prefíkané jedlo - ako sa dá pracovať s hyperschopnosťami? Očividne na
priateľ necíti zápach ako na monitore, ale často je to dôležité
dať kľúč, kým sa smrad nájde v origináloch. Otzhe, moja os
Vinayshov:
a: odkaz, a: navštívené (farba: # 520; pozadie: priehľadné; hrúbka písma: tučné; výzdoba textu: podčiarknuté;)
Tse daє poilannyam kolіr, dosiahnuť tmu, byť blízko
čierny s čierno-bielym priateľom, stratiť sa v tú istú hodinu tmavý červ
pіd hodina kolorovoy druku. Tučné písmo a záruka pіdkreslennya,
posilannya vid_lyatimetsya v pripravenom texte.
V prehliadači, ktorý prispôsobí špecifikáciu CSS2, môžeme
zadajte adresu URL a pošlite im správu,
kto sa objaví a otvorí tento prehliadač ručne. Nižšie je uvedené pravidlo
ako sa zaseknúť len pre blok "obsah" a s týmto poradím URL
іnshhh príkaz nenechať sa pristihnúť v zlom:
#content a: link: after, #content a: visited: after (content: "(" attr (href) ")"; veľkosť písma: 90 %;)
Vyskúšajte to v prehliadačoch na platformách Gecko – Mozilla alebo Netscape
6.x. Na vývoji pokožky by ste ju mali rozhýbať v oblúkoch.
na jeho URL.
Prehliadače, ktoré nemajú primeraný štýl, zvyčajne nemajú žiadny
nebazanikh efektyv - ak áno, budete tmavý červ,
pidkreslenim a tukom. Stačí písať do textu
Adresa URL, na ktorú sa má odkazovať, zo všetkých.
Vážim si ťa za tých, ktorí udierali pred a za mašle є
časť pravidla štýlu - nezabudnite na paseky, takže na vine je smrad
buty inklúzie pred dokumentom.
Spravidla existuje jeden prirodzený problém. Práve v tom
Dostal som pokyn vložiť do dokumentu hodnotu atribútu
href.
Pri pohľade na kód strany webovej stránky A List Apart mi shvidko
okrem toho neexistuje žiadna lich, takzvaná "vidnosilanská" myseľ
"/ čísla / 144". Smrad vloží do dokumentu taký divák ako smrad
є, ale ak chcete, mali by ste použiť adresy URL.
Na takéto vipady môžeme použiť CSS3. Buďte ako selektor atribútov,
vikoristický operátor ^ =, výber prvkov, zaponі na klas їх
hodnotu atribútu. V takejto hodnosti je mi mogo vibrati atribút href,
vyplňte lomkou a vložte tam text,
rovnakú hodnotu pre atribút.
#content a: after (content: "(//www.alistapart.com" attr (href) ")";)
Celé pravidlo transformuje všetky hodnoty typu "/ issue / 144 /",
"//www.alistapart.com/issues/144/". Všeobecným pravidlom je, že nemôžete pomôcť
rozbaľovacia ponuka so správnymi adresami URL, ak to predtým nemôžete opraviť lomkou, ale
Našťastie ALA nie je zástupný typ posilana.
UVAGA! DÔLEŽITÉ! Yak bolo povedané, selektor myseľ ^ =
pozrite si selektory špecifické pre CSS3. Validátor pre CSS vid
Konzorcium W3 ho môže otestovať na špecifické špecifikácie
CSS1 a CSS2. Nebuďte múdri ohľadom selektora, stačí použiť CSS3, validátor to urobí
pozri sa na milosť, ak neprekročíš volič
odporúčania pre špecifiká.
Znova sa pozriem na zvyškovú verziu tabuľky štýlu, I
po vynorení by mi „klobúk“ na boku nemal viac vyhovovať. Shvidshe Bula vpravo
nie v samotnej hlave, ale vo veľmi "neposlušnom" názve stránky. Tse
sedadlo tam evidentne skončilo, obraz skončil
hlavička. Zaspal som na figuríne s raptom
línia sedadla je po celej šírke boku.
Как упоминалось выше, перед выводом на печать веб-страница должна быть соответствующим образом отформатирована. То есть, к документу должен быть подключен необходимый CSS файл одним из рассмотренных в предыдущем пункте методом. Удобный способ создания такого файла кратко описан в этом посте . Нам осталось рассмотреть несколько важных рекомендаций, которых необходимо придерживаться при редактировании CSS файла, предназначенного для распечатываемой страницы.
Если, при выводе на экран документа используется какое-либо фоновое изображение или просто фоновая заливка, а также если вы применяете цветной шрифт, отличный от стандартного варианта (черного), то при создании CSS файла для печати нужно отменить это форматирование. Распечатываемая страница должна выглядеть как можно проще – белый фон и черный шрифт. Многие пользователи для распечатки веб-документов используют чёрно-белый режим печати. К тому же, при распечатывании страницы с насыщенной цветовой схемой значительно повышается расход чернил или тонера.
В оформлении текста большинства веб-страниц, предназначенных для чтения онлайн применяют рубленые шрифты — sans serif (без засечек), так как они считаются более удобными при чтении с экрана монитора. Но при перенесении страницы на бумагу, ситуация меняется и здесь более подходящими будут шрифты с засечками — serif , для которых характерны небольшие декоративные элементы (засечки) на окончаниях каждой буквы. Считается, что именно засечки способствуют направлению взгляда пользователя в нужном направлении – по тексту. Поэтому, большие объемы текста должны быть оформлены шрифтом с засечками (Times New Roman , Georgia , Palatino и другие).
Если для отображения текста на экране допустимо использовать относительно мелкий размер шрифта (11 пикселей, а иногда и меньше), то для печатного варианта страницы необходимо увеличить его минимум до 12 пикселей, но никак не меньше – все зависит от аудитории, на которую рассчитана содержащаяся в документе информация.
Для того, чтобы информация, размещаемая на странице была выражена наиболее полным образом, при ее переносе на бумагу нужно визуально выделить все присутствующие в ней гиперссылки, так как в этом случае они уже не являются кликабельными и должны иметь особую форму отображения. Для этой цели зачастую используют подчеркивание ссылок и смену цвета шрифта их анкорного текста на синий.
Важность используемых в веб-документе изображений определяется несколькими факторами, зависящими как от его разработчика, так и от маркетингового отдела компании, владеющей сайтом. В идеале, рекомендуется оставить лишь те изображения, которые несут смысловую информацию, являясь иллюстрациями к представленному тексту, а также логотип сайта, как правило, находящийся в верхнем левом углу страницы.
Среди множества компонентов, которые являются бесполезными в распечатанном варианте веб-страницы можно выделить навигационное меню и другие элементы, так или иначе связанные с навигацией по сайту. Поэтому оставляя их на странице при распечатке, вы попросту зря тратите чернила. Более того, удалив их, вы освободите дополнительное полезное место для текста, и тем самым представите его в более читабельном виде.
В идеальном случае, для пользователей, распечатывающих веб-страницу с целью чтения содержащейся на ней информации, рекламные объявления в виде баннеров и других форм графической и текстовой информации не представляют никакой ценности. И нужно было бы полностью избавиться от нее в нашем случае, но реальность диктует свои условия. Большинство сайтов в Интернете существуют благодаря именно рекламе, и поэтому ее удаление может привести к негативным последствиям. Поэтому рекламные продукты, представленные на сайте, зачастую остаются при распечатке его страниц, но если вы можете сократить их количество до минимума или упростить форму их представления, то это будет идеальным вариантом. Постарайтесь найти золотую середину, если это возможно.
Интерактивные графические элементы, управляемые при помощи скриптов, а также анимированные Flash изображения, как правило, распечатываются некорректно, а в отдельных случаях дефекты их печати («сползание») могут повлиять на качество отображения текста, что совсем неприемлемо.
Даже в том случае, если на вашем сайте, при публикации статей не указывается информация об их авторе (а делать это рекомендуется), эти данные следует включать в состав страниц для печати. Что позволит пользователям, которые распечатывают исходный материал и работают с ним в более удобном для них виде и/или месте, иметь возможность узнать информацию об авторе, без необходимости повторного посещения вашего сайта.
Включение полного URL адреса распечатываемой страницы в нижней, заключительной ее части является очень важным моментом. Это позволит пользователям быстро вернуться на нее и воспользоваться какой-либо ссылкой, ведущей на другую страницу, содержащую расширенную информацию по рассматриваемому вопросу или с другой целью. В любом случае, это способствует повторному посещению вашего ресурса пользователем. К тому же, при дальнейшем размножении распечатанной страницы (при помощи фотокопий, например), о вашем сайте узнают больше людей.
Вся информация, которая находится на вашем веб-ресурсе охраняется авторскими правами и принадлежит только вам. Даже в том случае, если пользователь, руководствуясь исключительно потребительскими намерениями, распечатывает страницу, это не значит, что содержащаяся на ней информация теперь может использоваться в коммерческих целях. Поэтому сведения об авторских правах обязательно должны переноситься и на печатную копию документа. Это, конечно, не сможет предотвратить факт воровства, но, по крайней мере, напомнит злоумышленнику о том, что именно вы обладаете авторскими правами на эту информацию.
Соблюдая все перечисленные выше рекомендации по форматированию веб-страниц, предназначенных для печати, вы сможете удовлетворить требования большинства пользователей, которые по различным причинам вынуждены работать с распечатанными на принтере документами. А это, как следствие, поможет вам сформировать группу пользователей, составляющих целевую аудиторию вашего сайта.
Post Views: 330
Есть два способа делать страницу для печати:
1. Специально выводить отдельным скриптом страницу без меню и лишнего оформления.
2. Выводить ту же страницу, которую просматриваем при просмотре сайта, но уже с другими подкреплёнными стилями, где скрываются ненужные элементы.
Довелось делать документы(накладные, счёт фактура и прочее) для печати. Так что пошёл по первому варианту. Но это просто в моём случае. Более гибкий как мне представляется второй вариант.
Вот мой опыт, заметки:
1. Главное правило — будь проще и люди к тебе потянутся(с)хз кто. 🙂 Короче не используйте разнообразие оформления. Человеку просто надо прочитать распечатанный текст, нечего его грузить лишним оформлением. Да и краску в принтере тратить.
2. Не используем фоновые изображения, их всё равно не будет при печати. Или будут, но не во всех браузерах. По крайней мере у меня какие то подобные грабли случались.
3. Стараемся использовать белый фон, чёрный текст. Если обратно, то будет тратиться много краски. Цветной текст думаю не нужно делать — всё равно у многих чёрно-белый принтер.
4. Если нужно чтобы следующий контент печатался обязательно на следующей странице, вставляем блок div с классом pagebreak перед этим текстом. Описываем класс в стилях:
Pagebreak { page-break-after: always; }
Pagebreak { page - break - after : always ; |
текст за этим блоком будет распечатываться уже на новой странице. Работает во всех современных браузерах. Да и не современных то же. Один IE до 7ой версии включительно подводит. Но на него надо забивать!
5. И так, печать. Пользователь можно сам выбрать печать. Можно поставить на
window.onload = function () { window.print(); }
и сама кнопка:
< button onclick = "window.print();" > Печать< / button > |
Это кнопка будет при просмотре страницы, но печататься не будет, так как мы задали display: none; в style для media=»print», то есть в стилях для печатающего устройства. При нажатии на кнопку будет выводиться окно печати.
Тем, кто хочет супер автоматизировать процесс печати, чтобы например открываем страницу и принтер сразу начал печатать страницу — охладите свой пыл или того, кто вас просит это сделать. Я этот способ не нашёл. Да его и нет. Потому что это логично. Представьте, заходите вы на сайт, а там через javascript запрограммлена печать ста копий страниц. И принтер приходит в бешенство и начинает печатать эту кучу страниц без вашего ведома. Нелогично? Нелогично!
В одно время меня усердно просил сделать такую штуку один менеджер проектов. Пришлось ему всё это обяснять, приводить примеры, чтобы он понял что это нельзя сделать, да и не нужно.
6. Если кто то будет жаловать на то, что распечатываются адрес страницы, title и прочая херь в колонтитулах — посоветуйте ему настроить свой браузер. Со стороны сайта это не настраивается. По крайней мере я не знаю как. Например в Firefox это настраивается в «Печать» — «Параметры страницы» — «Поля и колонтитулы»
7. Кстати в догонку к предыдущему. Допустим пользователь отключил вывод всех колонтитулом, в том числе и адрес страницы. То есть если пользователь спустя некоторое время посмотрит на распечатку, он не сможет понять, с какого сайта он это распечатал. Так может стоит сделать небольшую заметку с указанием ресурса, адреса страницы, логотипа или ещё чего нибудь.
8. Используйте крупный размер шрифт(в пределах разумного конечно). Главное чтобы при печати всё было читабельно.
10. Думаю нужно использовать размерности, независимые от устройства — абсолютные размерности. Например in,cm,mm,pt,pc.
11. Вот полезная ссылка http://www.webdevout.net/browser-support-css#css2propsprint . Описание стилей можно найти на сайте http://htmlbook.ru
Вообще советую пройтись по всему списку CSS свойств, даже если вы опытный разработчик. Для себя с удивлением обнаружил незнакомые CSS свойства и что некоторые CSS свойства уже можно безбоязненно использовать.
Конечно же это не полный список советов. Это просто мои мысли.
Часто на сайтах можно встретить версию для печати той или иной страницы . Многие думают, что это что-то встроенное в сам браузер или что это делается очень просто. На самом деле, это совсем не так. Версия для печати - это обычная страница , которую Вам нужно самостоятельно сделать.
Вы можете посмотреть на версию для печати у этой статьи. Фактически, что нужно отображать там? Название статьи, раздел, категория, автор, сам текст и дата. Всё это и выведено на эту страницу. Нужны ли меню, форма поиска, различные блоки? Не думаю, поэтому их и нет.
Так же убедитесь, что ширина версии для печати не превосходит 650px , иначе браузер может порезать края.
Итак, Вы уже поняли, что версию для печати Вам надо создавать самостоятельно, выводя ровно то, что нужно пользователю. Теперь о том, как это сделать.
Есть 2 варианта : создать отдельную страницу и создать отдельный файл стилей. Первый вариант, думаю, понятен. Создаёте ещё одну страницу с версией для печати и на основной странице даёте ссылку на эту печатную версию. Пользователь по ней переходит и через "Файл"->"Печать" он её распечатает.
Второй вариант подразумевает создание отдельной таблицы стилей, где Вы скроете все лишние блоки (через display: none; ) и поставите соответствующие размеры у выводимого контента. Дальше такой файл стилей подключается следующим образом:
Теперь если пользователь захочет распечатать эту страницу, то распечатается не то, что он видит, а то, что прописано в print.css . Фактически, пользователь видит страницу в одном виде, а принтер в совсем другом.
Вот таким образом создаётся версия для печати любой страницы сайта.