« 2007年12月 | トップページ | 2008年2月 »

2008年1月の3件の記事

2008.01.30

簡単!CSSでデザインされたメニュー

メニューをカスタマイズしてダウンロード|CSS Menu Maker

前回、手軽に利用できるツールバー(メニュー)を紹介してみましたが、もう1つ、もっと手軽にメニューが作れてしまうサイトがあったので紹介してみます。

これも2月号のWeb creatorsに紹介されていますが、CSS Menu Generatorというサイトです。縦・横メニューにドロップダウンメニュー(プルダウンメニュー)まで、20種類程揃っているので、気に入ったモノが見つけられると思います。
気に入ったモノが見つかったら、「Custmize」をクリックして、メニューの数と名前を設定します。「Update your Menu」をクリックすると、実際のイメージを確認できます。もちろんスタイルシートや画像を変えればカスタマイズもできます。
「Generate Menu Code」をクリックすると、コードが発行されますし、そのまま画像,html,CSSを丸ごとダウンロードするコトもできます。もちろんスタイルシートや画像を変えればカスタマイズも可能です。

サンプルはこちら

続きを読む "簡単!CSSでデザインされたメニュー"

| | コメント (0) | トラックバック (0)

2008.01.29

Windows Vista風のツールバー

Windows VistaのツールバーをCSSで再現する

早いもので間もなく1月も終わってしまいます。この前、年が明けたと思ったいたのに…、歳でしょうか。
なんだかんだとバタバタしておりましてなかなか時間が取れず…、今回はちょっとしたテクニックを紹介してみます。

2月号のWeb creatorsに紹介されていますが、blog.itookia.comさんの「How to create VISTA style toolbar with CSS」というページからVISTA_toolbar.zipをダウンロードすると、手軽にデザイン性にも優れたツールバー(メニューバー)が作れます。
さすがにこのままでは仕事には使えませんが、個人的なページとかサンプルとして提案するくらいには利用できそうです。
もちろんスタイルシートや画像を変えればカスタマイズもできます。

サンプルはこちら

続きを読む "Windows Vista風のツールバー"

| | コメント (6) | トラックバック (0)

2008.01.10

ロールオーバーでフォーカスする表現

Adobeのサイトみたいにはできませんが…

今回も例によって1月号のWeb creatorsからの使えそうなテクニックを…。
AdobeのCreative Suite 3のサイトようにコンテンツにカーソルをロールオーバーすると、フォーカスされて拡大率・不透明度・ぼかし等が変更するといったFlashです。
本をパラパラ見ていた時は「すぐ作れそう」と思っていましたが、実際やってみると少しはまりましたね。初期設定で拡大率・不透明度・ぼかしを設定するんですが、どうやって設定するかで試行錯誤してしまいました。(Webデザイナーとして恥ずかしい話ですが…)

さて、サンプルです。

続きを読む "ロールオーバーでフォーカスする表現"

| | コメント (12) | トラックバック (1)

« 2007年12月 | トップページ | 2008年2月 »