「Tips」の編集履歴(バックアップ)一覧に戻る
Tips - (2009/02/06 (金) 12:32:48) のソース
<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 /></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>