ブログタイトルを画像に！

むっしゅさんちで、無料版でもできるという記事を読んで　頑張ってやってみたよ。

むっしゅの戯言　SPEC-B3：ブログタイトルを画像にするCSS

ただ・・・。なんせ　略さんのにゃんこテンプレから　いろいろいじってしまってるし、それに久々にCSSをいじるだけに　どうだっけ？って感じで・・・。

えーっと　ベースは　カスタムブルーのテンプレ。

変更前は　こんな感じ。



以前からタイトルロゴを変更したかったんだけど　アドバンスじゃないとできないと思ってたの。

そしたら　なんとできるってわかって　嬉しくって♪

早速マネしてみた。

ただ・・・。素材やさんから　借りてきたバナーが　ちと　でかかったのよね。



だから　その辺は　ちょっと数字を変更しないといけなかった。
　
あとは　入れ込んだ画像と背景が合わなかったから　カスタムテンプレート（ブルー）CSS設計図を参照して ブログタイトルのところの背景　白の枠を復活させた。

なんせ　いろいろいじってるうちに枠線消してたから　どうやったら　枠線が？って　わけわかめだったのよ。

↑のリンク先の設計図を観て

/* ブログのタイトル部上 */
.headerLight

↑これをいじるってことが判明！　それと幅も合わなかったので　画像より大きめにした。

後は

/* ブログの概要 */

のところの文字部分が　ずれてしまっていたので　変更したかな。


そのぐらいかなぁ。私がいじった所って。

CSSがわかってる人は　むっしゅさんの記事を観て　パパッとできちゃうんだろうけど　なんせ素人なもので　手探り状態で。

これだけのことをするのに2時間ぐらいかかっちゃった私。

でも　これから　ブログタイトルをいろいろ変更する！っていう楽しみも増えて　すごく嬉しい♪

むっしゅさんに感謝しなくっちゃね。