Labirinto di Oresama 〜俺様的迷宮

さて、今年もトナカイの足音がヒタヒタと聞こえて参りまして、FC2ブログ界隈ではクリスマステンプレート合戦が賑わいを見せておりまして、可愛いのやびゅーてぃふぉーなモノが共有テンプレートに続々と登録されておりますが、我が道を独りトボトボと突き進む俺様ちゃんは今回、ちょっと和風な感じのモノを作ってみました。クリスマスを通り越してその先にある正月を少しだけ意識したのは事実ですけど、でも季節モノってその時にしか使って貰えないから寂しいじゃないですか。なので、基本的には普段使い用ってことで一つ。

和風というと、桜とか着物とかをモチーフにしたどちらかと言うと女性向けのモノが多いですが、男女共用で艶っぽいのが作りたいなってことで出来あがったのがこちらです。

まず、背景は2種類ありまして、デフォルトでは木目になっているんですが、スタイルシートをちょこっと編集して頂くだけで白背景のドロップシャドー風になります。では、変更方法を説明いたします。

スタイルシートをご覧頂くと最初の方に次の記述があります。

/*木目の背景*/
background-image:url
(http://blog23.fc2.com/o/oresamachan/file/inace_ki.gif);
background-repeat:repeat;

/*ドロップシャドーの背景*/
/*background-image:url
(http://blog23.fc2.com/o/oresamachan/file/inace_ds.gif);
background-repeat:repeat-y;*/

ここの赤字の部分の /* と */ （コメントアウト記号って言います）を消してしまってください。そして更新するとドロップシャドーの方の画像が有効になります。

次にヘッダに関してですが、デフォルトは画像なしのシンプルなモノにしてあるんですが、画像が無くて淋しいと思われる場合は、次の3種類から選べるようになっています。






スタイルシートの真中辺りにある次の記述を見つけてください。

/*ヘッダーの設定*/
.head{
/*background-image:url
(http://blog23.fc2.com/o/oresamachan/file/inace_oiran.gif);*/
/*background-image:url
(http://blog23.fc2.com/o/oresamachan/file/inace_katana.gif);*/
/*background-image:url
(http://blog23.fc2.com/o/oresamachan/file/inace_tyochin.gif);*/
background-repeat:no-repeat;
background-position:center;
height : 180px ;
text-align : left;
line-height : 1.2em;
}

それぞれの画像のアドレスがコメントアウトされていますので、使いたい画像のコメントアウト記号を外してください。そして更新するとヘッダにその画像が表示されると思います。

また、自分で他の画像を入れたい場合も、この部分にその画像のアドレスを入れることで挿入できます。その場合、 height （デフォルトでは180px）はその画像の高さに合わせて調節してくださいね！

あ、日本刀の画像を使われる場合はブログタイトルの文字色がそのままだと見辛いかも知れませんので、タイトルと説明文の文字色の修正の場所も記しておきます。

/* ブログのタイトルの設定 */
.site_title{
font-family : "Times New Roman", "Georgia", "ＭＳ Ｐ明朝", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", serif;
font-weight : bold ;
padding : 20px 170px 5px 20px;
margin : 0;
}

.site_title a:link {font-size: 18px; color:#000; text-decoration: none;}
.site_title a:active {font-size: 18px; color:#f0eaa0; text-decoration: none;}
.site_title a:visited {font-size: 18px; color:#000; text-decoration: none;}
.site_title a:hover {font-size: 18px; color:#f0eaa0; text-decoration: none;}

/* ブログの説明文の設定 */
.site_s{
color : #000;
font-size : 12px;
font-family : "Times New Roman", "Georgia", "ＭＳ Ｐ明朝", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", serif;
font-weight : normal;
padding : 0px 170px 20px 20px;
margin : 0;
}

ここの color の部分をお好みの色番に修正してください。
次のような感じにするとシックリくるんじゃないかなと思います。

/* ブログのタイトルの設定 */
.site_title{
font-family : "Times New Roman", "Georgia", "ＭＳ Ｐ明朝", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", serif;
font-weight : bold ;
padding : 20px 170px 5px 20px;
margin : 0;
}

.site_title a:link {font-size: 18px; color:#ddcf66; text-decoration: none;}
.site_title a:active {font-size: 18px; color:#f0eaa0; text-decoration: none;}
.site_title a:visited {font-size: 18px; color:#ddcf66; text-decoration: none;}
.site_title a:hover {font-size: 18px; color:#f0eaa0; text-decoration: none;}

/* ブログの説明文の設定 */
.site_s{
color : #c6b44b;
font-size : 12px;
font-family : "Times New Roman", "Georgia", "ＭＳ Ｐ明朝", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", serif;
font-weight : normal;
padding : 0px 170px 20px 20px;
margin : 0;
}

いやぁ、長くなりましたが、こんなところでしょうか。質問・その他ございましたら、こちらにコメントをどうぞ。

---

---

---

---

トラックバックURL
→http://oresamachan.blog23.fc2.com/tb.php/155-c764c9fb
この記事にトラックバックする(FC2ブログユーザー)