Back to site

Інструкцыя па print.css, для файла -> Друк па-ранейшаму вельмі папулярныя - разметкі

Клiенты жадаюць, каб раздрукаваць змесцiва i чытаць. Гэта прапанова з print.css. Акрамя друкаваных яшчэ зрабiць добрае ўражанне i дае ўтрыманне найвялiкая колькасць месца.

D рывок i ПК сiямскiх двайнят. ВС пачатковец вучыцца даволi хутка кожным ПК, якi злучаецца з браўзарам пад словам "файл" магчымасць утоенага цiску, калi ён знаходзiць не значок друкаркi.

Тым часам, гэта азначае, што шматлiкiя людзi блытаюць, калi гэта функцыя будзе знойдзены ў iншым месцы. Як заўсёды, гэта павiнна быць (Web) усталяванага ўзору.

Стандарты дапамагаюць нам кантраляваць шматлiкiя прылады якiх фоне мы не разумеем тэхналогiю, але мы жадаем выкарыстоўваць i можа.

Вэб-стандарты не з'яўляюцца выключэннем.

З print.css можам канструяваць разметкi. Шматлiкiя людзi жадаюць, каб раздрукаваць артыкулы i чытаць iх у аўтаномным рэжыме.

О але гэта бясконцыя дакументы, таму што вы забылiся разметкi на вашым сайце паказана. Акрамя таго, кожны ведае, ад хваравiтых картрыджаў для друкарак досвед розуму дорага.

Гэта можа быць не больш за адзiн пункт на адзiн раз i друкарка 14 бок бразготкi з маляўнiчым. Навiгацыя, палi формаў i г.д. прыходзяць з тым жа.

Цi сайт чорны фон з белым тэкстам. Існуе адзiн чарнiльны картрыдж пусты хутка Як вы можаце бачыць... : (

Разметка print.css
Скрыншот з разметкi вэб-дызайну ў дэ. Print.css

Цi кадры, каб яны ўсё яшчэ там, а затым раздрукаваць змесцiва - гэта высокае мастацтва ў цэлым. Сайты цi блогi з дзвюма бакавыя - у тым лiку друк усе гэтыя спасылкi?

Што можа Adsense, Банар таксама пячаткi i г.д....

Разметка для мяне, каб прапанаваць такi просты акт ветлiвасцi. : Падморгваць: Вэб-стандарт так цi iнакш, а таксама цалкам знiкае аўтаматычна "бар'ер" - гэта таксама "павiнны" даступнага вэб-дызайну.

Чаму файл разметкi "print.css"

Сапраўды гэтак жа вы, як вэб-дызайнер, вэб-майстар у курсе ўсiх розных CSS файлы не губляюць. ;)

Яны таксама могуць патэлефанаваць цi drucklayout.css hastenichtgesehen.css, апошнi мае мала пазнавальнасць брэнда...

Як гэта print.css

Верхнiм левым куце знаходзiцца на 99.999999% ад усiх браўзарах Рэзюмэ: Файл ==> Друк. [Файл => Друк] цi, браўзар ужо на значок друкаркi. І толькi гэты тэрмiн створаны print.css.

Як вы спасылка print.css правiльна ў загалоўку HTML.

	<link rel="stylesheet"
   type="text/css"
   media="print"
   href="../print.css" />

Першы колер шрыфта, колер фону, вызначыць памер шрыфта i фону малюнка забаранiць усё:

Памер шрыфта можна раздрукаваць з паказаным пт. "Pt" з'яўляецца паказчыкам цiску i там толькi страцiў штосьцi;).

! Важна кажа: вы павiнны абавязкова зрабiць гэта.

body{
       font:11pt/120% Arial, serif;
       background-color: white !important;
       background-image: none !important;
       color:black;}

Другi Паплаўкi павiнны быць вырашаны ў print.css

Тэрмiн "плаваць" чыннiкi выраз "злiццё" розных элементаў. Нiкому не падабаецца, што малюнак друкуецца па тэксце. Гэта азначае, што ўся iнфармацыя ў звычайным style.css прайсцi, i, магчыма, усюды, дзе "плаваюць", а затым адбываецца забарона:

напрыклад:

dl, 
dt, 
dd {
      float:none !important;}

Калi хтосьцi кахае, каб надрукаваць што-небудзь, гэта таму, што ён зацiкаўлены ва ўтрыманнi.

Адгэтуль варта, павiнны аддаць усё, што не ставiцца да змесцiва.

Display:none

з'яўляецца вялiкiм сябрам пры стварэннi print.css.

Усё, што трэцi не можа друкаваць аб'явы забароны на:

напрыклад, тут, у дэ WebDesign гэта ў наш час (вясна 2007)

div.footerinnen small,
div.footerinnen img,
.invisible,
.postmeta,
.navigate,
.navigate01,
div.navinnen ul,
.postinnen .sidebar,
.commentline,
.ohne,
#commentform,
.aehnliche,
.top{
             display:none;}

4 канала - асаблiва спасылкi зрабiць:

Трохi колеры, яна цалкам можа быць.

a:link,
   a:visited {
         color: #7A1E19;
         background:white;
          text-decoration:none;}

Часта ёсць фатаграфii, якiя могуць быць скарыстаны ў якасцi спасылкi:

 
img,
img a:link,
img a:visited{
            border-bottom:1px solid #C30099;
            margin-right:12px;}

4.b. Калi URL спасылкi можна таксама прагледзець, нават калi гэта не любы браўзар:

Для мяне гэтыя спасылкi ў CSS класа можна знайсцi "ўтрыманне". Налада i калi ласка, не забудзьцеся таксама ўласны дамен дзяржавы.

.content a:link:after,
	.content a:visited:after {
   	content: " ("attr(href)")";
   	font-size: 90%;}
 
.content a[href^="/"]:after {
   content: "(http://www.webdesign-in.de" attr(href)")"; }

Пяты скарачэнняў праглядаў.

Часта гэта карысна для прагляду скарачэнняў, выкарыстоўваных таксама ў print.css.

 
acronym[title]:after, 
  abbr[title]:after {
            content: ' (' attr(title) ')';}

Шосты код, прызначаны адмыслова.

У мяне ёсць усе ўзоры кода, прызначанага адмыслова. Для гэтага прыкладу кода ў друк макета выглядаць цi добра выкарыстоўваць гэтыя дадзеныя:

Адмысловы шрыфт. Перапаўненне аўтамабiль, якi я вырашыць з дапамогай перапаўнення бачным. Сумы будуць узнiкаць аўтаматычна. Бо я бачу iншага колеру тут пакiнуць, я даю дадатковыя зноў колер i колер фону для друку. Бяспека першым чынам

pre,
code {
    font:10pt /2em  "Courier New",Courier, monospace;
    color: black;
    background:white;
    margin-left:2px;
   padding:1em;
    border-left: 1px solid #930;
   overflow:visible!important; 
   white-space:normal;
    width:90%;
    height:auto;}

Сёмы Gustost?ckchen i не забудзьцеся адмысловыя:

Гэта залежыць ад макета.

h1,h2,h3,h4,h5,h6{font-size:13pt;line-height:110%;margin:0;padding:0;}
div.content,
div.contenth {margin-left:0.8em;padding-top:1em;}
h3.comments{font-weight:normal;font-size:11pt;}
body img.wp-smiley {border:none;}

Гэта адно i ведае, дзе яна была надрукавана, i я быў не пакiнута на волю выпадку, як калi б хтосьцi павiнен трымаць галаву i нiжнi калантытулы форму для друку па змаўчаннi. Я маю ў калантытул тут iмя дамена, i я буду друкаваць.

Акрамя таго, можна зрабiць просты, маленькi лагатып толькi для раздрукоўкi.

Цэлым выглядае даволi шмат i доўга, але print.css WebDesign-in.de вiдаць з бягучай выявай: Гэта тэкставы файл, як i ўсё CSS файлы: print.css.

Рэзюмэ ключавых момантаў для друку размяшчэнне print.css.

Што трэба паказаць усё print.css чытаць выраз добра.

Іншыя о: print.css файлам i друкаркам:

  1. Alistapart.com. Застаецца ў сiле артыкулаў з 2002 гады!
  2. Інтэнсiўнай тэрапii
  3. І, вядома SELFHTML: print.css
Published (Last edited): Apr 6 , source: http://www.webdesign-in.de/mts/print-css-und-datei-drucken/