metal.ize - tutoriales

Este es un peque・ experimento con CSS que muestra un men・circular con los elementos a su alrededor.

CSSを使ってカッコいい円形メニューを作るサンプル。
次のような円形でアイコンにカーソルを合わせるとツールチップが表示されるような円形メニューのサンプルが紹介されています。



尚、紹介したページの言語は英語ではないのですが、解説ページのサンプルコードを読みつつ原理を理解するとよいでしょう。
HTMLがリスト要素になっていて綺麗なHTMLになっているのが特徴。ＣＳＳをオフにすると次のようなリスト要素の見栄えになります。



Flashや画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。
解析しておけばＣＳＳによるレイアウト力がついて何でも作れそうですね。