IE用「中穴くんの馬柱」印刷用 ユーザースタイルシート


IE用「中穴くんの馬柱」印刷用 ユーザースタイルシート

使い方は「IEで 馬柱・印刷用スタイルを使う方法」を参考にしてください..





広告削除用スタイル 】

■ スタイル適用前

  ana01uss.png

■ スタイル適用後

  ana02ss.png

■ 印刷プレビュー

  ana03s.png

■ 印刷用スタイル
 
/* 広告・コメント削除 */
.copy,.fs11,.mt60 {display:none !important;}

.dirt,.shiba {background-image: none !important;}

td.banner {visibility: hidden !important;}

/* 背景色 */
table.list {
background-color: transparent !important;
}

/* ボーダー色 */
.shiba div table.list tbody tr td {
border-color: #000000 !important;
}

/* 印欄削除 */
/*td.check {visibility: hidden !important;}*//* 印欄表示用 */
td.check {display: none !important;}/* 表示したい時は削除 */




印刷用スタイル 】

■ スタイル適用後

  ana04ss.png

■ 印刷プレビュー

  ana05s.png

■ 印刷用スタイル
 
/* 広告削除 */
.copy,.fs11,.mt60,td.banner {
display: none !important;
}

.dirt,.shiba {
background-image: none !important;
}

/* 背景色 */
table.list {
background-color: transparent !important;
}

/*----------------------------------------------------*/

/* ボーダー色 */
.shiba div table.list tbody tr td {
border-color: #000000 !important;
}

/*----------------------------------------------------*/

/* 印欄削除 */
/*td.check {visibility: hidden !important;}*//* 印欄表示用 */
td.check {display: none !important;}/* 表示したい時は削除 */

/*----------------------------------------------------*/

/* 父 */
td.h_chichi {
padding: 0px 2px 0px 1px !important;
}

/* 馬名 */
td.h_name {
font-size: 15px !important;/* 12 */
line-height: 1 !important;
padding: 0px 2px 3px 2px !important;
}

/* 母 */
td.h_haha {
padding: 0px 2px 0px 1px !important;
}

/*----------------------------------------------------*/

td.h_kisyu {
font-size: 10px !important;
}

td.s_kisyu {
position: relative !important;
top: -1px !important;
font-size: 11px !important;
line-height: 1 !important;
}

td.h_hahachichi {
font-size: 10px !important;
line-height: 1.1 !important;
}

td.s_togai {
font-size: 10px !important;
}

td.s_course,td.s_kyori,td.s_togai {
font-size: 10px !important;/* 9 */
}

td.s_time {
width: 42px !important;/* 36 */
}

td.s_time_m,td.s_togai_m {
width: 24px !important;/* 22 */
}

/*----------------------------------------------------*/

/* 開催 */
td.course {
font-size: 11px !important;/* 10 */
}

/* 着 */
td.chakujun {
font-size: 18px !important;/* 16 */
padding-right: 2px !important;
}

/* 日時 */
td.date {
font-size: 11px !important;/* 10 */
}

/* レース名 */
span.racename {
font-size: 11px !important;/* 10 */
line-height: 1.1 !important;
}

/* クラス */
span.class {
font-size: 10px !important;/* 8 */
margin-left: 1px !important;
letter-spacing: -1px !important;/* 要 */
}

/* 距離 */
span.kyori {
font-size: 11px !important;/* 10 */
margin-top: 1px !important;
}

/* タイム */
span.time {
font-size: 11.6px !important;/* 10 */
float: right !important;
}

/* 通過順 */
td.tsukajun {
font-size: 10px !important;/* 12 */
line-height: 1.1 !important;
}

/* 馬体重・上がり */
td.bataiju,td.agari {
font-size: 11px !important;/* 10 */
}

/* 頭数 */
td.tosu {
/* padding-top: 1px !important;*//* cabe用 */
text-align: left !important;
width: 110% !important;/* 要 */
}

/* 勝馬 */
td.kachiuma {
line-height: 1.1 !important;
}

/* 着差 */
td.chakusa {
line-height: 1.1 !important;
text-align: left !important;
}

/* 勝馬 */
td.kachiuma {
font-size: 10px !important;/* 9 */
}

/*----------------------------------------------------*/
/* タイトル */

.dirt div {
position: absolute !important;
}

/* レース名 */
td.r_main {
font-size: 12px !important;
left: 2px !important;
}

/* 条件 */
td.r_sub {
font-size: 12px !important;
left: 270px !important;
}

/* 距離 */
td.r_kyori {
font-weight: bold !important;
left: 530px !important;
}

/* 発走時間・登録馬馬柱用 */
td.r_hasso,td.r_kaisai {
left: 640px !important;
}

td.r_hasso {
width: 70px !important;/* ? */
}

/* モノクロ印刷用文字色 */
/*td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
color: #FF0000 !important;
}*//*#FFD700*/

/*----------------------------------------------------*/

/* タイトル上スペース */
td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
position: absolute !important;
top: 0px !important;
}

/* 馬柱とのスペース */
table.list {
margin-top: 6px !important;
}

/*----------------------------------------------------*/

.shiba {
margin: 0 !important;
}

/*----------------------------------------------------*/

データ欄のない馬柱 〛

▼ 印刷プレビューで上余白の調整

ana06s.png

データ欄のない馬柱・スペース調整 〛

ana07s.png

▼ 適当に調整してみてください

ana08s.png



左寄せ・印刷用スタイル 】用紙いっぱい印刷 用 )

■ スタイル適用後

  ana001ss.png

■ 印刷プレビュー

  ana002s.png

■ 左寄せ・印刷用スタイル(上のスタイルにくっつけて使ってください)
 
.shiba div table.list {
float: left !important;
}




モノクロ(白黒)印刷用スタイル 】
 

※ グレースケールで印刷してください
※「ページ設定」→ [背景の色とイメージを印刷] のチェックをはずしてください


■ モノクロ(白黒)印刷用スタイル(上のスタイルにくっつけて使ってください)
 
/* モノクロ印刷用文字色 */
td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
color:#FF0000 !important;
}/*#FFD700*/

/* レース名/日時 */
span.racename,td.date {color: #000000 !important;}

/* 厩舎・所属 */
span.h_syozoku {color: #5050FF !important;}




無料競馬新聞(馬柱)中穴くん の印刷用スタイル(2)



文字が大きく成績欄レイアウトも見やすい
各場メインレースの馬柱は、ほぼ競馬新聞


[ 無料競馬新聞(馬柱)中穴くん ]を

Firefox
の印刷機能を使って、
PDFファイル化するための印刷用ユーザースタイルです。
[ Stylish ] にコピペして使ってください。

《 使いかたはこちらで 》
   [zubolla.メモ]  Stylishを使って [ ウェブサイトの見た目を変える ]




以前のスタイルの「馬名」フォントが少し小さかったので、
    チョイ大きくしてみました。
    ほかにも、細かいところ手直ししてます。



■ スタイルを適用してPDF化のち、ぎりぎりトリミングで印刷すると(イメージ)

2012-05-17_e

[zubolla.メモ]  無料競馬新聞(馬柱) 中穴くん をA4紙印刷 (Firefox編)



■ Firefox印刷用スタイル(2) [2012/05/19]
(Firefox「印刷」の「ページ設定」[背景色と背景画像も印刷] のチェックを入れて印刷)
/* 削除 */
.copy, .fs11, .mt60, td.banner {display:none !important;}
body.dirt,body.shiba {background-image: none !important;}
/*----------------------------------------------------*/

body.shiba div table.list {float:left !important;}
/*----------------------------------------------------*/

table.margin_tl {margin-left: 2px !important;}
/*----------------------------------------------------*/

table.list {margin-left: -2px !important;}/* 追加 */
table.list {border-color: #000000 !important;}
/*----------------------------------------------------*/
/* 父 */
td.h_chichi {padding:0px 2px 0px 1px !important;}
/* 馬名 */
td.h_name {
line-height: 1.0 !important;/* 追加 */
font-size: 15px !important;/* 12 *//* 変更 */
padding:0px 2px 3px 2px !important;
}
/* 母 */
td.h_haha {padding:0px 2px 0px 1px !important;}
/*----------------------------------------------------*/

/* 追加 */
td.tsukajun,span.racename {
line-height: 1.2 !important;/* 1.1 td.tosu,*/
}
td.kisyu {
padding-top: 1px !important;
line-height: 1.2 !important;/* 1.1*/
}
td.bataiju,td.agari,span.racename,td.date,td.course {
font-size: 11px !important;/* 10 */
}
td.kachiuma {font-size: 10px !important;}/* 9 */
td.s_kisyu,td.s_togai {font-size: 10px !important;}
td.s_course,td.s_kyori,td.s_togai {font-size: 10px !important;}/* 9 */

td.s_time {width: 42px !important;}/* 36 */
td.s_time_m,td.s_togai_m {width: 24px !important;}/* 22 */

/*----------------------------------------------------*/

table.margin_lr {width: 100% !important;}
/* 開催 */
td.course {line-height: 1.1 !important;}/* 1 */
/* 着 */
td.chakujun {
font-size: 18px !important;/* 16 *//* 変更 */
padding-right:2px !important;
width: 19px;
}
/* クラス */
span.class {
font-size: 10px !important;/* 8 */
margin-left: 2px !important;
}
/* 距離 *//* 追加 */
span.kyori {
position: absolute !important;
font-size: 11px !important;/* 10 *//* 問題あれば削除 */
}
/* タイム */
span.time {
font-size: 12px !important;/* 10 *//* 変更 */
float: right !important;/* 追加 */
margin-right: 1px !important;/* 変更 */
}
/* 通過順 */
td.tsukajun {font-size: 11px !important;}/* 12 */
/* 頭数 */
td.tosu {
padding-top: 1px !important;/* 変更 */
text-align: left !important;
width: 110% !important;
}
/* 勝馬 */
td.kachiuma {
line-height: 1.1 !important;/* 1 */
padding-bottom: 1px !important;
}
/* 着差 */
td.chakusa {
text-align: left !important;
padding-bottom: 1px !important;
}
/*----------------------------------------------------*/
/* レース名等 */

/* モノクロ印刷用文字色 */
/*td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
color:#FF0000 !important;
}*//*#FFD700*/

.dirt div { position:absolute !important;}

/* レース名 */
td.r_main {
font-size: 12px !important;
left:5px !important;
}
/* 条件 */
td.r_sub {
font-size: 11px !important;
left:300px !important;
}
/* 距離 */
td.r_kyori {
font-weight: bold !important;
left:590px !important;
}
/* 発走時間 */
td.r_hasso {left:700px !important;}
/* 登録馬馬柱用 */
td.r_kaisai {left:700px !important;}

/*----------------------------------------------------*/
/* 以下の部分は、色々調整してみてください */
/* スペース調整 */
td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
position:absolute !important;
top:0px !important;/*スペースほしい方は適当に*/
}
/* 馬柱とのスペース */
/*table.list { margin-top:40px !important;}*/
table.list { margin-top:6px !important;}
/*----------------------------------------------------*/
/* モノクロ印刷用文字色 */

/* レース名/日時 */
/*span.racename,td.date {color: #000000 !important;}*/
/* 厩舎・所属 */
/*span.h_syozoku {color: #5050FF !important;}*/
/*----------------------------------------------------*/
/* 追加 */
tr td table tbody tr td.check {display:none !important;}
/* 追加 */
td.racename {letter-spacing: -0.3px !important;}

td.check {visibility: hidden !important;}
/* td.check {display:none !important;} */




■ モノクロ(白黒)印刷専用スタイル(グレースケールで印刷してください)



■ 追記:一行追加(H25.1.23)
■ 追記:三行追加(H25.9.15)



[関連記事]

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





無料競馬新聞(馬柱) 中穴くん をA4紙印刷 (Firefox編)



無料競馬新聞(馬柱) 中穴くん
A4紙いっぱいに、印刷します。


 印刷までの流れ


Firefoxで、中穴くん馬柱 ページを表示
        ↓
[Stylish] で印刷用スタイルを適用、ページを整形表示
        ↓
Firefoxの印刷機能を使い、仮想プリンタでPDFファイル化
        ↓
PDF-XChange Viewer PRO を使いぺージのトリミング
        ↓
中穴くん馬柱 を印刷



 準備 


■ 手順はほとんど、下と一緒なので参考にして下さい。

[zubolla.メモ]  無料競馬新聞(馬柱) 中穴くん をA4紙印刷


■ 違うのは、中穴くん印刷用スタイルを適用するところくらい..

[zubolla.メモ]  無料競馬新聞(馬柱)中穴くん の印刷用スタイル
[zubolla.メモ]  無料競馬新聞(馬柱)中穴くん の印刷用スタイル(2)



 [PDFファイル化] → [ぺージのトリミング] → [印刷] 


◇ 中穴くん印刷IE編とは設定とか少し違うので、いろいろ試して自分流を..

■ 印刷用スタイルを適用

ch001e

■ カラー印刷の場合
  「印刷」の「ページ設定」[背景色と背景画像も印刷] のチェックを入れる

td006e


■ ぺージのトリミング

ch002e

■ ぎりぎりトリミング

ch003e

■ 印刷

ch004e




[関連記事]

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





無料競馬新聞(馬柱)中穴くん の印刷用スタイル



文字が大きく成績欄レイアウトも見やすい
[ 無料競馬新聞(馬柱)中穴くん ]を

Firefox
の印刷機能を使って、
PDFファイル化するための印刷用ユーザースタイルです。
[ Stylish ] にコピペして使ってください。

《 使いかたはこちらで 》
   [zubolla.メモ]  Stylishを使って [ ウェブサイトの見た目を変える ]




■ Firefoxで印刷すると、スマート馬柱がこんなことに..

   左がIEの印刷プレビュー、右がFirefox、 成績欄のレイアウトが崩れています。
cana6        cana17b



■ 適用前

cana1b

■ スタイルを適用すると

cana2b

[zubolla.メモ]  無料競馬新聞(馬柱) 中穴くん をA4紙印刷 (Firefox編)



■ Firefox印刷用スタイル [2012/04/15:更新]
(Firefox「印刷」の「ページ設定」[背景色と背景画像も印刷] のチェックを入れて印刷)
/* 削除 */
.copy, .fs11, .mt60, td.banner {display:none !important;}
body.dirt,body.shiba {background-image: none !important;}
/*----------------------------------------------------*/

body.shiba div table.list {float:left !important;}
/*----------------------------------------------------*/

table.margin_tl {margin-left: 2px !important;}
/*----------------------------------------------------*/

table.list {border-color: #000000 !important;}
/*----------------------------------------------------*/
/* 父 */
td.h_chichi {padding:0px 2px 0px 1px !important;}
/* 馬名 */
td.h_name {
font-size: 12px !important;
padding:0px 2px 3px 2px !important;
}
/* 母 */
td.h_haha {padding:0px 2px 0px 1px !important;}
/*----------------------------------------------------*/

table.margin_lr {width: 100% !important;}
/* 開催 */
td.course {line-height: 1.1 !important;}/* 1 */
/* 着 */
td.chakujun {
font-size: 17px !important;/* 16 */
padding-right:2px !important;
width: 19px;
}
/* クラス */
span.class {
font-size: 10px !important;/* 8 */
margin-left: 2px !important;
}
/* タイム */
span.time {
font-size: 11px !important;/* 10 */
margin-left: 2px !important;
}
/* 通過順 */
td.tsukajun {font-size: 11px !important;}/* 12 */
/* 頭数 */
td.tosu {
text-align: left !important;
width: 110% !important;
}
/* 勝馬 */
td.kachiuma {
line-height: 1.2 !important;/* 1 */
padding-bottom: 1px !important;
}
/* 着差 */
td.chakusa {
text-align: left !important;
padding-bottom: 1px !important;
}
/*----------------------------------------------------*/
/* レース名等 */

/* モノクロ印刷用文字色 */
/*td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
color:#FF0000 !important;
}*//*#FFD700*/

.dirt div { position:absolute !important;}

/* レース名 */
td.r_main {
font-size: 12px !important;
left:5px !important;
}
/* 条件 */
td.r_sub {
font-size: 11px !important;
left:300px !important;
}
/* 距離 */
td.r_kyori {
font-weight: bold !important;
left:590px !important;
}
/* 発走時間 */
td.r_hasso {left:700px !important;}
/* 登録馬馬柱用 */
td.r_kaisai {left:700px !important;}

/*----------------------------------------------------*/
/* 以下の部分は、色々調整してみてください */
/* スペース調整 */
td.r_main,td.r_sub,td.r_kyori,td.r_hasso,td.r_kaisai {
position:absolute !important;
top:0px !important;/*スペースほしい方は適当に*/
}
/* 馬柱とのスペース */
/*table.list { margin-top:40px !important;}*/
table.list { margin-top:6px !important;}
/*----------------------------------------------------*/
/* モノクロ印刷用文字色 */

/* レース名/日時 */
/*span.racename,td.date {color: #000000 !important;}*/
/* 厩舎・所属 */
/*span.h_syozoku {color: #5050FF !important;}*/
/*----------------------------------------------------*/





■ モノクロ(白黒)印刷専用スタイル(グレースケールで印刷してください)



[関連記事]

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




無料競馬新聞(馬柱) 中穴くん をA4紙印刷 (IE編)



文字が大きく成績欄レイアウトも見やすい
無料競馬新聞(馬柱)中穴くん をA4紙にモノクロ(白黒)印刷します。
 
元々文字が大きいので ギリギリ印刷の必要はないですが
いらない部分は、カットして印刷したいですよね..
 
以下に、zubolla流のそれを 紹介します。



 印刷までの流れ


IEで 中穴くん 馬柱ページを表示
        ↓
IEの印刷機能を使い、仮想プリンタでPDFファイル化
        ↓
PDF-XChange Viewer を使い、ぺージのトリミング
        ↓
中穴くん 馬柱を PDF-XChange Viewer で印刷


 


☆ なぜIEを使うのか?(他のブラウザじゃだめなの?)



 準備  [ 関連ソフトのインストール /「印刷」ボタンを表示 ]


・PDF-XChange Viewer PRO のインストール
・PDF仮想プリンタードライバのインストール
「印刷」ボタンの表示
   がまだの方は..



 PDFファイル化(IE9で印刷)


■ PDFファイル化よく分からない方は

続きを読む (zubolla流なのでもっといい方法/設定あるはずです)


☆ ファイルを開いたら2ページに分割されていた...そんな時は
    [zubolla.メモ]  PDF-XChange Viewer PRO でページの削除
 
  (印刷時ページ指定すればいいだけかもしれませんが)


 ページのトリミング


■ 詳しい解説はこちらで

[zubolla.メモ]  PDF-XChangeViewer PRO でページのトリミング





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

「ページの切り抜き」ボタンで
「ページのトリミング」ダイアログを起動します。

XViewer-cut5
《 マウスドラッグでトリミング 》

cana11


《 微調整はマウスでカチカチと 》

cana12

《 印刷ボタンで印刷ダイアログ起動 》

XViewer-cut15

《 印刷ダイアログで設定 / プレビュー 》

cana13

《 プレビューを見てもう少し調整したいときは、もう一度ページのトリミング 》

XViewer-cut5
 印刷


・印刷ダイアログの「印刷」で印刷
・あとで印刷するなら、仮想プリンタドライバでPDFファイル化しておきます。




 モノクロ(白黒)で印刷


zubollaはモノクロ(白黒)しかしません
[zubolla.メモ]  モノクロ(白黒)で印刷するための設定



KLAN17

※ カラー印刷したい方は、PDFファイル化する時に
    ブラウザの印刷設定を それ用にして下さい。



 終了


終了してウィンドウを閉じる前に次のようなダイアログがでますが、
もちろん「いいえ」を押します。



2012-04_e


 バージョン情報 (動作確認認日: 2012年3月)

Windows 7 Home Premium (64bit版)
Internet Explorer 9 (32bit版)



[関連記事]

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





プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム