忍者ブログ

気づきの記録

日常の中の小さな気づき。忘却の中に浮かぶかすかな記憶…。

NEW ENTRY

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

  • 10/22/20:56

ビジュアル多少変更


見て分かるとおり、壁紙を変えてみました。

前の壁紙もとっても大好き。特に色合いが。

サイドバーの「THANX!!!」にある真ん中のバナーの素材サイト

Retrograss Graphics様からお借りしていたものです。

こちらの素材はみんなかわいいし、きれい。色が素敵なんですよ。

微妙な色合いで派手すぎず地味すぎず。色も参考にさせてもらってます。



私は壁紙がないと寂しいと感じてしまうんで、やっぱり主張しすぎずシンプルな

ものを今回も使いました。

これはweb*citron様からお借りしたdotの壁紙です。薄くグリーン系で涼しげだと思います。



あと、blogのタイトル画像をちょっと変更。

基本的には何も変わっていないのですが、色と大きさを変えてみました。

このタイトルに使っているフォント。これも最近の私のお気に入りです。

手書き風のフォントでことりフォント(フリー)です。

フリーフォントなのに第二水準漢字まで使えるんです。

このフォントで書いた文字を画像にしてタイトルにしているだけなんですが、

結構かわいくって気に入っています。



素材屋さん巡りはとても楽しいです。ほんと、時間が経つのを忘れるくらい。

素敵な素材を目の前にして生かし切れない自分が悲しいわ


ちょっと覚書。

タイトル部分のソースです。

メインテンプレート、アーカイブテンプレート、一記事テンプレートの3つとも

同じです。



<h1><div class="blog_title"><a href="{$BlogUrl$}">

<img src="http://〜/img/blogtitle.png" border="0">

</a></div></h1>

<h2><img src="http://〜/img/blogsabtitle.png">

<!-- {$BlogDescription$} --></h2>



ちょっと解説しますと、<h1></h1>で囲まれているのが、

blogのタイトルですね。

この画像に{$BlogUrl$}(そのまま、自分のblogのURL)をリンクさせています。

blogの説明文ってありますよね。これは<h2></h2>で囲まれています。

本当はこの説明文は{$BlogDescription$}で表示させるのですが、

私は画像を使ってしまっているのでこれはいりません。

と言うわけで<!-- -->(コメントタグ)で囲んでおきました。

削除してしまってもよかったんですが、こうしたほうが後から見て

「blog説明文だな」って分かりやすいと思ったのでこのままにしておきました。



基本のテンプレートにはブログ説明文を入れるところには<table>タグが

使われていて<table>タグの中にまた<table>タグが入っている状態でした。

まぁ、私はそこまでしなくてもタイトルと並列させてしまえばいいやってな感じで

<table>タグは削除してしまいました。



なんか私のソースって汚い気がする。

きれいなソースを書くコツってあるんですかね。
PR
URL
FONT COLOR
COMMENT
Vodafone絵文字 i-mode絵文字 Ezweb絵文字
PASS

TRACK BACK

トラックバックURLはこちら