スイッチやセクションアンカーを画像にしたい場合adiary::テーマ開発用ドキュメント色々勘違いしていた部分がありましたので書き直し(06/12/10)。a.switchやspan.sanchorが対象です。IE6で正しく表示できることを確認、Opera9で一部問題があるがそれなりに意図した表示ができることを確認しています。right;background-repeat:no-repeat;}解説font-sizeスイッチとかセクションアンカーは▼だったり■のような記号で通常表示されますので、まずこの文字を表示しないようにします。0とすることでブラウザで使用可能な最小サイズになります。注:Operaでは9pxがブラウザで規定されている最小フォントサイズ(デフォルト値)のようで、これ以下にはなりません。paddingこの部分でセクションアンカー部の最小ブロックのサイズを指定するため利用する背景画像よりも大きい値とします。width/line-heightwidth/line-heightでセクションアンカー部で文字部分(■)の幅と高さを指定します。Operaではブラウザの設定により規定されている文字サイズ分取られてしまいます。9.02で確認)background-image関連background-imageの値に表示したい画像のパスを与えます。rightとして下さい。rightとする理由はOpera等で消しきれなかった文字が画像にかかるのを防ぐ為です。background-repeatで、繰り返さないようにno-repeatを与えておきます。表示例ここまでで以下のように表示できます。1.5.0.8[album:adiary/theme:sanchor_fx.jpg:large]IE6SP1[album:adiary/theme:sanchor_ie6.jpg:large]Opera9.02[album:adiary/theme:sanchor_op9.jpg:large]Opera9のための修正Operaでは文字を完全に消すことができない使用の為、文字の背景となる部分の色を指定・マージンの調整が必要となります。#IEのマージンの調整ここまでやるとOperaで以下のように表示できます。blue;を追加)[album:adiary/theme:sanchor2_op9.jpg:large]コメント(0件)2006/09/06(水)記事部に画像を使用する場合のテーマ作成時のメモadiary::テーマ開発用ドキュメントlfdiaryのように記事部に画像を使用する場合。2006/09/13div.bodyで定義した背景画像が表示されないのはdiv.day-additionalとの境界の認識が狂っている為だとわかりました(バグ)尚、上記の手法だとTBがない場合に背景画像が表示されません。1.00β7adiaryの全体のdiv要素の入れ子の構造は以下のようになっています。div.editの構造は各ドキュメントを作成予定です。1.00β7adiaryのバージョンとか使用しているスケルトンの情報などが表示される部分です。親要素bodydiv.hatena-bodydiv.main要素hr.footerdiv.footerhr.footerフッタ部の水平線を定義します。div.footerフッタ部を定義します。背景色や背景画像を利用している場合は多くの場合リンクや文字が見づらくなる為、これらが見づらくならないように再定義する必要があります。次のページInformationガジェ獣見習い。