プラグインの日付を右に持ってくる

新しい結果が出たので、以前にここに書いた記事を変更しました。


質問が出ましたので、カスタマイズで説明をしたいと思います。
どうして私のテンプレートでは、プラグインの日付が左なのか？
XHTMLで書いているからです。
XHTMLで書かれている、他の作者さんのテンプレートにも同じ現象が見られます。
ではなぜそうなるのか？
プラグインはタグの付いたブロックが呼び出されることと、忍者ツールズがへまをしていることに起因しています。

忍者ツールズはHTMLを使っているので、XHTMLとは折り合いが悪いんですよね。
特に携帯の絵文字がひどい
サイトチェックをすると、山の如くエラーが出てきます（ははは；）

さて、これはプラグインの設定では変更できません。直接CSSを変更する必要があります。
しかしやってみると、基本テンプレートをいじくっていないにも関わらず、CSSで左右を変更することもできません。仕様がないので、HTMLに書かれているセレクタをコピーする方法にしました。
プラグイン設定ページからHTML編集ページに入り、クラスセレクタのplugin_data とplugin_data_date をコピーして、CSSの中の「各プラグイン共通項目用設定」のブロックの、同じ名前のセレクタと差し替える。
こうすれば、HTMLとCSSは必然的に一緒になるから変更できるようになります。
ところが、後になって気が付きました。
プラグインのHTML編集ページをよーく見ると、プラグインのセレクタは小文字で始まっているのに、CSSは大文字で始まってる？！
私は確かに目が悪いけどここまで目が悪かったのかと、気が付いたあとちょっとショックでした（＾＾；）

すこし説明を付けますと・・・
HTMLは大文字も小文字も同じものとして認識しますが、XHTMLでは大文字と小文字が区別されます。
つまり、大文字と小文字は全く違うものとして扱われるわけです。
プラグインの日付が右に行かなかったのは、これが原因です。
しかし、まさか忍者ツールズがこんなへまをしているとは思いもかけませんでした・・・・・・

CSSをよくご存じの方は、該当箇所のセレクタを小文字に変えてください。
それだけで日付の左右を変更することができます。
他の方は、追記に修正済みCSSを付けましたのでコピーして使ってください。
該当箇所への行き方も説明してあります。


追記：　２００９年２月に全テンプレートを修正しました。私のテンプレートの場合は、再度ダウンロードするだけでOKです。他のテンプレートは下を参照してください。

まず、テンプレート設定 / 編集ページから、変更したいテンプレートの編集ページに入ります。
右下のCSSブロックを下のほうまでスクロールして、「各プラグイン共通項目用設定」という見出しを探してください。カレンダー設定の手前にあります。
ここに、下のCSSをコピペして差し替えてください。

/*各プラグイン処理内の基本デザイン*/
.plugin_data {
    text-align:left;
    padding:5px;
}

/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
    text-align:right;
}

text-align:left; は左寄り、text-align:right; は右寄りです。 text-align:center; にすると中央寄りになります。お好きな位置に変更してください。