オーナーへメッセージ
インフォメーション
【しーまからのお知らせ】
プロフィール
mizuma
mizuma
IT/ネットといえどもたかが道具。
でもどんな道具をどう使えばいいのか。
新しもの好き・人柱ともいいますが、色々試したり利用している道具をご紹介。
「しぃ~ま」への要望もあったり、分かる範囲ですが使い方の質問も受け付けます。
アクセスカウンタ
読者登録
メールアドレスを入力して登録する事で、このブログの新着エントリーをメールでお届けいたします。 解除は→こちら
現在の読者数 0人
QRコード
QRCODE

2010年02月01日

TABメニューを簡単作成

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

 こういう動きのあるメニューってCSSやら色々ややこしいのですが、サクッと作ってくれるフリーソフトがあります。
 CSS Tab Designer です。

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

タグ :CSSTAB

この記事へのトラックバックURL

上の画像に書かれている文字を入力して下さい