Web ㌻ を「Clearly」で整形して ScrapBook に保存する方法


Webページ(html)を「Clearly」で整形して ScrapBook に保存する方法


Firefox アドオン「Clearly」は
閲覧中のWebページから広告やリンクを消して、
ブログやニュース記事を読みやすく表示してくれます。


 
Firefox で ページを表示
○○○
Clearly でページを整形
○○○
■ ページを「すべて選択」⇒ ScrapBook で「選択範囲を保存
○○○
■ [保存ページ] を DOMイレーサーで編集(ほか 編集ツール
すべてのFRAMEタグを削除」でゴミ掃除(必須)
ScrapBook の「保存」ボタンで変更の保存
○○○
■ 不要ファイルを削除するために 右クリックメニューから
  「ページを保存」でページの再保存を行います。
○○○
■ 最初の[保存ページ](再保存前ページ)を削除して終了
 
  ※ 再保存ページのアイコンが表示されなくなった場合





関連記事

「Print Edit」フォーマット


 
■ フォーマット(選択した要素のCSSプロパティ値を変更)


プロパティ・Flsgs


■ プロパティ
 

書式プロパティは、[クイックスタイル]セクションのボタン または
[プロパティ]セクションで、チェックボックスにチェックを入れて個別に適用できます。
いくつかのプロパティの値は、小さな矢印ボタンをクリックすることで変更できます。
[プロパティ]セクションは"シェブロン"ボタンで、表示​​または非表示にできます。


  fmth_111ss.png

□ 左:auto
□ 最上部:auto
□ 幅:auto
□ 高さ:auto
□ マージン:0 / 5 / 10 / 15 / 20 px
□ パディング:0 / 5 / 10 / 15 / 20 px
枠線:0 px
アウトライン:0 px
float:none / left / right
clear:none / left / right / both
overflow:visible
□ 文字色:黒
□ 背景色:白
フォントファミリ:Arial / Times
フォントスタイル:normal
□ フォントサイズ:10~20 / 22~30 px
行の高さ:1.0~1.5
□ テキストの配置:left / right / center
テキストの装飾:none
□ 上下の整列:baseline
リストのスタイル:none / disc(黒丸)
□ テーブルの枠線:collapse




■ Flsgs

  fmth_002s.png

□ 入れ子のサブ要素にも適用:
□ 優先度(重要)を適用:




クイックスタイル


■ クイックスタイル
 

・各[クイックスタイル]ボタンは、グループ(複数プロパティ)を一括チェックします。
 
・グループのすべてが有効な [クイックスタイル] のボタンは 緑色になります。
 
・グループの一部が有効な [クイックスタイル] のボタンは 琥珀色になります。
 
・琥珀色状態のボタンをクリックすると、グループのプロパティは
  すべてチェックされ ボタンも 緑色になります。
 
・緑色状態のボタンをクリックすると、グループ内のすべてのチェックがはずされ
  ボタンは着色なし(無効)になります。


  fmtr_22s.png



■ プレーンテキスト
fmth_03ss.png


文字色:黒
背景色:白
フォントファミリ:Arial / Times
フォントサイズ:10~20 / 22~30 px
行の高さ:1.0~1.5
テキストの配置:left / right / center





■ マージンを縮小
fmth_04ss.png


マージン:0 / 5 / 10 / 15 / 20 px
パディング:0 / 5 / 10 / 15 / 20 px
overflow:visible
テーブルの枠線:collapse





■ ブロックを整える
fmth_05ss.png


左:auto
最上部:auto
float:none / left / right
clear:none / left / right / both





■ 装飾なし
fmth_06ss.png


枠線:0 px
アウトライン:0 px
フォントスタイル:normal
テキストの装飾:none
上下の整列:baseline
リストスのタイル:none / disc(黒丸)





■ コンテンツに合わせる
fmtd_12ssss.png


幅:auto
高さ:auto







■ すべてのチェックをはずす

  fmth_0ss.png

■ すべてチェックする

  fmth_00ss.png




関連記事

Webページを編集して印刷・保存する「Print Edit」の使い方


 

Webページを編集(不要な部分を消して)から印刷・保存できる Firefox アドオン。
 
Print Edit


ほかのDOM削除系アドオンにない機能 〛
 
要素を"隠す"機能で ページレイアウトに影響を与えない
複数要素を選択後、一括編集ができる



編集開始


 
■ ツールバー上のボタンから起動するのがいちばん簡単です。(デフォルト設定

  PriEd02s.png

■ ボタンの ドロップダウン・メニュー項目

  PriEd01s.png

■ 起動すると編集ツールバー・編集画面が表示されます。

  PriEd03s.png


※ ほかにも、
印刷プレビュー」の「編集」ボタンから起動
※ ページの右クリックメニュー → 印刷 →「Print Edit」から起動
※ と.. 起動方法は いろいろあります。



選択方法


 
■ 編集ページ上でマウスを動かすと、赤い枠が出てきます。(ブロック要素上で)
 
■ その枠内をクリックすると、枠線が点線に変わり選択が確定されます。
もう一度同じ枠内を クリックすると枠の選択が解除されます。

  PriEd_7ss.png  PriEd_8ss.png

■ 選択部分の確定後に 次の選択をすることができるので、
    選択部分を複数指定できます。

  PriEd_9s.png

■ マウスドラッグで 複数要素を一緒に選択・選択解除できますボックスをキャプチャ

  PriEd_3s.png  PriEd_2s.png

※ [Ctrl]キー + マウスドラッグで選択すると 複数要素を選択解除
※ [Shift]キー + マウスドラッグで選択すると グラフィック要素のみを選択できます。

 
■ 選択が確定したら以下の各種メニューボタンを選択することにより
  (編集メニューがアクティブに変わり)編集が可能になります。



編集ツールバー


■ 選択メニュー 選択解除
 

[選択メニュー](未選択時):すべて選択
[選択メニュー](未選択時):グラフィックを選択


  PriEd05s.png
 

[選択解除]:全ての選択を解除


  PriEd06s.png


■ 要素を 隠す 削除
 

[隠す]:選択した要素を隠します。(ページのレイアウトに影響を与えません)
[削除]:選択した要素を削除します。(レイアウトに影響を与えることがあります)
[他の要素を隠す]:選択した要素以外を全て隠す。(レイアウトに影響を与えません)
[他の要素を削除]:選択した要素以外を全て削除する。(レイアウトに影響します)


  PriEd07s.png

□ [他の要素を削除]ドロップダウン・メニュー(機械翻訳しただけなので?)
 

[制限]:上位レベル要素からの 位置・サイズ制限を適用します。
[... Without Margins]:上記と同じですが、選択した要素から余白を削除します。
[制限解除]:上位レベル要素からの 位置・サイズ制限を削除します。
[... Without Margins]:上記と同じですが、選択した要素から余白を削除します。


  PriEd08s.png


フォーマット(選択した要素のCSS定義を変更)

■ 元に戻す(やり直す 一つ前の操作に戻る) すべて元に戻す

  PriEd_0s.png

ファイルに保存

  PriEd10s.png

■ テキスト要素(テキストの個々の選択や編集が可能に..)

  PriEd11s.png

■ Webスタイル (CSSプリントスタイルシートを適用/無効に?)

  PriEd12s.png

■ プレビュー

編集が終わったらプレビューボタンをクリックして印刷プレビュー画面を表示します。

PriEd_1s.png

あとは、普通に印刷する時と同じです。
もう一度編集作業を行うときは、右上の編集ボタンをクリックします。


 
  PriEd_4.png

□ 編集が終了したら左上の印刷ボタンをクリック

  PriEd_5.png

■ 閉じる(編集ウィンドウを閉じて「Print Edit」を終了します)



 

プロパティ確認


■ 選択した要素のCSSプロパティ値を 右クリックで確認

  PriEd_6s.png


フォーマット


■ 選択した要素のCSSプロパティ値を変更することがきます。

  fuyh_0sss.png



名前を付けて保存


編集されたウェブページは、[Save As]ボタンをクリックして、
ファイルとして保存することができます。


Saving Edited Pages
 
An edited web page can be saved as a file by clicking on the Save As button.
 
The save page feature provides access to all of Firefox's standard save methods. It is also compatible with the Mozilla Archive Format (MAF) add-on, which provides access to MAF's own save methods and to the UnMHT add-on's save methods.
 
Note that saving as "Web Page, complete" always uses Firefox's standard save method, and ignores MAF's "When saving complete web page contents" option.
 
The best results are obtained by using the UnMHT add-ons's save methods, but the other methods also usually give good results.
 
When closing Print Edit, there is an option for the user to be asked whether to close without saving the edited web page.
 
When re-editing a saved edited web page, the user will be asked whether to retain or discard the edits from the previous session.



■「UnMHT」か「MAF」をインストールすれば mht ファイルで保存できます。

  hzon02s.png


■「MAF」をインストールすれば maff ファイルで保存できますMozilla Archive Format

  hzon01s.png


■「Print Edit」からの「名前を付けて保存」では、「MAF」オプション 設定は無視され
     mht maff とも「ブラウザの標準機能を使う」での出力となります。

▼ MAF(Mozilla Archive Format)オプション

  savpm01s.png
完全な Web ページの保存:
 
ブラウザの標準機能を使う
○ "Save Complete"を使いスクリプトとソースを維持する(Firefox 19.0 使用不可)
○ ページの忠実なスナップショットを取る
 
    □ 他のブラウザと完全に互換性のある MHTML ファイルを作成する

アプリケーションキー から「ScrapBook」へ保存もできます



オプション設定


 
■ ボタン:既定のアクション (印刷... / 印刷プレビュー / Print Edit)
■ ツールバー:ツールバーのレイアウトをコンパクトにする
■ コマンド:「隠す」後に要素を選択可能にする
■ コマンド:「元に戻す」後、ボックスの選択を再開する
■ コマンド: 閉じる際の保存について尋ねない

  PriEd21s.png

■ ハイライトボックス(選択時)

枠線の色と線の太さを設定します。


■ 選択ボックス(選択確定時)

枠線の色と線の太さを設定します。


■ ボックスをキャプチャ(複数選択矩形)

枠の色と領域の不透明度を設定します。
 
Web ページの端までのスタートポイント位置:
キャプチャボックスのスタートポイントがエッジにスナップされる距離を設定します。
(キャプチャ領域の開始点は、Webページの端に近い場合は、エッジにスナップします)





キーボード操作


■ キーボードショートカット

-------------------------------------------

【(Alt)】+
 
【Deselect(S)】
【Hide(H)】
【Delete(D)】
【Hide All Except(I)】
【Delete All Except(E)】
【Format(F)】
【Undo(U)】
【Undo All(N)】
【Save As(A)】
【Text (T)】
【Web (W)】
【Preview(P)】
【Close(C)】

-------------------------------------------

• Deselect - Return key.
• Hide - Insert key.
• Delete - Delete key.
• Undo - Backspace key.

-------------------------------------------

• アプリケーションキー:Firefox コンテキストメニュー




関連記事

htmlを「Print Edit」で編集して ScrapBook に保存する方法


 

Webページを見たまま保存できる「ScrapBook」が
 
Webページのレイアウトを変えずに 編集できる「Print Edit」を使うことで
 
最強の Webページ保存ツールになるっ!
 
と..思います..

追記:現在のバージョンではこの方法↓が使えなくなりました。



Webページを「Print Edit」で編集して ScrapBook に保存する方法


 
Print Edit」って 印刷専用と思ってたら 普通に ScrapBook に保存できました。

 
■ Print Edit を起動中に キーボードの アプリケーションキー を押すと

  mkey.jpg

■ Firefox のコンテキストメニューが表示されので あとは
    ScrapBook 保存項目を選択するだけです。

  cmnus.png



描画比較


 
■ Firefox で表示したページ■「ScrapBook」で保存したページ

  Print Edit _1s  Print Edit _2s

■「Print Edit」で編集後「ScrapBook」で保存したページ

  Print Edit _3s



他の保存形式の描画比較


 
※「Print Edit」の保存機能からの保存(Firefox の「名前をつけて保存」ではありません)
 


mht ファイル( mhtファイルの問題点 )※ 設定:ブラウザの標準機能を使う
maff ファイル( Mozilla Archive Format )※ 設定:ブラウザの標準機能を使う
 
    元のページと微妙にちがいます。

  PE4s.png



■ IE で表示したページ○○○ ■ mht ファイルを IE で表示

  iest01.png  iesht02s.png



※「UnMHT」で作成した mht ファイルを Firefox で表示 ScrapBook で保存すると
    画像が保存されません。(MAFで保存した mht maff ファイルは問題ありません)

  PE6s.png    peged03s.png

※ 設定で対応できるのかも?



他の保存形式とのサイズ比較


保存サイズ 】(編集なしで保存)

■ mht maff ファイル(1,087KB)(395KB)

  h06_65ss.png

 
■ mht maff ファイルを Firefox で表示
    ScrapBook で「ページを保存」(29個 333KB)

  peged05ss.png

 
■ Webページを ScrapBook で「ページを保存」(49個 408KB)

  peged04ss.png



maff ファイルとの比較


 
■ maff で保存すると スクリプトを含めた保存ができます(ある程度完全な?)

  h06_53s.png

■ maff(zip圧縮)を解凍すると..(395KB → 945KB)

  h06_56s.png

□ index_files フォルダ

  h06_57us.png
 

□ index.html をダブルクリックして IE で表示(解凍すればIEで表示できます)

  PE5s.png



■ ScrapBook で「ページを詳細に保存」
 
■ JavaScritpをチェック

h06_58ss.png

■ 63個 1.71MB になります。

h06_59s.png

■ maff で保存したページを Firefox で表示し、ScrapBook で「ページを詳細に保存」
    47個 1.75MB(なんでサイズが大きくなるの?)

h06_52ss.png




mhtファイルの問題点 】

・テキストファイルである
・オフラインでは再現性が落ちる


【mht(*.mht)で保存】

リンクや画像などの参照先が絶対パスになるのでオフラインでは見れない。


【Webページ、完全(*.htm,*.html)で保存】

htmlの他に画像やCSS、JSファイルなど付随するファイルを階層を保持したまま一緒に保存されるので、オフラインでも見れる。
ただし、完全に再現出来ないサイトもある。
リンクが絶対パスの場合はオフラインでは閲覧不可。


【Webページ、HTMLのみ(*.htm,*.html)で保存】

オフラインでもページ自体は閲覧可能だが、付随する画像やCSS、JSファイルやその他のバイナリファイルなどは一緒に保存されないので、
画像なし、テキストのみ、レイアウト崩れといったページになる。


 
90s.png
EcoMhtEd 2 で外部参照確認
 
    最近のやつは 問題ないのかも?




「名前を付けてページを保存」(MAF)との比較


 
■ Firefox の「名前を付けてページを保存」(MAF)との比較

■ MAF(Mozilla Archive Format)オプション

  savpm01s.png
完全な Web ページの保存:
 
○ ブラウザの標準機能を使う
○ "Save Complete"を使いスクリプトとソースを維持する(Firefox 19.0 使用×)
○ ページの忠実なスナップショットを取る
 
    □ 他のブラウザと完全に互換性のある MHTML ファイルを作成する

■ サイズ比較

  savpm04xsss.png


□ Firefox の「名前を付けてページを保存」(MAF使用)
 
・ブラウザの標準機能を使う
"Save Complete"を使いスクリプトとソースをを維持する
・ページの忠実なスナップショットを取る
 
・ブラウザの標準機能を使う
・他のブラウザと完全に互換性のある MHTML ファイルを...
maff 保存
maff 保存
maff 保存
 
mht 保存
mht 保存
385KB
2,028KB
318KB
 
1,036KB
640KB

 
□ 他
 
・Print Edit で(ブラウザの標準機能を使う) ○○○○○○○
・Print Edit で(ブラウザの標準機能を使う)
 
・ScrapBook で「ページを保存」(スクリプト保存なし)
・ScrapBook で「ページを詳細に保存」
maff 保存
mht 保存
 


395KB
1,087KB
 
333KB
1.75MB


 
■ 描画比較

・ブラウザの標準機能を使う [mht maff](△ 問題ないレベルですが)
"Save Complete"を使いスクリプトとソースを... [maff](○× ↓表示できない部分有)
・ページの忠実なスナップショットを取る [maff](○)
 
・他のブラウザと完全に互換性のある MHTML ファイルを作成する [mht](○)



■ スクリプト保存 ページの再現性 比較

・ブラウザの標準機能を使う [mht maff](ある程度完全にスクリプト保存)
"Save Complete"を使いスクリプトと...[maff](取り込みすぎて?表示できない部分有)
・ページの忠実なスナップショットを取る [maff](一部のスクリプトのみ保存)
 
・他のブラウザと完全に互換性のある MHTML ファイルを作成する [mht](同上)





□ ブラウザの標準機能を使う(maff mht ファイル)

  PE4s.png  iesht02s.png
 
○○○○○○○○○○○○○○▲ mhtファイルをIEで表示

□ ページの忠実なスナップショットを取る(maff ファイル)
他のブラウザと完全に互換性のある MHTML ファイルを作成する(mht ファイル)

  pgsto.png  iesht01s.png
 
○○○○○○○○○○○○○○▲ mhtファイルをIEで表示

"Save Complete"を使いスクリプトとソースを維持する(maff ファイル)

  Save Complete



IEで保存した mhtファイル


■ IEでページを mht で保存し IEで表示

  iesht05s.png

■ IEでページを mht で保存し Firefox で表示

  Save Complete

EcoMhtEd 2 で外部参照確認 すると「外部参照はありません」と出ますが、
    View Dependencies で依存関係を調べると..

  iesht06s.png

□ EcoMhtEd 2 で保存ファイル確認

▼ IEで mht 保存○○○○ ▼ Firefox で mht 保存
 
hhjufgfjs.png




関連記事

netkeiba.comの [特別登録馬] 馬柱印刷用スタイル・改


 
netkeiba の [特別レース/特別登録馬] 馬柱刷用スタイル・改
 
※ 特別登録発表・・・日曜日18時前後



■ 印刷用スタイル(モノクロ印刷用)
#header.fc,#page div.menu_block,#page div.genre_menu,
#main div.race_head div.race_head_inner div.DateList_Box,
#main div.race_head div.race_head_inner div.race_place,
#main div.race_head div.race_head_inner div.race_num,
#main div.race_head div.race_head_inner div.race_deta_menu ul.main_menu,
#main div.race_head div.race_head_inner div.race_deta_menu ul.sub_menu,
#contents.fc div.race_detail_top div#side,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro ul.btn_link_list,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro p.Uma36Link,
#race_main.fc div.premium_info_text_block,#function_text,#page div#footer,
#main div.ad_box_on_int ul.ad_defbox_int,#main div.adnet_nk_main_01,
#main div.ad_box_on_int div.floathack ul.ad_label,
#race_main.fc form#shutuba table.race_table_01 tbody tr th a
{display:none !important;}

/*-------------------------------------------------*/
/*枠番*/
.waku1 span, .waku2 span, .waku3 span, .waku4 span,
.waku5 span, .waku6 span, .waku7 span, .waku8 span {
color:black !important;
border-color:black !important;
border-width:1px !important;
background-color:transparent !important;
width: 13px !important;
}

/*ビデオ*/
table.race_table_01 td a.movielink {display:none !important;}
table.race_table_01 tbody tr td select {
display:none !important;
}

/*-------------------------------------------------*/
/*フォント*/
#html body#race_detail.race,
#shutuba table.race_table_01 {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif !important;
}

/*-------------------------------------------------*/
/*ボーダー*/
table.nk_tb_common,
table.race_table_01 td,
table.race_table_01 th {
border-style:solid !important;
border-width:1px !important;
border-color:black !important;
}
table.nk_tb_common {
border-collapse: collapse !important;
border-spacing: 0 !important;
}

/*-------------------------------------------------*/
/*一番上*/
table.race_table_01 th {
font-size: 11px !important;
padding: 2px !important;
}
/*着*/
table.race_table_01 td span.order {
border-color:transparent !important;
background-color:transparent !important;
font-size: 20px !important;
font-weight: bold;
line-height: 24px;
text-align: right !important;
position: absolute;
right: 0;
top: 5px !important;
height: 24px !important;
width: 28px !important;
padding-right: 4px !important;
}

/*ほとんどの文字*/
table.race_table_01 td {
font-size: 12px;
line-height: 13px !important;
text-align: center;
white-space: nowrap;
}

/*クラス*/
table.race_table_01 td span.race_grade {
font-size: 12px !important;
line-height: 13px !important;
font-weight: bold !important;
padding-left: 2px !important;
}

/*馬名ほか*/
table.race_table_01 th.th_01 {
width: 126px !important;
}

/*あなたの印*/
table.race_table_01 tbody tr td {
width: 30px !important;
}

/*馬名*/
table.race_table_01 tbody tr td.txt_l span.h_name a {
font-size: 14px !important;
}

table.race_table_01 th.txt_l {
text-align: center !important;
}

/*-------------------------------------------------*/
/*トップ*/
.race_head .mainrace_data .data_intro {
padding: 0px !important;
margin: 0px !important;
height: 38px !important;
}

.racedata dd h1 img{
position: absolute;
top: -1px !important;
height: 16px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dd {
margin-left: 55px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dt {
border: solid 1px #000000 !important;
background-image: none !important;
color: #000000 !important;
line-height: 30px !important;
font-size: 21px !important;
height: 30px !important;
width: 44px !important;
padding: 0px 2px 0px 0px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .racedata {
margin: 0px !important;
padding: 0px !important;
height: 12px !important;
}

.race_head .race_head_inner {
width: 1050px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .race_otherdata {
margin-left: 660px !important;
position: absolute;
top: 3px !important;
}

/*-------------------------------------------------*/
/*馬体重*/
table.race_table_01 td strong.weight {display:none !important;}

table.race_table_01 td span.race_data,
table.race_table_01 td span.race_corner,
table.race_table_01 td span.race_weight {
font-size: 11px !important;
line-height: 12px !important;
}

span.txt_smaller {
font-size: 11px !important;
}

table.race_table_01 td span.h_name {
line-height: 28px !important;
}

#page {
float:left !important;
margin: 0px !important;
}

#contents {
margin: 0px !important;
}

.race_head .mainrace_data h1 {
font-size: 18px !important;
}
.race_head .mainrace_data p {
font-size: 12px !important;
}

table.race_table_01 tbody tr td.txt_l[width] {
padding: 0px 1px 0px 2px !important;
}

table.race_table_01 th.txt_l, table.race_table_01 td.txt_l {
padding: 0px 2px 1px 2px !important;
}

table.race_table_01 td .racebox {
height: 27px !important;
}

table.race_table_01 tbody tr th.kako_h_02,
table.race_table_01 tbody tr th.txt_l {
font-size: 18px !important;/*馬名・前走*/
}

.waku1, .waku2, .waku3, .waku4, .waku5, .waku6, .waku7, .waku8 {
padding: 0px 2px 0px 2px !important;
}

table.race_table_01 tbody tr td.txt_c {
padding: 0px 1px 0px 1px !important;
}

table.race_table_01 td span.h_name_01 {
font-size: 11px !important;
}

table.shutuba_table a {
color: #000000 !important;
}

table.race_table_01 td img {display:none !important;}

/*-------------------------------------------------*/
table.race_table_01 tbody tr td.txt_l[width] {
min-width: 150px !important;
}

/*-------------------------------------------------*/
/*追加:2014.01.25*/
#main ins {
display:none !important;
}
/*追加:2014.06.01*/
#contents.fc > #main {
display:none !important;
}




■ 印刷用スタイル(カラー印刷用)
#header.fc,#page div.menu_block,#page div.genre_menu,
#main div.race_head div.race_head_inner div.DateList_Box,
#main div.race_head div.race_head_inner div.race_place,
#main div.race_head div.race_head_inner div.race_num,
#main div.race_head div.race_head_inner div.race_deta_menu ul.main_menu,
#main div.race_head div.race_head_inner div.race_deta_menu ul.sub_menu,
#contents.fc div.race_detail_top div#side,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro ul.btn_link_list,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro p.Uma36Link,
#race_main.fc div.premium_info_text_block,#function_text,#page div#footer,
#main div.ad_box_on_int ul.ad_defbox_int,#main div.adnet_nk_main_01,
#main div.ad_box_on_int div.floathack ul.ad_label,
#race_main.fc form#shutuba table.race_table_01 tbody tr th a
{display:none !important;}

/*-------------------------------------------------*/
/*枠番*/
.waku1 span, .waku2 span, .waku3 span, .waku4 span,
.waku5 span, .waku6 span, .waku7 span, .waku8 span {
/* color:black !important;*/
border-color:black !important;
border-width:1px !important;
/* background-color:transparent !important;*/
width: 13px !important;
}

/*ビデオ*/
table.race_table_01 td a.movielink {display:none !important;}
table.race_table_01 tbody tr td select {
display:none !important;
}

/*-------------------------------------------------*/
/*フォント*/
#html body#race_detail.race,
#shutuba table.race_table_01 {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif !important;
}

/*-------------------------------------------------*/
/*ボーダー*/
table.nk_tb_common,
table.race_table_01 td,
table.race_table_01 th {
border-style:solid !important;
border-width:1px !important;
border-color:black !important;
}
table.nk_tb_common {
border-collapse: collapse !important;
border-spacing: 0 !important;
}

/*-------------------------------------------------*/
/*一番上*/
table.race_table_01 th {
font-size: 11px !important;
padding: 2px !important;
}
/*着*/
table.race_table_01 td span.order {
border-color:transparent !important;
background-color:transparent !important;
font-size: 20px !important;
font-weight: bold;
line-height: 24px;
text-align: right !important;
position: absolute;
right: 0;
top: 5px !important;
height: 24px !important;
width: 28px !important;
padding-right: 4px !important;
}

/*ほとんどの文字*/
table.race_table_01 td {
font-size: 12px;
line-height: 13px !important;
text-align: center;
white-space: nowrap;
}

/*クラス*/
table.race_table_01 td span.race_grade {
font-size: 12px !important;
line-height: 13px !important;
font-weight: bold !important;
padding-left: 2px !important;
}

/*馬名ほか*/
table.race_table_01 th.th_01 {
width: 126px !important;
}

/*あなたの印*/
table.race_table_01 tbody tr td {
width: 30px !important;
}

/*馬名*/
table.race_table_01 tbody tr td.txt_l span.h_name a {
font-size: 14px !important;
}

table.race_table_01 th.txt_l {
text-align: center !important;
}

/*-------------------------------------------------*/
/*トップ*/
.race_head .mainrace_data .data_intro {
padding: 0px !important;
margin: 0px !important;
height: 38px !important;
}

.racedata dd h1 img{
position: absolute;
top: -1px !important;
height: 16px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dd {
margin-left: 55px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dt {
border: solid 1px #000000 !important;
background-image: none !important;
color: #000000 !important;
line-height: 30px !important;
font-size: 21px !important;
height: 30px !important;
width: 44px !important;
padding: 0px 2px 0px 0px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .racedata {
margin: 0px !important;
padding: 0px !important;
height: 12px !important;
}

.race_head .race_head_inner {
width: 1050px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .race_otherdata {
margin-left: 660px !important;
position: absolute;
top: 3px !important;
}

/*-------------------------------------------------*/
/*馬体重*/
table.race_table_01 td strong.weight {display:none !important;}

table.race_table_01 td span.race_data,
table.race_table_01 td span.race_corner,
table.race_table_01 td span.race_weight {
font-size: 11px !important;
line-height: 12px !important;
}

span.txt_smaller {
font-size: 11px !important;
}

table.race_table_01 td span.h_name {
line-height: 28px !important;
}

#page {
float:left !important;
margin: 0px !important;
}

#contents {
margin: 0px !important;
}

.race_head .mainrace_data h1 {
font-size: 18px !important;
}
.race_head .mainrace_data p {
font-size: 12px !important;
}

table.race_table_01 tbody tr td.txt_l[width] {
padding: 0px 1px 0px 2px !important;
}

table.race_table_01 th.txt_l, table.race_table_01 td.txt_l {
padding: 0px 2px 1px 2px !important;
}

table.race_table_01 td .racebox {
height: 27px !important;
}

table.race_table_01 tbody tr th.kako_h_02,
table.race_table_01 tbody tr th.txt_l {
font-size: 18px !important;/*馬名・前走*/
}

.waku1, .waku2, .waku3, .waku4, .waku5, .waku6, .waku7, .waku8 {
padding: 0px 2px 0px 2px !important;
}

table.race_table_01 tbody tr td.txt_c {
padding: 0px 1px 0px 1px !important;
}

table.race_table_01 td span.h_name_01 {
font-size: 11px !important;
}

table.race_table_01 td img {display:none !important;}

/*-------------------------------------------------*/
table.race_table_01 tbody tr td.txt_l[width] {
min-width: 150px !important;
}

/*-------------------------------------------------*/
/*馬名色*/
table.race_table_01 tbody tr td.txt_l span.h_name a {
color: #000000 !important;
}
/*レース名色*/
/*table.race_table_01 div.racebox span.race_name a {
color: #000000 !important;
}*/
/*クラス色*/
/*table.race_table_01 td span.race_grade {
color: #000000 !important;
}*/
/*勝馬名色*/
/*table.race_table_01 div.inner span.h_name_01 a {
color: #000000 !important;
}*/

/*1着色*/
table.race_table_01 td.td_no01 span.order {
color: #FF0000 !important;
}
/*table.race_table_01 td.td_no01 {
background-color: #FFFFFF !important;
}*/
/*2着色*/
table.race_table_01 td.td_no02 span.order {
color: #FFA500 !important;
}
/*table.race_table_01 td.td_no02 {
background-color: #FFFFFF !important;
}*/
/*3着色*/
table.race_table_01 td.td_no03 span.order {
color: #FF6B84 !important;
}
/*table.race_table_01 td.td_no03 {
background-color: #FFFFFF !important;
}*/
/*-------------------------------------------------*/
/*追加:2014.01.25*/
#main ins {
display:none !important;
}
/*追加:2014.06.01*/
#contents.fc > #main {
display:none !important;
}




関連記事

netkeiba.com / 馬柱(HTML)の印刷用スタイル・改



    ※ netkeiba.com / 馬柱(HTML)の印刷用スタイル の改良版(?)です。

[ netkeiba.com ] のHTML馬柱を
印刷用スタイルに整形するユーザースタイルです。(9走表示は未確認)
[ Stylish ] にコピペして使ってください。


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


追加:2014.06.01
追加:2014.11.09


 


■ 印刷用スタイル(モノクロ印刷用)
#header.fc,#page div.menu_block,#page div.genre_menu,
#main div.race_head div.race_head_inner div.DateList_Box,
#main div.race_head div.race_head_inner div.race_place,
#main div.race_head div.race_head_inner div.race_num,
#main div.race_head div.race_head_inner div.race_deta_menu ul.main_menu,
#main div.race_head div.race_head_inner div.race_deta_menu ul.sub_menu,
#contents.fc div.race_detail_top div#side,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro ul.btn_link_list,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro p.Uma36Link,
#race_main.fc div.premium_info_text_block,#function_text,#page div#footer,
#main div.ad_box_on_int ul.ad_defbox_int,#main div.adnet_nk_main_01,
#main div.ad_box_on_int div.floathack ul.ad_label,
#race_main.fc form#shutuba table.race_table_01 tbody tr th a
{display:none !important;}

/*-------------------------------------------------*/
/*枠番*/
.waku1 span, .waku2 span, .waku3 span, .waku4 span,
.waku5 span, .waku6 span, .waku7 span, .waku8 span {
color:black !important;
border-color:black !important;
border-width:1px !important;
background-color:transparent !important;
width: 13px !important;
}

/*ビデオ*/
table.race_table_01 td a.movielink {display:none !important;}
table.race_table_01 tbody tr td select {
display:none !important;
}

/*-------------------------------------------------*/
/*フォント*/
#html body#race_detail.race,
#shutuba table.race_table_01 {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif !important;
}

/*-------------------------------------------------*/
/*ボーダー*/
table.nk_tb_common,
table.race_table_01 td,
table.race_table_01 th {
border-style:solid !important;
border-width:1px !important;
border-color:black !important;
}
table.nk_tb_common {
border-collapse: collapse !important;
border-spacing: 0 !important;
}

/*-------------------------------------------------*/
/*一番上*/
table.race_table_01 th {
font-size: 11px !important;
padding: 2px !important;
}

/*着*/
table.race_table_01 td span.order {
border-color:transparent !important;
background-color:transparent !important;
font-size: 20px !important;
font-weight: bold;
line-height: 24px;
text-align: right !important;
position: absolute;
right: 0;
top: 5px !important;
height: 24px !important;
width: 28px !important;
padding-right: 4px !important;
}

/*ほとんどの文字*/
table.race_table_01 td {
font-size: 12px;
line-height: 13px !important;
text-align: center;
white-space: nowrap;
}

/*クラス*/
table.race_table_01 td span.race_grade {
font-size: 12px !important;
line-height: 13px !important;
font-weight: bold !important;
padding-left: 2px !important;
}

/*馬名ほか*/
table.race_table_01 th.th_01 {
width: 126px !important;
}

/*あなたの印*/
table.race_table_01 tbody tr td {
width: 30px !important;
}

/*馬名*/
table.race_table_01 tbody tr td.txt_l span.h_name a {
font-size: 14px !important;
}

table.race_table_01 th.txt_l {
text-align: center !important;
}

/*-------------------------------------------------*/
/*トップ*/
.race_head .mainrace_data .data_intro {
padding: 0px !important;
margin: 0px !important;
height: 38px !important;
}

.racedata dd h1 img{
position: absolute;
top: -1px !important;
height: 16px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dd {
margin-left: 55px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dt {
border: solid 1px #000000 !important;
background-image: none !important;
color: #000000 !important;
line-height: 30px !important;
font-size: 21px !important;
height: 30px !important;
width: 44px !important;
padding: 0px 2px 0px 0px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .racedata {
margin: 0px !important;
padding: 0px !important;
height: 12px !important;
}

.race_head .race_head_inner {
width: 1050px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .race_otherdata {
margin-left: 660px !important;
position: absolute;
top: 3px !important;
}

/*-------------------------------------------------*/
/*馬体重*/
table.race_table_01 td strong.weight {display:none !important;}

table.race_table_01 td span.race_data,
table.race_table_01 td span.race_corner,
table.race_table_01 td span.race_weight {
font-size: 11px !important;
line-height: 12px !important;
}

span.txt_smaller {
font-size: 11px !important;
}

table.race_table_01 td span.h_name {
line-height: 28px !important;
}

#page {
float:left !important;
margin: 0px !important;
}

#contents {
margin: 0px !important;
}

.race_head .mainrace_data h1 {
font-size: 18px !important;
}
.race_head .mainrace_data p {
font-size: 12px !important;
}

table.race_table_01 tbody tr td.txt_l[width] {
padding: 0px 1px 0px 2px !important;
}

table.race_table_01 th.txt_l, table.race_table_01 td.txt_l {
padding: 0px 2px 1px 2px !important;
}

table.race_table_01 td .racebox {
height: 27px !important;
}

table.race_table_01 tbody tr th.kako_h_02,
table.race_table_01 tbody tr th.txt_l {
font-size: 18px !important;/*馬名・前走*/
}

.waku1, .waku2, .waku3, .waku4, .waku5, .waku6, .waku7, .waku8 {
padding: 0px 2px 0px 2px !important;
}

table.race_table_01 tbody tr td.txt_c {
padding: 0px 1px 0px 1px !important;
}

table.race_table_01 td span.h_name_01 {
font-size: 11px !important;
}

table.shutuba_table a {
color: #000000 !important;
}

table.race_table_01 td img {display:none !important;}

/*-----------------必要ない欄は消------------------*/
/*あなたの印*/
table.race_table_01 td:nth-child(3),
table.race_table_01 tbody tr th:nth-child(3) {
display:none !important;
}
/*関東本紙*/
table.race_table_01 td:nth-child(4),
table.race_table_01 tbody tr th:nth-child(4) {
display:none !important;
}
/*CP予想*/
/*table.race_table_01 td:nth-child(5),
table.race_table_01 tbody tr th:nth-child(5) {
display:none !important;
}*/
/*丹下日出夫*/
/*table.race_table_01 td:nth-child(6),
table.race_table_01 tbody tr th:nth-child(6) {
display:none !important;
}*/
/*-------------------------------------------------*/
/*追加:2014.06.01*/
#contents.fc > #main {
display:none !important;
}
/*追加:2014.11.09*/
#race_main.fc .race_deta_menu,
#RaceSurf {
display:none !important;
}




■ 印刷用スタイル(カラー印刷用)
#header.fc,#page div.menu_block,#page div.genre_menu,
#main div.race_head div.race_head_inner div.DateList_Box,
#main div.race_head div.race_head_inner div.race_place,
#main div.race_head div.race_head_inner div.race_num,
#main div.race_head div.race_head_inner div.race_deta_menu ul.main_menu,
#main div.race_head div.race_head_inner div.race_deta_menu ul.sub_menu,
#contents.fc div.race_detail_top div#side,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro ul.btn_link_list,
#main div.race_head div.race_head_inner div.mainrace_data div.data_intro p.Uma36Link,
#race_main.fc div.premium_info_text_block,#function_text,#page div#footer,
#main div.ad_box_on_int ul.ad_defbox_int,#main div.adnet_nk_main_01,
#main div.ad_box_on_int div.floathack ul.ad_label,
#race_main.fc form#shutuba table.race_table_01 tbody tr th a
{display:none !important;}

/*-------------------------------------------------*/
/*枠番*/
.waku1 span, .waku2 span, .waku3 span, .waku4 span,
.waku5 span, .waku6 span, .waku7 span, .waku8 span {
/* color:black !important;*/
border-color:black !important;
border-width:1px !important;
/* background-color:transparent !important;*/
width: 13px !important;
}

/*ビデオ*/
table.race_table_01 td a.movielink {display:none !important;}
table.race_table_01 tbody tr td select {
display:none !important;
}

/*-------------------------------------------------*/
/*フォント*/
#html body#race_detail.race,
#shutuba table.race_table_01 {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif !important;
}

/*-------------------------------------------------*/
/*ボーダー*/
table.nk_tb_common,
table.race_table_01 td,
table.race_table_01 th {
border-style:solid !important;
border-width:1px !important;
border-color:black !important;
}

table.nk_tb_common {
border-collapse: collapse !important;
border-spacing: 0 !important;
}

/*-------------------------------------------------*/
/*一番上*/
table.race_table_01 th {
font-size: 11px !important;
padding: 2px !important;
}

/*着*/
table.race_table_01 td span.order {
border-color:transparent !important;
background-color:transparent !important;
font-size: 20px !important;
font-weight: bold;
line-height: 24px;
text-align: right !important;
position: absolute;
right: 0;
top: 5px !important;
height: 24px !important;
width: 28px !important;
padding-right: 4px !important;
}

/*ほとんどの文字*/
table.race_table_01 td {
font-size: 12px;
line-height: 13px !important;
text-align: center;
white-space: nowrap;
}

/*クラス*/
table.race_table_01 td span.race_grade {
font-size: 12px !important;
line-height: 13px !important;
font-weight: bold !important;
padding-left: 2px !important;
}

/*馬名ほか*/
table.race_table_01 th.th_01 {
width: 126px !important;
}

/*あなたの印*/
table.race_table_01 tbody tr td {
width: 30px !important;
}

/*馬名*/
table.race_table_01 tbody tr td.txt_l span.h_name a {
font-size: 14px !important;
}

table.race_table_01 th.txt_l {
text-align: center !important;
}

/*-------------------------------------------------*/
/*トップ*/
.race_head .mainrace_data .data_intro {
padding: 0px !important;
margin: 0px !important;
height: 38px !important;
}

.racedata dd h1 img{
position: absolute;
top: -1px !important;
height: 16px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dd {
margin-left: 55px !important;
}

.race_head .mainrace_data .data_intro dl.racedata dt {
border: solid 1px #000000 !important;
background-image: none !important;
color: #000000 !important;
line-height: 30px !important;
font-size: 21px !important;
height: 30px !important;
width: 44px !important;
padding: 0px 2px 0px 0px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .racedata {
margin: 0px !important;
padding: 0px !important;
height: 12px !important;
}

.race_head .race_head_inner {
width: 1050px !important;
}

.race_head .race_head_inner .mainrace_data
.data_intro .race_otherdata {
margin-left: 660px !important;
position: absolute;
top: 3px !important;
}

/*-------------------------------------------------*/
/*馬体重*/
table.race_table_01 td strong.weight {display:none !important;}

table.race_table_01 td span.race_data,
table.race_table_01 td span.race_corner,
table.race_table_01 td span.race_weight {
font-size: 11px !important;
line-height: 12px !important;
}

span.txt_smaller {
font-size: 11px !important;
}

table.race_table_01 td span.h_name {
line-height: 28px !important;
}

#page {
float:left !important;
margin: 0px !important;
}

#contents {
margin: 0px !important;
}

.race_head .mainrace_data h1 {
font-size: 18px !important;
}
.race_head .mainrace_data p {
font-size: 12px !important;
}

table.race_table_01 tbody tr td.txt_l[width] {
padding: 0px 1px 0px 2px !important;
}

table.race_table_01 th.txt_l, table.race_table_01 td.txt_l {
padding: 0px 2px 1px 2px !important;
}

table.race_table_01 td .racebox {
height: 27px !important;
}

table.race_table_01 tbody tr th.kako_h_02,
table.race_table_01 tbody tr th.txt_l {
font-size: 18px !important;/*馬名・前走*/
}

.waku1, .waku2, .waku3, .waku4, .waku5, .waku6, .waku7, .waku8 {
padding: 0px 2px 0px 2px !important;
}

table.race_table_01 tbody tr td.txt_c {
padding: 0px 1px 0px 1px !important;
}

table.race_table_01 td span.h_name_01 {
font-size: 11px !important;
}

table.race_table_01 td img {display:none !important;}

/*-----------------必要ない欄は消------------------*/
/*あなたの印*/
table.race_table_01 td:nth-child(3),
table.race_table_01 tbody tr th:nth-child(3) {
display:none !important;
}
/*関東本紙*/
table.race_table_01 td:nth-child(4),
table.race_table_01 tbody tr th:nth-child(4) {
display:none !important;
}
/*CP予想*/
/*table.race_table_01 td:nth-child(5),
table.race_table_01 tbody tr th:nth-child(5) {
display:none !important;
}*/
/*丹下日出夫*/
/*table.race_table_01 td:nth-child(6),
table.race_table_01 tbody tr th:nth-child(6) {
display:none !important;
}*/

/*-------------------------------------------------*/
/*馬名色*/
table.race_table_01 tbody tr td.txt_l span.h_name a {
color: #000000 !important;
}
/*レース名色*/
/*table.race_table_01 div.racebox span.race_name a {
color: #000000 !important;
}*/
/*クラス色*/
/*table.race_table_01 td span.race_grade {
color: #000000 !important;
}*/
/*勝馬名色*/
/*table.race_table_01 div.inner span.h_name_01 a {
color: #000000 !important;
}*/

/*1着色*/
table.race_table_01 td.td_no01 span.order {
color: #FF0000 !important;
}
/*table.race_table_01 td.td_no01 {
background-color: #FFFFFF !important;
}*/
/*2着色*/
table.race_table_01 td.td_no02 span.order {
color: #FFA500 !important;
}
/*table.race_table_01 td.td_no02 {
background-color: #FFFFFF !important;
}*/
/*3着色*/
table.race_table_01 td.td_no03 span.order {
color: #FF6B84 !important;
}
/*table.race_table_01 td.td_no03 {
background-color: #FFFFFF !important;
}*/
/*-------------------------------------------------*/
/*追加:2014.06.01*/
#contents.fc > #main {
display:none !important;
}
/*追加:2014.11.09*/
#race_main.fc .race_deta_menu,
#RaceSurf {
display:none !important;
}

※ 適当に色変えてください



関連記事

ダイソー アルミテープの剥がし方・剝き方

ダイソー アルミテープ剥離テープは紙 でできているので
 
簡単に剥がれてくれません。
 
指で剥がすと最後にはアルミがぐちゃぐちゃになり、 頭にきてる人多いと思います...
 
なので、簡単に剥がす方法を考えてみました...




セロテープでサンドイッチしてはがす

□ 紙・アルミ面にセロテープを貼り 左右に引っ張り剥がします..

  altp01s.jpg

□ たまにうまくいくこともありますが...

  altp02s.jpg

□ 大抵失敗します..(剥離テープが紙でできているため)

  altp03s.jpg



押しピンではがす

□ アルミ面にセロテープを貼り作業しやすくします..

  altp04s.jpg

□ 紙面に押しピンを刺し剥がします..

  altp05s.jpg

この方法ならストレスなく剥がせるかも..




関連記事

ScrapBook ページ編集後の「再取り込み」(再保存)に注意!


ScrapBook ページ編集後の「再取り込み」(再保存)に注意!

再取り込み
 
以下の方法で前回保存したページを最新のページで上書きすることができます。

・ツリー アイテム右クリック → [ツール] → [再保存...]
・保存ページを開き、アドオンバーアイコンをクリックして[再保存...]を選択


※ [再保存...]を中クリック:再保存詳細ダイアログを表示せずに再保存
※ index.htmlだけでなく、掘り下げ取り込みによって保存された
    深さ1以上の特定のページのみを再保存することもできます。
※ ブックマーク形式のアイテムの再保存も可能です。



っつう ことですが..
これを 編集したページに適用してしまうと
せっかく手間隙かけて整形・編集したページが あっという間に、
無、になってしまいます。
ので 気ーつけてください。




■ ツリー アイテム右クリック → [ツール] → [再保存...]

  sb018es.png

■ 保存ページを開き、アドオンバーアイコンをクリックして[再保存...]を選択

  edit_7es.png




関連記事

ScrapBook 再保存ページで「ソースURLを開く」 方法


 

ScrapBook で保存したページを 再度 ScrapBook で保存(再保存)すると
 
再保存したページの「ソースURLを開く」では
元ページ(ローカル)が開いてしまいます。さらに、
 
再保存した 元ページを削除してしまうと 下のように怒られます。


  sbd03s.png



【 ソースURLを開く 】

  sbd01s.png

  sbd02s.png

※ 中クリック:新しいタブでソースURLを開く



プロパティのURLを書き換える


 
■ 元ページを削除する前にソースURLを開き URLをコピーしておきます。

■ アイテムの右クリックメニューから [プロパティー] を選択

  sbd04hs.png

■ URL:にソースURLを貼り付けます。

  sbd05hs.png



ページに URLを埋め込む


 
Page HackerMake Link を使い 再保存したページにURLを埋め込みます。
■ 元ページを削除する前にソースURLを開き Make Link でURLをコピーしておきます。
○○○○
Page Hacker を使い ページを編集可能にします。
○○○○
■ 適当な場所にURLを貼り付けます。
○○○○
■ Page Hacker 編集モードを無効にして ScrapBookで「変更の保存」をします。

Make Link のリンク形式 フォーマット 例 (適当にカスタマイズしてください)
 
<div><a href="%url%" target=”_blank” title=”リンク”>%text%</a></div>




関連記事

Webページ(html)を保存して直接編集(高度な)する方法


Webページを ScrapBook で保存し、
index.htmlStyleNote5 で開いて 高度な編集を行います。


StyleNote5 の すごいところ
 

文字化けしない(UTF-8対応)
・index.html を StyleNote5 アイコンにD&Dするだけで編集可能になります。
HTMLとCSSの編集が高度に融合し、効率的な作業環境を実現
 
・インストールは zipファイルを 適当なディレクトリに展開するだけ
・もちろんレジストリもいじりません
   (設定ファイルはマイドキュメントの「StyleNote」フォルダに保存)


Webページ(html)を保存して直接編集(高度な)する方法
Firefox で ページを表示します。
○○○
ScrapBook で ページを保存します。
○○○
■ ScrapBook の データ保存フォルダ を開きます。
○○○
index.html を StyleNote5 アイコンにD&Dして開き 高度な編集
○○○
■ 編集作業が終わったら ScrapBook で確認




■ index.html を

  StyleN00s.png

■ StyleNote5 で開きます

  StyleN000s.png

※ Firebug みたいに 内蔵ブラウザ(ビューア)上から簡単に要素選択できるといいのに...

外部CSSファイルの参照に対応(D&DするだけでCSSが適用され 編集可能に..)

  StyleN0000s.png




関連記事

インクカートリッジ インク室 インク注入口を塞ぐ



キャノン インクカートリッジ [BCI-9BK]   の
 
インク注入口ボール栓を抜いて あけた穴を 何かで塞ぐ

※ 剝きにくいアルミテープの剥がし方は → こちら





ダイソーゴム栓で密閉

  senn011s.jpg

HP178XL では使えません かなりユルユルです..

■ 穴・ゴム栓にインクがついた状態で栓をすると 密閉できなくなるそうです..
ついたインクは綿棒でふき取ってから栓をしてください..
細めの綿棒じゃないと写真のように中に入りません)


  jhftds.jpg

■ 上からアルミテープでカバー ⇒ シワだらけになり 意味なし !

  senn012s.jpg




■ アルミテープで密閉(使用後きれいにはがれてくれるのか不明)

  senn014s.jpg

■ ↓のようにシワを作らないように..

  senn013s.jpg




■ アルミテープの粘着剤が気になる方は ゴム栓の↓の部分を切りとり

  dsen001s.jpg

■ 注入口にゴム栓をしてから アルミテープで封をします..

  dsen02s.jpg  senn014s.jpg

■ ゴム栓は押しピンを使って取ります..

  dsen03s.jpg




※ 以上の情報を実践する場合は、自己責任でお願いします。

関連記事

汎用ICチップアダプター(オレはプリンターに怒られたくない!)


只今 実験中..

3000円のプリンター 壊す覚悟でやってます。
 
なので、以下の情報を 参考・実践する場合は 壊す覚悟でやってください。

Oh~ これで あの めんどくさい作業(プリンターに怒られる
 
から開放されるのですから なんという ほにゃららよ...

 
gkjys.jpg  njfkdfs.jpg

※ とりあえず hp178ブラック・HP Deskjet 3070A 専用です。




追記:互換カートリッジ付属のICチップアダプターを持ってる方は
追記:それを使ってください トラブルなく使えます





■ hp178 互換ブラックには ICチップアダプターが付いていませんでした。
他色についてる ICチップアダプターが使えますが、セ根性が じゃまして使えません..
なので、自分で作ることにしました。

  hanic01s.jpg
  
旧 検証記事( ← センサーにひっかからない形状)




自作アダプターの材料


材料は食品容器パックのプラスチック部

  hanic02s.jpg

■ 今回は「サトウのごはん」のやつで作ってみました..

  gghuyts.jpg

※ 薄さにこだわり↑で作りましたが インクホルダーにカートリッジをセットすると…
まだ余裕がある感じです..(ゆるすぎるとジョイント部でトラブル起こします)
なので 薄さにこだわる必要はないみたいです..

※ 薄すぎてゆるい場合はセロテープ等を貼り調整してください。
  
※ 互換カートリッジはアダプターを付ける分 純正品よりも少し高さが低くなってます。
参考ブログ ⇒ 互換インクを使ってみよう - 先週の千秋楽

※ 互換カートリッジ付属アダプターの厚さは 約0.7ミリ
  
純正カートリッジ の場合や きつくなる互換カートリッジの場合は
薄めのプラスチック板を使ってください..




チップ貼り付け位置・アダプター取り付けポイント・注意点


■ チップ貼り付け位置の わずかなズレで認識してくれないので
あきらめずに 貼っては確認 貼っては確認 でお願いします..
  
■ 位置が確定したら ICチップが"ポロリ"しない様に
両面テープでしっかり貼り付けてください..(+セロテープ等でカバー)
  
■ イエローカートリッジをはずすと アダプターを取り付けやすくなります..


  gfkfs.jpg  jgktd.jpg

■ インクホルダーを放置しておくと 数分後に自動で格納庫(?)に入ってしまうので
↓の方法で対処してください..(手動で引き出す)
  
アダプター形状の問題でセンサーにひっかかっても 格納庫に入ってしまいます..

プリンターにセットしたとたん「何か詰まってます」と怒られたら 》
  

インクホルダーの詰まりを直してください」のあと
インクホルダーが格納庫(?)に入ってしまうので 手動で引き出します..
電源コードを抜いてから:感電防止)
アダプター取り付け作業が終わったら インクホルダーを格納庫に戻します..
戻さないと注意されることも..)





アダプターの寸法・チップ貼り付け位置


ブラック用 寸法(ミリ)・チップ貼り付け位置(↓黄色部分)
  ghfss.png
■ 取り付けイメージ(セロテープでポロリ防止)
 
  hgfjys.png

■ Webで拾った参考写真(Deskjet 3070Aのものではありません) ▼ 取り付けイメージ

  hanic13s.jpg hanic14s.jpg kfutyr.jpg




カラー用 寸法・チップ貼り付け位置(未確認
  hte.png


純正(一部の互換)カートリッジ で使うには...


■ 純正(一部の互換)カートリッジでもアダプターを使いたいときは
カートリッジを加工する必要があります..


  ▼ カートリッジ下部のでっぱりを削り取ります..
 
  hanic05s.jpg  hanic06s.jpg

■ ↑だけではまだキツキツなので↓の黄部分も削り取ります..
 
  hanic16s.jpg  hihys.jpg

※ 新ICチップを使う場合はさらに加工が必要かも..



もっと簡単に作りたい方用(注意!! 未検証)


これでも大丈夫?注意!! 未検証

■ 寸法・チップ貼り付け位置(ミリ)
  gktts.png  yhfjyfs.png
■ 取り付けイメージ(テープはセロテープより強力なものを使ってください)

  ougiydrs.png
※ 位置調整もアダプター側だけでできるので 簡単に取り付けできるかも...



新ICチップ・取り付けシミュレーション


  
両面テープ を3枚貼り合わせます..(基盤にガム状粘着剤を残している場合)

  tuketa06s.jpg  tuketa05s.jpg

■ 両面テープの厚みで高さ調節(枚数は適当に変えてください)
hlfyfs.png

■ 3.5mm×1.5mm 位の穴をあけます..

  kghgyts.jpg  jferss.png

■ 両面テープに基盤を貼ります.. ○○○○○▼ 裏面

  anait03s.jpg  tuketa07s.jpg

■ セロテープを張ります..(粘着面のカバー)

  anait01s.jpg  anait02s.jpg

■ 旧チップサイズに切り取ります..(ポロリ防止・貼りやすくするため)

  anait00s.jpg

■ ICチップアダプターに基盤を貼り付けます..

  ftffs.jpg  gtcfcus.jpg







※ 以上の情報を実践する場合は、自己責任でお願いします。

関連記事

キヤノン・hp178 カートリッジの ボール栓を落とす・抜く


キヤノン・hp178 インクカートリッジに穴をあける方法


 

キヤノン・hp178 インクカートリッジの ボール栓を落とす方法


■ 次のふたつを使い(予算 200円)インクカートリッジのボール栓を落とします。
 

・ダイソー 詰め替えキット 付属の「穴あけねじ」
100均 クランプ(開口部5cm以上)




▼ の様に、クランプを使えば 誰でも簡単に ボール栓を落とせます..(?)

■ hp178 カートリッジ

  manr01s.jpg

■ キヤノン カートリッジ

  ugyftds.jpg



■ ダイソー詰め替えキット「穴あけねじ」

  manr02s.jpg


■ 上に「穴あけねじ」をセロテープで取り付け、下には何か(割り箸等)をかませます..

  manr03s.jpg



キヤノンインクカートリッジの ボール栓を抜く方法


丸環?型フックをボール栓にねじ込み引っこ抜く

  bsenk01s.jpg  bsenk02s.jpg

■ って.. だめでした.. キズがつく程度です..

  bsenk03s.jpg

※ 注意:穴の内側にキズをつけないように !! キズがつくとゴム栓は使えません



■ 精密ドライバー(径1mm)を火で炙り → ボールに刺し → 冷やし固めて引っこ抜く
これもすぼっと抜けてしまいダメ


  bsenk04s.jpg  bsenk05s.jpg



■ ならば、あけた穴に 丸環フック(最小)をねじ込み

  bsenk06s.jpg  bsenk07s.jpg

■ ぬけました !!

  bsenk08s.jpg  bsenk09s.jpg

■ 上のように 何かで穴をあけてから 丸環フック(最小)で抜けばうまくいくかもね..




※ 以上の情報を実践する場合は、自己責任でお願いします。

関連記事

これは つかえる?詰め替えツール



■ ペーパータオル

ティッシュペーパーのケバケバが良くないらしい
インク供給口周辺を拭くときは ペーパータオルを使う



■ 洗濯ばさみ

カートリッジの固定に


  hsm03.jpg
 

互換カートリッジは 小ばさみで(大では 壊れそう)


  hsm01.jpg


■ アルミホイル

透明インクボトルなどの遮光に


  hsm02s.jpg


■ 精製水でおまじない

詰め替えに使ったシリンジ等は
水道水で洗った後、精製水で一度すすぐといいかも..


  chuun01s.jpg


極薄ゴム手袋

絶対手は汚れるのので 必要です
ダイソー 詰め替えインク におまけでついてるやつは ブカブカして作業効率↓





関連記事

Firefoxアドオン「HackTheWeb」使ってWebページを編集


Firefoxアドオン「HackTheWeb」は、マウス操作 キーボード操作で
 
Webページを要素ごとに 簡単編集することができます。



開始方法


■ HackTheWeb開始方法
 

・コンテキストメニューの「HackTheWeb」から開始する
・Firefoxボタン(メニュー)→ ツールの「HackTheWeb」から開始する
・ツールバーのカスタマイズから「HW」ボタンを追加してボタンから開始する


  hk01bs.png



キー操作・説明


「HackTheWeb」を有効にすると カーソル下に赤い枠線が 要素ごとに表示され
 
キーボードのキーを押すことにより 赤い枠に囲まれた部分を色々と操作ができます。




キー操作一覧(hキーを押すとキーの一覧が表示されます)

  hk04s.png

r
u
w
i
l
b
s
c
p
v
j
x
k
d
h
e
n
キー 説明
:赤枠内の要素を削除する
:削除した要素を元へ戻す
:赤枠内の幅制限を無効にする(style="width: auto;" 挿入)
:赤枠内の要素のみを表示する
:赤枠内の背景色を白くする
:赤枠内の背景色を白に、文字を黒にする(?)
「Stylish」でスタイルを保存します
:赤枠内の背景色を順番に変更する
:最後に削除した要素を貼り付ける
:赤枠内のソースを表示する
:赤枠内のJavaScriptコードを表示する
:赤枠内のXPathを表示する
:赤枠内を恒久的に非表示に(要 Remove It Permanently
:赤枠内の幅制限を無効にする(style="width: auto;" 挿入)
:キー操作の一覧を表示
:赤枠の範囲を広げる
「W」「d」「e」で広げた赤枠の範囲を狭める
 (style="width: auto;" の削除はしません)





ツールバーアイコン(マウスクリック編集用)

  hk02as.png

  アイコンをクリックして機能を選択し、マウスで要素を選択してクリック 適用

r
u
w
i
l
b
s
:赤枠内の要素を削除する
:削除した要素を元へ戻す
:赤枠内の幅制限を無効にする(style="width: auto;" の挿入)
:赤枠内の要素のみを表示する
:赤枠内の背景色を白くする
:赤枠内の背景色を白に、文字を黒にする(?)
「Stylish」でスタイルを保存します



キー操作で編集


 
■ マウスクリック編集モードもありますが、めんどくさいことになるので
設定で マウスクリック編集は「OFF」にします。

  hk007s.png

※ バグ・仕様?「ソースを表示」等でウィンドウを表示したあと
    それを閉じると、選択していた要素も消えてしまいます。
    これで消えた要素は「undo」で元に戻せません

※ マウスクリック編集を「ON」にして 右クリックに機能を割り当てても
    Firefox の右クリックメニューが出てきてしまい
   どこかクリックするまで消えません

 
■ それでもマウスクリック編集がいい という方は
「v」「j」「x」「k」「h」キーを押さないように操作してください



■ キー操作で簡単編集
 
r
u
w
i
l
b
c
p
e
n
:赤枠内の要素を削除する
:削除した要素を元へ戻す
:赤枠内の幅制限を無効にする(style="width: auto;" の挿入)
:赤枠内の要素のみを表示する
:赤枠内の背景色を白くする
赤枠内の背景色を白に、文字を黒にする(文字サイズも小さくなってしまい..)
:赤枠内の背景色を順番に変更する
:最後に削除した要素を貼り付ける
赤枠の範囲を広げる(マウス移動で選択できない要素の選択に)
「W」「d」「e」で広げた赤枠の範囲を狭める




■ 表示系(調べたいところをピンポイントで表示できます)
 

マウスオーバーでその場所の要素を枠で示したり 要素名やクラス名を表示したり出来ます
キー操作でソースの表示などもできます


v
j
x
:赤枠内のソースを表示する
:赤枠内のJavaScriptコードを表示する
:赤枠内のXPathを表示する




○○○○機能・検証中



■ マウスクリック編集できないんじゃ意味ないです

  hk02as.png



■ 編集したスタイルを「Stylish」で保存できます

  hk02bs.png

■ 保存したスタイルを使い いつでもページを整形表示できるように.. が、
■ 適当にやってもなかなかうまくいきません(たまにうまくいくことも)
■ 何かルールがあるのかも
■ Tips になにか 書かれてるのかも



■ Stylish Tips = None

  sty5ss.png



■ 選択できない要素 けっこうあります




関連記事

Webページ(html)を簡単に ブラウザ上で編集する方法


 
 WebページをFirefoxで表示して そのまま編集する方法
 

Firefoxアドオンを使って Webページを簡単編集
 
編集した後は 印刷するなり保存するなり どんぞご自由に


 

html 知識ゼロでもOK


 
■ 簡単編集

Nuke Anything Enhanced(必要ない部分を消します)
ScrapBook保存前編集 DOMイレーサー(必要ない要素を消します)
Page Hacker (ワープロ感覚で 編集
    ※ 同機能アドオン:wwwDesignMode Webpage Editable Switch


■ 程々編集

HackTheWeb(DOMイレーサーの高機能版?)
Print Edit "隠す"機能でレイアウト崩れなし・複数要素を選択可能
 
Page Hacker Revived(Firefoxをワープロ化する?)




※ 自動整形(読みやすく)

Clearly整形表示 ページを結合


※ 整形ツール
 
  〚 非表示系 〛

Clean the junk(インラインフレーム Flashやバナー画像などを非表示)
Image and Flash Blocker  Hide all Images(画像 Flash の表示、非表示)
Gif Block(GIF画像の読み込みをブロック)
Image Block(「画像を自動的に読み込む」設定をアイコンで切り替える)
NoComment! CommentBlocker(コメント欄を隠す)
FrameExt(フレームを削除する・フレームをDIVタグに置き換える)


  〚 配色変更 〛

Color Transform(要素を選択して配色変更)
Color toggle(文字色/背景色/リンク色を変更)
Blank Your Monitor + Easy Reading(文字色/背景色/リンク色を変更)
NoSquint(文字色/背景色/リンク色を変更)
No Color(背景色とテキストカラーを設定されたシンプルな色に変更 背景画像除く)


  〚 マーカー 〛

Wired-Marker
Prostetnic Highlighter(マーカーのみ96色)
TextMarker! Firefox  TextMarker Go(3種類)





多少の html 知識は必要


 
■ HTMLソース編集

SourceEditor(HTMLソースをブラウザ上で編集)
    ※ 不安定なので..ちょこっと編集に


■ CSS編集

Styles Tuner(指定した要素の色や文字サイズなどを変更)
    stylebot の Firefox版あればいいのに..
 
Stylish (言わずもがな)




※ カラーピッカー

ColorZilla(色の取得・保存)
Rainbow Color Tools(色の取得・保存)


※ HTMLの文法チェック

Html Validator




html 知識は必須


 

スタイルエディタ(スタイルエディタを表示ボタン

Firebug




関連記事

Webページを「Page Hacker Revived」でワープロ感覚編集


 

Firefox アドオン「Page Hacker Revived」を使うと
 
現在見ているページをワープロ感覚で編集できるようになります。
 
操作方法は ワードパッドのそれと ほぼ同じなので 直感で使えると思います。



フォーマットツールバーの表示


 
■ インストールしたらツールバーに [ツールバーカスタマイズウィンドウ] からD&Dで
  「Page Hacker」アイコンを表示します。
 
    ※ すでに「Page Hacker」をインストールしていても
       「Page Hacker Revived」をインストールすると ツールバー上のアイコンが消えます。


  phr01bs.png

■ アイコンをクリックすると機能が有効になり
  「フォーマットツールバー」が表示されます

  phr02bs.png

※ ツールバーの右クリックメニューにも「フォーマットツールバー」項目が追加されます


 

フォーマットツールバーの各機能


 
■ フォーマットツールバー(ボタンはD&Dでカスタマイズ可)

  phr03s.png


■ 名前を付けて保存 / 元に戻す(無限?) / やり直す

  phr03as.png

■ フォント / フォントサイズ / フォントサイズ減・増

  phr03bs.png

■ 太字 / 斜体(?)/ 下線 / 抹消線

  phr03cs.png

■ フォント色 / 選択色 / 背景色

  phr03ds.png

■ 左寄せ / 中央寄せ / 右寄せ / 両端揃え / 下付き文字 / 上付き文字

  phr03es.png

■ 黒中点リスト挿入 / 順序リスト挿入

  phr03fs.png

■ 字下げ(<blockquote>の挿入)/ 字上げ(<blockquote><ol><li>タグの削除?)

  phr03gs.png

■ リンク挿入 / 画像挿入 / 水平罫線挿入

  phr03hs.png

■ フォーマット除去 / リンク除去 / ツールバー非表示

  phr03is.png




■ フォント / フォントサイズ メニュー

  phr05s.png



■ フォント色 メニュー

  phr06bs.png



■ リンク挿入 / 画像挿入 ダイアログボックス

phr07s.png




関連記事
プロフィール

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

全記事表示リンク

全ての記事を表示する

カテゴリ
検索フォーム