カスタマイズ用緑バナー

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

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

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

幅は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

カスタマイズ用の素材一覧

探しにくいかもしれないので、これまでに記事にUPしてきたカスタマイズ用の素材一覧を作ってみました。
これらの素材は、私のテンプレでしたら、直リンク（ダウンロードせずに、URLをソースに打ち込んで直接表示させること）もOKですが、他のことには使用しないでください。

do_megane用（オリジナルは800px）の全体のレイアウトの左右に出る薄い灰色のグラデーション壁紙
・レイアウト幅780px（素材の幅ではありません）
http://blog-imgs-14.fc2.com/d/o/k/dokode/line780youmono.gif
・レイアウト幅820px用
http://blog-imgs-14.fc2.com/d/o/k/dokode/line820youmono.gif
・レイアウト幅860px用
http://blog-imgs-14.fc2.com/d/o/k/dokode/line860youmono.gif
・レイアウト幅900px用
http://blog-imgs-14.fc2.com/d/o/k/dokode/line900youmono.gif

do_qp_dptとdo_qp_dpt3c両用ヘッダーのバナー
・ハート模様
http://blog-imgs-14.fc2.com/d/o/k/dokode/qpbanaheart1.jpg
・水玉
http://blog-imgs-14.fc2.com/d/o/k/dokode/qpbanamizutama1.jpg

・do_blueskyの右メニュー用背景
http://blog-imgs-14.fc2.com/d/o/k/dokode/doskykabe2.jpg

・do_rose_butterfly3cとdo_rose_butterfly2cの記事上部の背景のレース壁紙の模様違い
http://blog-imgs-14.fc2.com/d/o/k/dokode/doplace1.gif
http://blog-imgs-14.fc2.com/d/o/k/dokode/doplace2.gif

・do_moonstar_blueの背景壁紙
★今使っている背景壁紙と同じものですが、多少コントラストを上げたもの
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedostarb2.jpg


★シンプルな星壁紙（クリックすると敷き詰めた見本が見れます）
http://blog-imgs-14.fc2.com/d/o/k/dokode/dostarkabewb1.gif


・do_onpu_2cの背景壁紙
★似たような感じでやや荒めのテクスチャ
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedobr2.jpg

★ゴールドっぽいテクスチャ
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedogold1.jpg

★赤系のテクスチャ（メニューの土台と同じにしたかったのに、途中経過のデータを保存していなかったので作れず……若干違います；）
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedored1.jpg

★シンプルな音符模様
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabeonpubr.gif

★シンプルな水玉
http://blog-imgs-14.fc2.com/d/o/k/dokode/dodotbr.gif

★赤茶系のストライプ
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedobll1.gif

★ブラウン系チェック
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedotc3.jpg


・do_tartancheckの背景壁紙のコントラストを上げたもの（よりニットっぽいです）
http://blog-imgs-14.fc2.com/d/o/k/dokode/kabedotcyouyobi1.jpg

・do_wordofloveの背景壁紙
無地　http://blog-imgs-18.fc2.com/d/o/k/dokode/kabewlyou2.jpg


ハート　http://blog-imgs-18.fc2.com/d/o/k/dokode/kabewlyou3.jpg


・do_wordofloveのリストマーク
静止画赤
http://blog-imgs-18.fc2.com/d/o/k/dokode/iconminirhbryou.gif

静止画ピンク
http://blog-imgs-18.fc2.com/d/o/k/dokode/iconlistwl1.gif

GIFアニメ
http://blog-imgs-18.fc2.com/d/o/k/dokode/iconredopinkhta1.gif


・横幅800pxの汎用バナー(リサイズOKです）
http://blog-imgs-19.fc2.com/d/o/k/dokode/banadogreen.jpg



また何か作ったらここに追加していきます。