Печатаем Яндекс.Карты в Mozilla Firefox на всю страницу

Я почему-то всегда ругал Я.Карты за то, что они очень мелко печатаются.
Оказалось, что если не пользоваться ссылкой «Печать», а просто печатать саму страницу с картой («предварительный просмотр»), то получается вполне неплохо: карта выводится во всю ширину и единственное что портит картину это большая полоса с логотипом вверху:
image

Для того чтобы использовать всё полезное пространство по полной нам надо всего лишь скрыть стилями для печатной версии логотип (Яндексу не убудет, там ещё один в нижнем левом углу останется ;) ) и поднять карту обратно наверх (всё остальное спрячут родные я.картовские печатные стили).

Для этого, в папке «c:\Documents and Settings\user\Application Data\Mozilla\Firefox\Profiles\xxxxxx.default\chrome\» (у всех, понятно, своя) надо создать два файла:
один — userContent.css c содержимым:
@import url(printHacks.css) print;

И, соответственно, сам printHacks.css:
@-moz-document domain("maps.yandex.ru") {
.l-page-m {
top: 0 !important;
}
.b-head-logo {
display: none;
}
}

Теоретически синтаксис позволяет запихнуть всё сразу в userContent.css, но на практике это почему-то не работает, а с @import работает.

Для активации надо просто перезапустить Firefox, хак будет сам подхватываться для всех страниц maps.yandex.ru:
image

P.S.: кстати теперь в printHacks.css можно писать стили для любых сайтов, и срабатывать они будут только при печати.
+19
23 августа 2009, 02:34
8

комментарии (7)

0
delphersf #
Вот гугловый вариант карты, но на весь экран и так:
linkstore.ru/bigmap/
+1
alyonaosen #
Для Firefox было бы удобнее записать в плагин Stylish.
0
overPlumbum #
знаю, с него и начал :)
а потом оказалось что нельзя навесить print сразу, и работает только через @import (я по крайней мере не нашёл как по-другому),
так что в Stylish всё равно пришлось бы делать @import(blahblah.css) print; и где-то ещё этот blahblah.css хранить, что не сильно проще чем сразу поправить userContent.css, — зато ничего дополнительно ставить не надо
0
TiGR #
@media print {
...
}

Не работает?
0
overPlumbum #
одновременно с @-moz-document domain не работает.
об этом много пишут в интернете, вот например: softwaresalariman.blogspot.com/2009/05/css-media-for-firefox-stylish-add-in.html
0
Error_403_Forbidden #
подхватываться
0
overPlumbum #
спасибо

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.