« ニコン / 『ニコンF6』発表 | Main | 『W3C Validator』 / CSS検証サービス »

September 18, 2004

ココログのCSSをベーシック、プラスで変更してみる 【5】
/ 『ちまちまボタン』でナビゲーション

少しづつこのblogデザインを変更しているのだが、今回はblogサイトでよく見かける小さなバナー、通称「ちまちまボタン」でナビゲーションを作ってみた。ちまちまボタンは blogsticker とも呼ばれる80x15pxのちっちゃくてかわいいバナーだ。今回はButton Makerというサイトで作成した。サイト上でデザインを決めると自動作成してくれる。あとは出来たバナーの画像を保存するだけ。何度かトライしてとりあえずは無難なものにしてみた。これ、かなりハマります。ドット絵などで凝ったら楽しいかも。ただしこのサイトでは日本語のフォントに対応していないので、表記はアルファベットだけだ。しかし、けんたろさんという方のButton Maker for Japaneseというサイトでは、全く同じ手順で日本語が扱える。ただ、スペースが小さいので漢字などには向かないかも知れない。と思ったが、漢字で作ってみたら結構イイ感じだ。BMPで作成された画像を、あとでpngへ変換している。

配色がイマイチ?? 

ね、いいでしょ!?
これをいくつか作って、上部のバナーへいつもの方法、つまりウェブログの設定-サブタイトルへ記述。配置はCSSで規定、でナビゲーションを作ってみた。まだ、一部工事中だが、サイドバーのリンクを外して、「LINK」というエントリを新しく設け、ここへ誘導しようと考えた。この部分は通常のエントリの邪魔にならないよう、日時を過去にしてblogの底に沈めてしまうのがよい。ついでに、プロフィールページにも同じボタンを作って、HOMEへ戻れるようにしてみた。

これを作りながら、あぁそうか、サイトに貼られるバナーとはつまり現代の「千社札」なんだ、と思い至ってちょっと楽しくなった。

« ニコン / 『ニコンF6』発表 | Main | 『W3C Validator』 / CSS検証サービス »

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

Comments

Post a comment

Comments are moderated, and will not appear on this weblog until the author has approved them.

(Not displayed with comment.)

TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/21097/1463418

Listed below are links to weblogs that reference ココログのCSSをベーシック、プラスで変更してみる 【5】
/ 『ちまちまボタン』でナビゲーション
:

« ニコン / 『ニコンF6』発表 | Main | 『W3C Validator』 / CSS検証サービス »

NAVIGATION

無料ブログはココログ

search


  • Google

thank you!