Каталог решений - infostart: сохранение в удобном виде (свой css) GOOGLE СHROME

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

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 не для всех сразу сделано преднамерянно.

 

 

 

has been added to your cart:
Оформление заказа