－イメージサンプル－




というわけで、久々に真面目に作って出したテンプレートが無事認証を通ったようなので、
どうぞ気に入って頂ければ嬉しく思います。　　　　（拝啓 fc2様、是非とも不認証じゃなくて認証のお知らせも送って頂けると大変助かりますよー。
写真をポイントに文字中心のシンプルblogなんかにどうでしょうか。

記事部分の横幅はブラウザ幅に依存してるので、大きすぎる写真や改行無しの長い文章はパソコン環境により稀に見にくくなる場合があるかもしれません。
諸々により、カスタマイズはFoto01よりは若干中級向けになってしまったかもしれません＾＾；




＝＝＝＝　規約及び確認事項　＝＝＝＝＝
動作確認済みブラウザ
　　　　Internet Explorer 6～9
　　　　Firefox　3.6～6
　　　　Google Chrome　13　　
　　　　Opera　11
　　　　win版safari　5.1　　　

プラグイン　非対応
カスタマイズ　○
商用　○
二時配布･再配布　×
アダルト(個人・商用)　×
違法的な内容のサイト　×

※サポートは一応しますが、すぐにはお返事出来ないことが多々ありますので待てる方のみどうぞ。　　（「急いでます」とか無理です。
その他、詳しくは　こちら　も書いておりますのでご一読下さい。
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ということで、以下基本的なカスタマイズだけ書いておきます。




※　│　＝　省略部分
※　アルファベット　＝　レイアウト位置記号（上の画像でご確認下さい）。

---

Ｃ　blog名下任意メッセージの編集方法。

●ＨＴＭＬの編集画面から下記の部分を探し、
　赤字の部分（＜div id="uehidari"＞　～　 ＜/div＞の間）を削除して、任意のメッセージに書き換えて下さい。


＜div id="branding"＞＜!--/←ヘッダー始まり--＞
＜!--/blogタイトル--＞
＜h1＞＜a href="./"＞＜%blog_name＞＜/a＞＜/h1＞
＜div id="intro"＞＜%introduction＞＜/div＞

　　　＜div id="uehidari"＞
＜!--ブログの説明・注釈などなど、▼こちらに直接タグ打ち出来ます--＞　←これはそのままでも消しても問題なし
こんな感じでココにメッセージが入れられます。
勿論説白紙でも使用可。
ＨＴＭＬ編集画面よりこのメッセージを消して、任意、もしくは白紙でお使い下さい。
詳しい使い方はblogまで。　　※改行は＜br＞(半角にしてね)
＜!--/ブログの説明・注釈などなど、▲こちらに直接タグ打ち出来ます--＞　←これはそのままでも消しても問題なし
　　　＜/div＞
＜/div＞＜!--/←ヘッダー終り--＞

---

Ｅ　画像の差し替え方

●ＣＳＳの編集画面から下記の赤字(画像アドレス)の部分を削除して、お好みの画像アドレスに変えて下さい。


/*全体レイアウト
------------------------------------------------------------*/

div#secondary-column { /* 写真部分 */　　Ｅ
float : left
width : 210px;
height : 160px;
background-image : url(http://blog-imgs-34.fc2　～　/z8Irq.jpg); /* 背景画像 */
　　　　　│
　　　　　│
}

---

Ａ・Ｂ・Ｃ　各幅・サイズの設定


●ブログ名、ブログ説明、任意メッセージが切れる（もっと沢山書きたい）場合は
　ＣＳＳの編集画面から下記部分の数字を編集して調節してください。


/*内容
------------------------------------------------------------*/

h1 {　　　　blogタイトル　　Ａ
height : 40px;
font-size : 25px;　文字サイズ
font-weight : normal;
color : #000;　文字色
padding : 30px 0px 0px 25px;　　余白
text-align : left;
}



/*全体レイアウト
------------------------------------------------------------*/　


div#intro {/* blog説明文 */　　Ｂ
width : 550px;　横幅
font-size : 11px;文字サイズ
font-family : "ＭＳ 明朝",serif;
color : #666;　文字色
padding : 8px 10px 8px 45px;　余白
}



div#uehidari {/* 任意説明文 */　　Ｃ
overflow : auto;
padding : 15px 0px 15px 50px;　余白
width : 600px;　横幅
background-image : url(); 　（）内に画像アドレスで背景画像表示
position : absolute;
left : 12px;　　左からの距離
top : 155px;　　上からの距離
font-size : 11px;　文字サイズ
}




っと、そんなに需要も無いと思うし、何か思い出したら追記するかもですが、
もー疲れたのでひとまずこの辺で＜(＿＿)＞