infostart: сохранение в удобном виде (свой css) GOOGLE СHROME

Сообщество - Инфостарт

Сохранение публикаций в удобном формате без "Лишних полей"

Как часто Вам приходится сохранять публикации или статьи (гусары с вечным инетом  молчать!!!). А порой так хочется  почитать в пути или сохранить для потомков описания высказываний мудрецов наших дней. Но  верстальщики и кодеры, жизнь коих обрывается при обрыве связи, не понимают ценность хранения информации для оффлайн. И Ваш покорный слуга решил по мере времени и знаний помочь с данным  вопросом.

-Почему не через значёк принтера? 

- Потому что хотелось бы сохранять кликабельность ссылок, раскраску кода и комментарии. Это очень удобно при сохранении в PDF.

Итак нам нужно :

1) Браузер  Хром, (ДЛЯ Мазила Опера будет отдельные статьи по просьбе желающих) (IE и Сафари не рассматривается в принципе )

2) Плагин stylebot

ссылка для хрома https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha

3) 5 минут времени

 

Итак открываем ссылку в хроме и добавляем плагин, видим вот такой значёк

 

открываем  любимую публикацию и жмем 

на 

у нас открывается вот такая картинка 

 

 

Далее вставляем содержимое нашей таблицы стилей 

@media print {
  hidden-sm {    
    display: none;
  }
}

@media print {
  .gdparent {    
    display: none;
  }
}

@media print {
  #comp_bbe3a6965eee935ecde0cfa8bb3934ae {    
    display: none;
  }
}

@media print {
  .forum-reply-form {    
    display: none;
  }
}

@media print {
  .similar-public-wrap {    
    display: none;
  }
}

@media print {
  #left-panel {    
    display: none;
  }
}

@media print {
  .hidden-sm {    
    display: none;
  }
}


@media print {
  #header {    
    display: none;
  }
}

@media print {
  .page-footer {    
    display: none;
  }
}

и жмем Save.

Обновляем стараницу и жмем сочетание Ctrl+P

И наблюдаем публикацию без "лишних элементов".

На Оформление онлайн это не влияет. 

 Для тех кто знает css -  @media print не для всех сразу сделано преднамерянно.

 

 

 

См. также

Комментарии
1. Роман Осадченко (cleaner_it) 210 03.11.14 12:49 Сейчас в теме
Здорово) Пригодится для печати
2. VVV Vit (V_V_V) 03.11.14 15:51 Сейчас в теме
Работает. Проверено на Chrome в Ubuntu.
Может конечно какие-то тонкости и не выстрелили, но я не такой спец по CSS чтоб критиковать...
3. Александр Зубцов (iov) 361 03.11.14 16:02 Сейчас в теме
(2) V_V_V, ссылки на соц сети не имеют Id - css их не удалось вырезать. Но если нажать на cancel - появятся настройки изменения схемы. Инструкцию можно найти на русском языке.
4. Роман Ложкин (webester) 22 04.11.14 09:08 Сейчас в теме
Мне казалось, что родная версия для печати, очень удобная. Нет? По крайней мере "лишних" полей я там не обнаружил.
https://api.monosnap.com/image/download?id=saQii1wJ8A9HtJbl06yv0C4xCgB4Qh
5. Pavel Fomin (Pasha1st) 497 04.11.14 11:48 Сейчас в теме
Вообще в IE тоже есть консоль с возможностью править стили, вызывается по F12.
С другой стороны в бумагу переводить статьи мне как-то не требовалось, удобнее сохранить страницу на диск или уж "распечатать" в PDF - в Chrome есть встроенный виртуальный PDF-принтер.
6. Александр Зубцов (iov) 361 04.11.14 13:38 Сейчас в теме
(5) Pasha1st, Да именно для этого я себе это и делал. Переводить в PDF но это выглядит также как печать (почти).
7. Александр Зубцов (iov) 361 04.11.14 13:39 Сейчас в теме
Если у кого-то не срабатывает - проверьте список расширений браузера возможно у вас уже установлен например адблок (крайне не рекомендую его на этом ресурсе)
8. Александр Зубцов (iov) 361 04.11.14 14:02 Сейчас в теме
(4) webester, А я вас понял))) Вы нажали на "принтер" слева я же говорю про печать через CTRL+P )))) + сохранил комментарии так как в них порой самое ценное. А так же сохраняются цветовые схемы раскраски кода. Ну в общем немного не так ))) А и да ссылки остаются кликабельными при сохранении в PDF
9. Андрей Акулов (DrAku1a) 1201 05.11.14 10:53 Сейчас в теме
(0) Автор, что ещё за GHROME в названии???
10. Александр Зубцов (iov) 361 05.11.14 15:28 Сейчас в теме
(9) DrAku1a, да это не буква ... это чертов планшет.. спасибо поправил. (Чтоб я еще раз на планшете в пути попытался что-то написать (((( все проклял ).
11. Артур Аюханов (artbear) 865 08.11.14 00:39 Сейчас в теме
(0) Приложи скриншот-пример результата работы.
12. Александр Зубцов (iov) 361 08.11.14 03:35 Сейчас в теме
13. Константин Соболевский (Константин С.) 488 18.11.14 10:20 Сейчас в теме
много кнопок evernote + дополнение для браузера которое загоняет статью (5 вариантов). И далее читай в дороге сколько хочешь.
14. Александр Зубцов (iov) 361 18.11.14 10:32 Сейчас в теме
(13) Константин С., у меня стоит evernote . Я писал про конкретно сохранение в PDF или для печати. и если будете сохранять обратите внимание на то как сохранить комментарии не сохраняя элементы между ними и статьей.
15. Константин Соболевский (Константин С.) 488 18.11.14 10:52 Сейчас в теме
(14) iov, ню, да каждый решает свои потребности. Я комментарии редко сохраню.
16. Александр Зубцов (iov) 361 18.11.14 12:52 Сейчас в теме
(15) Константин С., Ага. Мы вообще люди существа привередливые. )))
17. Андрей Акулов (DrAku1a) 1201 30.12.14 02:42 Сейчас в теме
(10) iov, с планшетом тоже можно - только нужен чехол со встроенной клавиатурой. Тогда он как ноутбук будет почти. В крайнем случае - можно цеплять обычную USB-клавиатуру через переходник. Это если у Вас "Android", конечно!
18. Александр Зубцов (iov) 361 30.12.14 03:56 Сейчас в теме
(17) DrAku1a, да есть у меня такое только вот зарядить надо )))
19. Доржи Цыденов (support) 4469 10.02.15 09:10 Сейчас в теме
А почему не использовать кнопку слева - Печать?
http://infostart.ru/print/310602/
20. Александр Зубцов (iov) 361 10.02.15 21:44 Сейчас в теме
(19) support, Привет. А потому что на момент написания - она сохраняла без раскраски. и комментарии не сохраняет (а там порой ценное есть).
Но на данный момент там не хватает только комментариев и все. )
21. Александр Зубцов (iov) 361 10.02.15 21:45 Сейчас в теме
(19) support, А и да статья уже не актуальна можно ей в архив сдавать. )))
Оставьте свое сообщение