トップ画像の共有（スタイルシート）♪

N@Blogさんのところが発端になって、
catkickさんのJavascriptで実験が開始された、
「トップ画像の共有jプロジェクト」ですが、
私も頑張って設置してみました。

で、alfabeatさんから、Macでのサファリ（ブラウザーですね）で正しく表示されない件、そして訂正の仕方を教わって、スタイルシートを変更しました。
現在は一応正しく表示されているようです（嬉）

alfabeatさんのページには、スタイルシートの変更に関しても書かれています。
ココログでの例として私の場合を書いてみようと思ったりしましたが、
実はよく分かっていないので（笑）、まあ、参考程度という感じで見てくださいね。

できるだけ、元のままにしています。
私のテンプレートでは変えた場所は以下の部分です。

#container {
line-height: 140%;
margin-right: auto;
margin-left: auto;
text-align: left;
padding: 0px;
width: 800px;
height: 100px; （この行を追加しました）
background-color: #C0C697;

}

#banner {
font-family: 'Trebuchet MS', Verdana, sans-serif;
color: #888855;
background-color: #FFFFFF;

text-align: left;
padding: 0px; （数値を15pxから0pxへ変更）

height: 100px; （数値を40pxから100pxへ変更）

}

#banner a {
color: #FFFFFF; （Topのタイトル文字色を#888855から#FFFFFFへ変更）
text-decoration: none;
}

最後の #banner a の文字色変更は、
「ウェブログの基本情報」の「ウェブログの名前」のところで、
画像の上に文字が表記されてしまうので、
初めのうちは、名前をなし（ブランク）にしてみたのですが、
いろいろ弊害が多かったので、
名前は入力したまま、その文字の色をバックグラウンドの白に合わせただけです（笑）
「ウェブログのサブタイトル」への入力は、ページのソースを参考にしてください。

他は変更していません、全て必要なことかどうかも分かりませんが、
表示はちゃんとされているようです。

また、新しく画像も追加して全体で10枚にしてみました。
640のものを800に伸ばしたのと、
なかなか良い画像がなかったのですが、
一応全て私が撮影した画像です。
今度は、初めから横長を考えた構成で、
携帯でバシバシ撮っていきたいと思います。
良いものが撮れたら順次交換していきく予定です。

どんどん画像が増えていくと（リストはこちら）、
なかなか同じものに当たらなくて、何が出てくるかちょっと楽しみかも（嬉）