トレンド競馬/HTML出馬表の必要部分を、切り貼り、拡大印刷



トレンド競馬/HTML出馬表は、
すべて印刷するにはデータが多すぎるので、
必要な部分を切り貼りして、拡大印刷したいと思います。

◇ 成績欄は過去10走表示


 印刷までの流れ


Firefoxで、トレンド競馬/HTML出馬表 ページを表示
        ↓
[Stylish] で印刷用スタイルを適用、ページを整形表示
        ↓
Firefoxの印刷機能を使い、CubePDF(仮想プリンタ)でPDFファイル化
        ↓
PDF-XChange Viewer PRO を使いぺージのトリミング
        ↓
A4サイズ(横向き)新規ドキュメントを、必要枚数作成
        ↓
スナップショットツールでコピー
        ↓
新規ドキュメントへ貼り付け
        ↓    ↑
ガイドを使ってレイアウト調整
        ↓
トレンド競馬/HTML出馬表を印刷



 準備 [ 関連ソフトのインストール / ツールの使い方 / 手順、等]


Firefox Stylish のインストール

PDF-XChange Viewer PRO のインストール

CubePDF(仮想プリンタ)のインストール

■ ここでは細かい手順/説明をしないので、以下の記事に目を通してください

PDF-XChange Viewer PRO のインストール
PDF-XChange Viewer PRO でページのトリミング
スナップショットツール の使い方
[ スナップ機能 ] の使い方
スナップショットツールを使い Webページの三分間トリミング
Webページをガイドを使いきちんとレイアウト印刷/PDF保存


■ 特に下の記事の [スナップショットツール] 解説部分は、ここの記事のキモなので

競馬予想ウマニティのU指数競馬新聞をA4紙2枚に分割印刷




 [Stylish] で印刷用スタイルを適用、ページを整形表示


印刷用ユーザースタイルを [Stylish] にコピペして
    出馬表ページにスタイルを適用します。

※ Stylishの使い方はこちら

Stylishを使って [ ウェブサイトの見た目を変える ]


■ 整形後の出馬表ページをFirefoxの印刷機能を使い、CubePDFでPDFファイル化
  (Foxit J-Reader Printerでは線の描画がおかしくなります)
※ Firefox「印刷」の [ページ設定]「背景色と背景画像も印刷」をチェック



 PDF-XChange Viewer PRO を使いぺージのトリミング

■ 出馬表の編集作業をしやすくするため不要部分をトリミングしまして..

td001e



 出馬表の編集・拡大・レイアウト

■ スナップショットツールを使って、必要な部分をコピー

td002e

■ 新規ドキュメントへ貼り付け

td003e

■ ガイドを使って・拡大・レイアウト

td004e

■ けっこう手間かかりますけど、できあがり

td005e


 印刷


td0011e




[関連記事]

無料競馬新聞の印刷、無料馬柱の印刷、出馬表の印刷のまとめ





トレンド競馬 の「無料公開中の馬柱」印刷用スタイル


トレンド競馬の「無料公開中の馬柱」ページにある出馬表を
印刷しやすいページに整形するユーザースタイルです。



■ トレンド競馬 - レース情報 - 出馬表

tr001e

■ スタイルを適用すると

td03e

■ スタイルの使い方はこちら
  ・Stylishを使って [ ウェブサイトの見た目を変える ]



■ 印刷用ユーザースタイル

table#tbl_race_data_common,
table#tbl_race_card tr.past_race td.bg01,
table#tbl_race_card tr.past_race td.bg02,
table#tbl_race_card tr.past_race td.bg03 {
background-image: none !important;
}

div#div_race_card {
overflow-y: hidden !important;
}

div#div_race_body {
margin-bottom: 0px !important;
border: none !important;
}

div#whole {
padding-left: 0px !important;
padding-right: 0px !important;
}

div#whole,
table#main_disp,
div#div_race_card,
div#div_race_body,
table#main_disp td.td_race_body {
height: auto !important;
width: auto !important;
}

div#div_race_card { border-bottom-width: 0px !important; }

table#tbl_select_race td.select p {
background-image: none !important;
font-size: 13px !important;
width: 300px !important;
padding-top: 0px !important;
}
table#main_disp {
margin-right: 2px !important;
margin-top: 2px !important;
}

table#main_disp td.td_select_race {
float: right !important;
height: 18px !important;
}

table#tbl_select_race td.select { text-align: right !important; }

div#cntL { margin-left: 0px !important; }

/*-----------------------------------------------*/
div#footer,div#gmenu { display:none !important; }

table#main_disp td.td_race_header { display:none !important; }
.clearfix { display:none !important; }

table#tbl_select_race td.back,
table#tbl_select_race td.next,
table#main_disp td.td_select_tab { display:none !important; }
div#div_race_table_border { display:none !important; }
/*障害レースデータ*/
.data_hurdle_condition { display:none !important; }

.popup { display:none !important; }





トレンド競馬/PDF出馬表をA4紙いっぱいに印刷


トレンド競馬/PDF出馬表は普通に印刷しても、A4紙いっぱいに印刷できますが、
プリンターの余白ぎりぎりまで拡大して印刷するため
よん手間かけて印刷します。(KLAN/PDF出馬表はひと手間でしたが)


 印刷までの流れ


トレンド競馬/出馬表 ページを表示
        ↓
ファイルをダウンロードしてPDF-XChange Viewer で開く
        ↓
PDF-XChange Viewer PRO を使い、[ぺージのトリミング]
        ↓
トレンド競馬/PDF出馬表印刷


 [ダウンロード] → [開く]


トレンド競馬の「無料公開中の馬柱」

td0006e

■ ファイルをダウンロード(横書/縦書)

td0007e

拡張子を変更(Firefoxでダウンロードした場合)

■ 必要に応じリネーム

■ ファイルをPDF-XChange Viewer で開きますが、
  「KLAN/PDF出馬表」同様に、フォントがメイリオ表示になってしまいます。


 ぺージのトリミング


■ ページの切り抜きで手動トリミング

KLAN/PDF出馬表は一回のお手間でしたが、こちらは最低でも四回は必要です。

td20e

■ 四辺の余白をギリギリカット

td023e


■ PDF-XChange Viewer のインストールとトリミングの手順はこちらで確認を..

PDF-XChange Viewer PRO のインストール
PDF-XChange Viewer PRO でページのトリミング
無料競馬新聞(馬柱) 中穴くん をA4紙印刷 (IE編)



 印刷


td22e



[関連記事]

無料競馬新聞の印刷、無料馬柱の印刷、出馬表の印刷のまとめ





トレンド競馬 の「無料公開中の馬柱」を見やすくするスタイル


トレンド競馬の「無料公開中の馬柱」ページにある出馬表を
見やすく(?)整形するユーザースタイルです。
(スクロールバーを消しただけですけど..)



■ トレンド競馬 - レース情報 - 出馬表

tr001e

■ スタイルを適用すると

tr002e

■ スタイルの使い方はこちら
  ・Stylishを使って [ ウェブサイトの見た目を変える ]



■ ユーザースタイル

div#div_race_card {
height: auto !important;
overflow-y: hidden !important;
margin-bottom: 50px !important;
border: hidden !important;
}

div#div_race_body { height: auto !important; border: hidden !important; }

div#footer,table#main_disp td.td_race_header { display:none !important; }

table#tbl_race_card tr.past_race td.bg01,
table#tbl_race_card tr.past_race td.bg02,
table#tbl_race_card tr.past_race td.bg03 {
background-image: none !important;
}





プロフィール

Author:zubolla
  
あ~
めんどくちゃい めんどくちゃい

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム