「Tips」(2009/02/09 (月) 00:27:49) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
<div class="dummy"></div>
<div id="content_header"></div>
<div id="content_main"><br /><h1>Tips</h1>
<p class="disc">ここにはStyleEditorを利用する上で知っておくと便利だと思われるTipsを掲載しています。<br /><br />
使っていて、発見したTipsになりそうな事などがありましたらどんどん追記して行ってください。</p>
<div class="subcontent">
<h4>Tips1</h4>
<div class="disc">
編集モードにおいて、たとえばdiv要素を選択する為に、クリックしただけでは、似たようなセレクタが指定されているdiv要素も対象になってしまいますが、Shift+Clickで選択した場合は、その部分のみが選択対象になります。<br />
したがって、同じidやclassが指定されていて、通常は個別にスタイルを適用出来ないページにおいてStyleEditorは不可能を可能にしてくれます。<br />
例として、適切では無いかもしれませんが(注参照)、Gmailの本文右に表れるAdsense広告部分のBoxのみを消し去り、本文を表示領域一杯に表示させる事ができるようになります。<br />
(注:現状ではAJAXによる書き換えに対しては無力です。)<br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips2</h4>
<div class="disc">
あるサイトにおいて、背景画像を変更しようとした場合にStyleEditorではローカルにある画像を参照して、それを適用させることが出来るのですが、このとき指定した画像は、その元画像のある場所へのリンクではなく、user.styleファイルの中へBASE64フォーマット形式にエンコードされてデータとして格納されています。<br />
したがって、前述の様にして、作成したuser.styleファイルであっても、ネット上へ公開して同じ画像を適用させる事が可能になります。<br />
ただし、元画像はなるべくなら、ファイルサイズの小さな物を利用するようにしないとuser.styleファイルのサイズも大きくなってしまうので注意が必要です。<br /><hr />
使い方としては間違っているかもしれないが、これを利用してStyleEditorを自作のスクリプトなどに画像を埋め込むためのBASE64エンコーダとして利用することも出来る。</div>
</div>
<br /><div class="subcontent">
<h4>Tips3</h4>
<div class="disc"><br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips4</h4>
<br /><div class="disc"><br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips5</h4>
<div class="disc"><br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips6</h4>
<div class="disc"><br /></div>
</div>
</div>
<br /><br /><div class="dummy2"></div>
<div id="content_footer"></div>
<div class="dummy"></div>
<div id="content_header"></div>
<div id="content_main"><br /><h1>Tips</h1>
<p class="disc">ここにはStyleEditorを利用する上で知っておくと便利だと思われるTipsを掲載しています。<br /><br />
使っていて、発見したTipsになりそうな事などがありましたらどんどん追記して行ってください。</p>
<div class="subcontent">
<h4>Tips1</h4>
<div class="disc">
編集モードにおいて、たとえばdiv要素を選択する為に、クリックしただけでは、似たようなセレクタが指定されているdiv要素も対象になってしまいますが、Shift+Clickで選択した場合は、その部分のみが選択対象になります。<br />
したがって、同じidやclassが指定されていて、通常は個別にスタイルを適用出来ないページにおいてStyleEditorは不可能を可能にしてくれます。<br />
例として、適切では無いかもしれませんが(注参照)、Gmailの本文右に表れるAdsense広告部分のBoxのみを消し去り、本文を表示領域一杯に表示させる事ができるようになります。<br />
(注:現状ではAjaxによる書き換えに対しては無力です。)<br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips2</h4>
<div class="disc">
あるサイトにおいて、背景画像を変更しようとした場合にStyleEditorではローカルにある画像を参照して、それを適用させることが出来るのですが、このとき指定した画像は、その元画像のある場所へのリンクではなく、user.styleファイルの中へBASE64フォーマット形式にエンコードされてデータとして格納されています。<br />
したがって、前述の様にして、作成したuser.styleファイルであっても、ネット上へ公開して同じ画像を適用させる事が可能になります。<br />
ただし、元画像はなるべくなら、ファイルサイズの小さな物を利用するようにしないとuser.styleファイルのサイズも大きくなってしまうので注意が必要です。<br /><hr />
使い方としては間違っているかもしれないが、これを利用してStyleEditorを自作のスクリプトなどに画像を埋め込むためのBASE64エンコーダとして利用することも出来る。</div>
</div>
<br /><div class="subcontent">
<h4>Tips3</h4>
<div class="disc"><br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips4</h4>
<br /><div class="disc"><br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips5</h4>
<div class="disc"><br /></div>
</div>
<br /><div class="subcontent">
<h4>Tips6</h4>
<div class="disc"><br /></div>
</div>
</div>
<br /><br /><div class="dummy2"></div>
<div id="content_footer"></div>
表示オプション
横に並べて表示:
変化行の前後のみ表示: