« softbank(ソフトバンク)CM、続き | トップページ | 手編み:手提げバッグ »

2006/12/25

デザイン変更しました

クリスマスも終わった(既に過去形(笑))のでデザインを替えました。
お正月っぽいデザインも考えてみたのですが、また短期間でデザインを替えるパワーはなさそうなのであまりイベント色のないものになりました。

メインのバナー画像はいつもお世話になっている「ミントBlue」さんからお借りしました。
バナー用に780×180pxに成形されている画像にいつものように自分でロゴを入れてます。
花の色とかその下のトレイ(?)などの雰囲気がちょっとアジアっぽかったので、ロゴのフォントもそれっぽく。
画像の左端に使われている色とブログ全体の背景色を合わせて、写真と馴染むようにしました。

今回はバナーの他に、個々のエントリーの一番下の部分、引用の中、更にサイドバーの「最新の記事」、「最新のコメント」、「最新のトラックバック」のそれぞれの項目の背景画像にも「ミントBlue」さんの画像を使わせて頂いてます。
これらの画像は、元の画像に全体の背景画像に使った色(#F2F2F4)で透明度80%のフィルターを掛けたものです。

特に「最近の記事」については、リンクにも一工夫して文字にマウスを乗せると文字だけでなく、その行全体の色が変わるように設定してみました。
他のブログのデザインで見掛けて「やってみたいな~」と思ってソースを借りてきて真似してみたのですが、{display:~}というCSSは今まであまり使ったことがないのでなかなか思うように行かずに苦労しました^^;
更に、その後リスト項目の余白が思うように調整出来なくて何度もプレビューして…結果、なんとか出来上がったのが下記のCSSです。
カスタマイズの参考になれば幸いです。
(相変わらず汚いソースですが^^;)

【'07/01/08追記】
ふと思い立って「browsershots.org」を利用して他のブラウザでの見た目をチェックしたところ、サイドバー項目の余白を設定した部分がかなり崩れていることが判明したためCSSの適用を外しました。
つきましては、エントリー内に記載していたCSSも削除させて頂きました。
今後は事前にチェックしたいと思います。
IE以外のブラウザでご覧の閲覧者の皆様、大変失礼しました。

その他のサイドバーのリストタイトルに付けたお花のアイコンは「Simple Life」さんから、フッター部分の区切り線は「700km」さんからお借りしました。
素材サイト様、ありがとうございました。

|

« softbank(ソフトバンク)CM、続き | トップページ | 手編み:手提げバッグ »

ウェブログ・ココログ関連」カテゴリの記事

コメント

毎回、素晴らしいです!
私もいろいろ挑戦してみてはいますが、なかなか……。根気がないのかも。
人のデザインを見て楽しんでいます(笑)。今後も楽しみにしてますね。

記事と関係ありませんが、「初めてのココログ・カスタマイズ」の掲示板で、「リンク不要」と書いたのは、「リンクしないでください」ということではなく、「たいしたブログではないので、わざわざリンクしていただかなくてもいいですよ~」という程度のもので……。どちらでもいいです(笑)。
長々とすいません。

投稿: なまけもの | 2006/12/26 23:07

■なまけものさん
こんにちは。デザイン、誉めていただけて嬉しいです(^^)ありがとうございます。

私も今回ここまでやるつもりはなかったんですが、「ミントBlue」さんで綺麗なガーベラのバナー写真を見つけたのと、他のブログのリンク方法がどうしても再現してみたくて結局ここまで来てしまったよ、って感じです(笑)
でも大きな変化は記事に書いたCSS部分くらいで、他は画像を差し替えたくらいなんですけどね。
気に入っていただけたとしたら、頑張った甲斐がありました。

リンクの件、了解です。
私も「もしかしたら遠慮されてるだけなのかな~…。でも、何かの理由でリンクされたくない事情があるのかも…」といろいろ考えていたのでした(笑)
後ほど私の方でもリンクリストに加えさせて頂きます。

今後とも宜しくお願いいたします(^^)

投稿: tako | 2006/12/26 23:46

takoさん、こんばんは。

 素敵なデザインです。一見シンプルで、見やすいのに細かいところがとても凝っていて、色もシックでおしゃれです。思わず眺め入ってしまいました。

 今年は色々お世話になりました。ありがとうございます。良いお年を!

投稿: ぽんず | 2006/12/31 17:34

■ぽんずさん
明けましておめでとうございます。

デザインの感想、ありがとうございます。
気に入って頂けて嬉しいです。

自分の部屋もブログのデザインくらい格好良くデザイン出来ればいいんですけどね~^^;
年が明けたばかりだというのに既に私の部屋は大変なことになっています(笑)
今年は片づけ上手になりたいと願うtakoでした。

こんな私ですが今年も宜しくお願いいたします(^^)

投稿: tako | 2007/01/05 22:44

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/29699/13200058

この記事へのトラックバック一覧です: デザイン変更しました:

« softbank(ソフトバンク)CM、続き | トップページ | 手編み:手提げバッグ »