即席グローバルナビ作成
2011年07月13日 21:44:00
テーマ:追加HTML&CSS
headerに簡易的な即席グローバルナビを作ってみました。
全部CSSで出来るから簡単です(^^)
別に意味は無いけど、ずーーーーっとIllustrator触ってたから気晴らしに、という事で作成。
やっぱDTPメインが長いとソースの書き方忘れてヤバいやっさ。TAG indexを参考に、あとに残ったmarginとpaddingの計算は自力でやって完成。
でも配色だけだと詰まらんなぁ・・・( ̄. ̄;) ま、即席の簡易版なので仕方ないけど。
こちらはおまけ
青が、文字に全部アピアランスで作成したもの(文字の塗りを量産)。
赤が、パスと文字で作成したもの(オブジェクト一つひとつに効果入り)。
追記――――――
枠が角丸になるようCSS3のソースを追加しました。
Firefox4と5、Google Chromeで確認できます。ていうかIE以外。