2010年02月01日
TABメニューを簡単作成
「しーま」正式オープンと同時にデザインも新しくなったので、既存のテンプレートだけだったブログのデザインも手を入れることにしました。
「しーま」に現在4つのブログを作っているのは、なにより本業のガイドとして奄美の情報提供が第一の目的で、最終的にガイドの仕事に繋がればと思っていたのですが、それぞれのブログを訪れる方にはそこらへんがうまく伝わらない、ガイドの案内へ繋がっていかないなと、昨日の「しーま」のセミナーで再確認しました。
そこでまずはデザインを共通にすることにしました。
まずはブログデザインの幅を950pxに。
これは「しーま」の新しいトップページが950pxなので、違和感はないだろう、ということです。
そして、同じグループと分かるようにしようと思ったのですが、その前に、すべてのブログの頭にナビゲーションメニューをつけよう、ということで加えたのがタブメニューです。(今ご覧になっているブログの上にあります。)
こういう動きのあるメニューってCSSやら色々ややこしいのですが、サクッと作ってくれるフリーソフトがあります。
CSS Tab Designer です。

残念ながらWindows専用で、さらに日本語は使えるのですが、プレビューで文字化けしてしまいます。
生成されるCSSとHTMLはわかりやすいので、少しがんばれば組み込めると思いますよ。
是非トライしてみて下さい。
「しーま」に現在4つのブログを作っているのは、なにより本業のガイドとして奄美の情報提供が第一の目的で、最終的にガイドの仕事に繋がればと思っていたのですが、それぞれのブログを訪れる方にはそこらへんがうまく伝わらない、ガイドの案内へ繋がっていかないなと、昨日の「しーま」のセミナーで再確認しました。
そこでまずはデザインを共通にすることにしました。
まずはブログデザインの幅を950pxに。
これは「しーま」の新しいトップページが950pxなので、違和感はないだろう、ということです。
そして、同じグループと分かるようにしようと思ったのですが、その前に、すべてのブログの頭にナビゲーションメニューをつけよう、ということで加えたのがタブメニューです。(今ご覧になっているブログの上にあります。)
こういう動きのあるメニューってCSSやら色々ややこしいのですが、サクッと作ってくれるフリーソフトがあります。
CSS Tab Designer です。

残念ながらWindows専用で、さらに日本語は使えるのですが、プレビューで文字化けしてしまいます。
生成されるCSSとHTMLはわかりやすいので、少しがんばれば組み込めると思いますよ。
是非トライしてみて下さい。

奄美群島地域ブログ「しーま」


