TEMTEM★倶楽部

　【anzu-tp2_10】
　*桃色（紫色系も弱冠？）　*２カラム
　*右メニュー(変更可能)
　*田舎町並シルエット風テンプレート
　［見本］

[動作確認]
IE6.0。FireFox2.0。Netscape 7.1。

[杏から一言]
リクを頂いたので、作ってみました。
色の指定はなかったので、どんな色で作るか悩みましたが、こんな感じでd(ﾟｰﾟ*)ﾈｯ!

*リストマークにお月さま画像を使用してみました。
*ブログタイトル背景画像にお月さまをつけてみました(灰色版にはない)。

灰色テンプレの時は、一回のことだからと、ウエブアートデザイナーで画像を作ったので、一個の画像となっちゃって変更は利かず、今回はイラストレーターで作り直しました（四角と三角などの形の組み合わせなので、作業は簡単。時間はかかるけどね）。
これだと、色の変更は容易なので。
なので、灰色テンプレと弱冠画像が異なってますが、ご愛嬌とゆ〜ことで。

ブログ説明文が長い方は、家並に文字がかかると思います。
修正の仕方は、『Ｑ＆Ａ：12』を見てください。
それでも改善されない方は、縦幅199pxの月なし画像を用意しましたので、活用ください（詳細は、追記にて）。

後、ドキュメントタイプを「XHTML1.0」としました。
「HTML4.01」の方がまだまだいいかな〜とも思うんですが、ブログのソースを覗くと、記事内の改行タグが『<br />』で書かれてるんですよね…。
アップロードを記事に持ってくると、imgの空要素タグも「/」で閉められてるし。
ってことは、FC2さんも対策されてるのかな〜とも思うので、これからはこちらで。
ただ、IE6のバグが心配されるので、XML宣言は書いてません。

[修正報告]
4月5日　21：20
記事＋メニュー表示部分の背景画像と、外側の背景画像のつなぎ目が合ってない不具合修正（追記参照）。

[注意]
杏のブログ使用のテンプレートは、杏仕様に変えてあります。
なので、配布テンプレートにはない機能が付いてます。
・「最近のコメント」や「コメント」欄下の書込者のお名前の敬称「様」付け。
・ファビコンアイコン表示。
・カーソルアイコン表示。

[フォント]

もし、ご自身のパソコンに入れようと思われたら、配布サイトを探してインストールしてみてね。
テンプレートのフォントのサイズは、メイリオで設定されてます。
サイズは、「font-size : 数字pt」でお好きに変えてください（数か所あります）。

[プラグイン表示]
プラグイン１と２はサイドメニューに、プラグイン３は、トップページのみ記事上に来るように設定してあります。
記事上表示が必要ない場合は、管理ページからカテゴリーの設定にて、プラグイン１or２にカテゴリーを移してください。
フリーエリアの作り方は、『Ｑ＆Ａ：21』参照。

[画像アップ]
記事横幅は「500px」です（内部幅はこれ以下）。
幅範囲に収まる画像横幅でお願いします。
大きい画像を使う方は、サムネイルを活用ください。

[お願い]
ダウンロードされた方で、使用に不具合があった方は、この記事コメントに書き込んでください。
質問コメントを書く前には、[質問の心得]をお読みください。
修正報告は、「追記」をご覧ください。



【修正】
記事＋メニュー表示部分の背景画像と、外側の背景画像のつなぎ目が合ってない不具合修正。
下記の赤太文字を代えてください。

/* ブログタイトル背景 */
div#branding {
width : 800px;
height : 150px;
float : left;
background-image : url(http://blog-imgs-21.fc2.com/t/e/m/temtemclub/tp2-10-01f.gif) ;
background-repeat : no-repeat;
background-position : center top;
}

【ブログ説明文が町並みにかかっちゃう方へ】
縦幅を広く、お月さまを削除した画像を用意しました。
ご利用の方は、下記を参考に修正してください。


[↑サムネイル画像]　[本画像サイズ：800×199]

■修正
ＣＳＳ内の下記の場所を変更。

/* ブログタイトル背景 */
div#branding {
width : 800px;
height : 199px;
float : left;
background-image : url(http://blog-imgs-21.fc2.com/t/e/m/temtemclub/tp2-10-01e.gif) ;
background-repeat : no-repeat;
background-position : center bottom;
}