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

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

css Infostart

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

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

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

- Потому что хотелось бы сохранять кликабельность ссылок, раскраску кода и комментарии. Это очень удобно при сохранении в 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 не для всех сразу сделано преднамерянно.

 

 

 

6

См. также

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