Блог им. madduck / Print.css — стиль для печати для wordpress


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


Источник: Уроки CSS на Хабрахабре


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.


4 августа 2009  0 5 954   Версия для печати


Похожие публикации

alarm2b.ru - корпоративный сайт для автохолдинга "Аларм Моторс"

Новый корпоративный сайт, разработку которого наша студия завершила в очень сжатые сроки (чтобы успеть к 1 сентября 2014 года), заказчик перенес к себе и нашими силами стал его активно наполнять... читать далее

Блог им. AYShestakov / [Ссылка] Еще одна «песочница» для CSS+HTML

Эту песочницу можно использовать для различных экспериментов с CSS и HTML в различных браузерах (IE не поддерживается похоже совсем). http://jsfiddle.net/ вроде бы как предоставляет больший... читать далее

Блог им. RayZ / Задача: Кнопки в Internet Explorer и волшебные пространства

Столкнулся с проблемой укрощения кнопок под Internet Explorer. Для наглядности имеем следующий код: <html>   <style type="text/css">     .hacked {       width:auto;... читать далее

.NET / Ссылка Fizzler: A CSS Selector Engine for C#

Библиотека, которая позволяет в C# парсить строки с html, используя CSS-селекторы: SelectorEngine engine = new SelectorEngine(htmlString); IList nodes = engine.Parse("#p>a"); Источник:... читать далее

Яндекс / Ссылка Информация о поисковых запросах для вашего сайта

В сервисе Яндекс. Вебмастер появился отчет "Поисковые запросы". В нем отображается информация о 25 запросах, по которым сайт наиболее часто показывался в результатах поиска, а также о 25... читать далее

Web-разработка / Ссылка AM framework (HTML+CSS+JS)

Данный фреймворк, есть не что иное, как шаблон сайта "на все случаи жизни". Я ни в коем случае не претендую на лавры творца! И абсолютно не надеюсь на признание моей верстки идеальной. Весь... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте