CSSを使ってカッコいい円形メニューを作る:phpspot開発日誌

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や画像のクリッカブルマップでこういったナビゲーションを作るのは簡単そうですが、リスト形式のものはなかなか無かった気がします。

[webmarksjp]

webデザイン

[dahon777]

HP作成　CSS

[sima-box]

CSSを使ってカッコいい円形メニューを作る

[lockcole]

聖剣のUIかと思ったらそこまですごいものじゃなかったけど，デザイン性の高いメニューをつくることができるやり方。CSSを見ると，がんばって各メニュー要素を円周に配置してる・・・ように見える。