どこでもドアーズLabo

昨年、植物園で撮った写真で緑テンプレを作ってみようと思ったんですが……

い、イマイチだなあ
元の写真は私が撮ったにしては珍しく、ディティールまで鮮明で、色合いも綺麗に撮れてたんですが、その分、ファイルサイズがやたらと大きかったので、サイズを抑えようといじくりまわしていたら、こんな微妙なものに……トイカメラ風を目指してみたんですが……；

このバナーでわざわざ新しいテンプレを作る気はなくしたのですが、捨てるにはもったいないかも？　なので、私のテンプレ専用のカスタマイズ用素材として配布しようかと……
（他の方のテンプレには使用しないでください）。

幅は800pxありますので、私のテンプレでヘッダーが800pxのものなら、適当にはめこんでお使いいただけます。
直リンOKです。
画像アドレス
http://blog-imgs-19.fc2.com/d/o/k/dokode/banadogreen.jpg

ためしに、do_meganeにただ入れてみただけのもの（多少、色を緑系に変更）……カスタマイズ例
↑のヘッダー部分のソース
HTML
<!--▼ヘッダーここから▼--> <div id="header"> <!--▼管理リンクここから▼--> <p class="admin"> <a href="<%url>?all" target="_self" title="全記事リストへ">*All&nbsp;archives</a>&nbsp;&nbsp; <a href="<%server_url>control.php" title="管理ページへ">*Admin</a></p> <!--/管理リンクここまで--> <h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1> <p class="intro"><%introduction></p> </div> <!--/ヘッダーここまで-->
スタイルシート
#header { text-align:left; width:800px; /* ヘッダーの幅 */ height:186px; /* ヘッダーの高さ */ background-image:url(http://blog-imgs-19.fc2.com/d/o/k/dokode/banadogreen.jpg); /* ヘッダー画像のURL */ background-repeat:no-repeat; background-position:left top; /* ヘッダー画像を左上にひとつだけ置いています */ line-height:1.3; /* 行間 */ font-family: Verdana,Chicago,Arial,Helvetica; /* フォント指定 */ padding:0; margin:0; } /* 管理リンク */ .admin { text-align:right; /* 右寄せ */ font-size:12px; /* 文字サイズ */ font-family:Arial,Helvetica; /* 文字種類 */ color:#fff; /* 文字色 */ padding:5px 15px 0; margin:0; } /* ブログタイトル */ h1 { text-align:left; /* 左寄せ */ font-size:18px; /* 文字大きさ */ color:#ｆｆｆ; /* 文字色 */ font-weight: bolder; /* 太さ */ margin:0px; padding:5px 20px 0px 20px; /* タイトルの位置、上・右・下・左の順に記述 */ } /* ブログ説明文 */ .intro { text-align:right; font-size:13px; /* 文字サイズ */ color:#F0FFF0; /* 文字色 */ font-weight: normal; /* 字の太さ */ margin:0; padding:100px 20px 0px 20px; /* 説明文の位置、上・右・下・左の順に記述 */ } /* ヘッダーのリンク設定 */ #header a:link, #header a:visited { color:#fff; text-decoration:none; } /* カーソルが乗った時 */ #header a:hover { color:#9c9; border-bottom:dotted 3px #9c9; /* 下にライン */ text-decoration:none; }
よろしかったら、上の例を参考に、お好きにカスタマイズして、使えるようなら使ってやってくださいませ。

で、今はクローバーとてんとう虫のイラストテンプレ作成中です。
今度は最後まで作れるように頑張ろうっと(;^_^A

【More・・・】

サーバーの調子が悪いのか、最近、なかなか画像が表示されないことあるなあ……；