物事をシンプルにするます

ヘッダが主張しすぎな感じとかがちょっと飽きてきたので、ちょっとだけリニューアルした。ロゴとヘッダ変えただけ。緑ももうやめようかな……とは考えたが面倒になったのでそのままで……。Ctrl+F5！ ロゴ 手持ちのフォントで"h"だけを打ち出して良さそうなのを選んだだけという。使ったフォントはJandlesで、MyFontsから無料で手に入る。ベベルるかグラデるか迷った末グラデった。もうアルファチャンネル付きのPNGファイルでいいよね？ いいよね！ ロゴの配置はちょっと悩んだ。マージンに負の値を入れてfloatさせればいけそうな気がしたが、それではコンテンツとかぶさるように配置するのは無理な感じだった。また、コンテンツの左右のマージンが一定ではないので、absoluteでも正確に配置できない。とりあえず親要素をrelative、ロゴ部分をabsoluteにしてやって、親要素を基準にしてロゴを絶対

[hiro_y]

borderをゆるやかな曲線にする方法。radiusの指定にコツが。

[m_o_k_a]

ナビゲーションリンクの下線を「border-radius」を使って曲線に。スマイルマークみたいでかわいい！

[aereal]

オシャレ

[raimon49]

ゆるいアンカー　border-radiusを指定

[teppeis]

「どんな英単語も下にゆるい曲線つけるだけで顔文字に見えてくる。不思議！」

[IwamotoTakashi]

ナビゲーションかわいい！　「border-radiusでパーセンテージ指定」

[asiamoth]

「ハバネロは小粒でピリリと辛い」という感じの小粋な記事だなー。/ Firefox 子たんで見ると、リンクの下は普通に直線が引かれている……。 >_<

[blythegirls]

たしかに何かわかんないけどかわいい

[kaminoaki]

hail2u.net - Weblog - 物事をシンプルにするます

[Yuichirou]

「どんな英単語も下にゆるい曲線つけるだけで顔文字に見えてくる。不思議！」