ここ数日、最新記事だけ全文表示、過去記事は”続きを読む”を自動的に処理できないかなーと模索しています。

色々調べてるうちに、当初の目的と直接は関係ないのですが、こんな記事に行き当たったのでこのblogでもやってみました。

wp.vicunaのcontinue reading…を”続きを読む”に変更して#extendedをなくす方法 – sorarium

“#extended”が付かなくなると何が起きるかというと…
まず、URLが分散しなくなります。
ブックマーク先などが”ドメイン/記事ID”と”ドメイン/記事ID#extended”に分かれてしまうことが無くなるわけです。
次に、WordPressでは”続きを読む”をクリックした場合、自動的に”続きを読む”で隠されていた部分まで飛ぶようになっているのですが、これが意外と読みにくい。
それが、記事の先頭から表示されるようになります。

元記事ではwp.vicunaを想定していますが、当blogは拡張版のVicuna.Extを使っています。
とはいえ、やることは同じなんですけども。(※やることが同じなので、以下の記述は元記事と同じです)

/wp-contents/theme/Vicuna_Ext/functions.php 内に、以下のような箇所があるので探します。

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\” id=\”extended\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\t</p>\n\t\t\t</div>\n$indentText<div class=\”textBody\” id=\”extended\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<br\s*\/>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\” id=\”extended\”>\n<p>$indentText\t<p>\\2</p>”, $content);

それぞれのid=\”extended\”を削除して、以下のようにします。

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<span id=”more-([0-9]+?)”><\/span>(.*?)<\/p>/’, “\t</p>\n\t\t\t</div>\n$indentText<div class=\”textBody\”>\n$indentText\t<p>\\2</p>”, $content);

$content = preg_replace(‘/\s*<p><span id=”more-([0-9]+?)”><\/span>(.*?)<br\s*\/>/’, “\n\t\t\t</div>\n$indentText<div class=\”textBody\”>\n<p>$indentText\t<p>\\2</p>”, $content);

次に、以下の部分のextendedをそれぞれ削除。

$content = preg_replace(‘/<p(\s.+?=”.+?”>|>)\s?<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, ‘<p><a href=”\2” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\4</a></p>’, $content);

$content = preg_replace(‘/\s*<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, “</p>\n\t\t\t\t”.’<p><a href=”\1extended” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\3</a></p>’, $content);

それぞれ、このようになります↓

$content = preg_replace(‘/<p(\s.+?=”.+?”>|>)\s?<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, ‘<p><a href=”\2” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\4</a></p>’, $content);

$content = preg_replace(‘/\s*<a href=”(.+?)#more-([0-9]+?)”>(.+?)<\/a><\/p>/’, “</p>\n\t\t\t\t”.’<p><a href=”\1” title=”‘ . $entry_title . ‘ 全文を読む” rel=”nofollow”>\3</a></p>’, $content);

編集が終わったら保存してアップロード。

これで、”続きを読む”リンクをクリックした場合にも、URLに余計なものが付かず、記事の頭から読めるようになります。

流れに乗って、私も公開してしまおうと思います(笑)

現在メインで使っているモレスキン2冊。

左の猫の方がルールド、右が7月から使い始めた18ヶ月ダイアリーです。

ルールドは気ままな自由帳

私はモレスキンに記入する際、特にルールは決めていません。
人によっては項目ごとに色を変えたり、真ん中から分けてToDoとメモのセクションを分けていたりするようですが、私は全部、最初のページから時系列に書き込んでいきます。

書き込むときに使う筆記具も様々で、その時の気分、というか一番手近にあるペンを使います。
その時によっては鉛筆も使います。

書き込む内容は様々で、その時思ったこと、覚えておくべきこと、読みたい本などなど。

このページはレポートの下調べで書いた、財務分析の諸指標のメモですね。

こちらは、読んでいる本の内容のまとめ。時折記事にしているブックレビューはこのようなメモを元に書いています。

ルールドの方は、このように内容はかなり乱雑というか、まとまり無く色々書いています。

ダイアリーは色分けでスケジュール管理

続いて18ヶ月ダイアリー。

マンスリーとウィークリーのページ。

マンスリーの休日はわかりやすいようにマーカーで色をつけてあります。
使っているマーカーはゼブラのマイルドライナー。

ウィークリーは予定の詳細。
右のノートページにはタスクの詳細などをメモしています。

予定はその種類によって4色に分けています。
学校、勉強関連は赤、プライベートは緑、アルバイトは青、家庭の用事は黒。
私がモレスキンに適用している唯一のルールかも^^;

付箋は必須！拡張ポケットには出納帳

ダイアリーの表紙裏にはポストイット。
フラッグの方は貼ってはがせるタイプのテープのりで貼ってあります。

これは私が手帳をちゃんと使い始めてから続く習慣ですね。
色々と便利なので。

拡張ポケットには通帳サイズの出納帳。
財布の現金だけですが、これに記録してます。

と、いうわけで、
あまり参考にはならないと思いますが、私のモレスキン活用法(活用するようなものでもないと思っていますが)を書いてみました。

モレスキン ポケットサイズ 横罫 モレスキン Amazonで詳しく見る

MOLESKINE モレスキン ダイアリースケジュール+ノート 18ヶ月 2010-2011年 ハードカバー / ポケット カファ Amazonで詳しく見る

中にはキングジムのポメラのように、かなりエポックメイキングな製品もあり、文具ファンとしては楽しい日々を過ごしています。

そんな中でも、映画やドラマの影響もあるのか、万年筆がここ数年でかなり注目を集めているように感じています。

万年筆という筆記具は、きちんとメンテナンスをしてあげれば自分が死ぬまで(誇張ではなく)使える筆記具です。

そこで、今更感はありますが、万年筆の基本的なメンテナンスの方法を書いておこうと思います。

その前に、メンテナンスを簡単にする為のTipsをふたつほど。

●両用式であればできるだけコンバーターを使う

現在市販されている万年筆の大多数はカートリッジ･コンバーター両用式です。

“サービスインク”としてカートリッジが一本付属することが多いですが、できれば最初からコンバーターを利用しましょう。

●インクの色は変えない

できれば、最初にこれと決めたインク以外は使わないようにしましょう。

特に初めて万年筆を使うのであれば、純正のどれか一色だけを使うようにすると、無用なトラブルを避けられます。

純正以外のインクを使うと、メーカー保証が受けられなくなる可能性もありますので。

それでは、メンテナンスの手順は以下から。

本格的なメンテナンスは数ヶ月に一度

車で言うところの定期点検にあたる、インクを抜いて行うメンテナンスは、数ヶ月に一度くらいで十分です。

また、これは使用するインクを変える際にも行うメンテナンスです。

1. 残ったインクをインク瓶に戻します。
2. インクの代わりに水を吸入します。
   このとき使うのは、常温の蒸留水や精製水(薬局で買えます)がベストです。
   私は水道水を使っていて、今のところトラブルはないですが、保証はできません。
   インクが固着しているようならぬるま湯を使います。
3. 吸入した水を捨てます。
4. 手順2～3を、水が無色透明になるまで繰り返します。
5. ペン先～首軸を水に浸けたまま、2～3日おいておきます。
   このとき、コンバーターを外して首軸だけの状態で水に浸けておくとなお良いでしょう。
   吸入式の場合は、ピストンを下げた状態でペン先を下に向けた状態で首軸までを水に浸けておきます。
   この間、首軸やペン芯に残ったインクが流れ出してきますので、半日～１日ごとに水を換えます。
6. 水から引き上げ、ティッシュや布でペン先を優しく包み、残った水を吸い出します。
7. 水が出てこなくなったら、2～3日自然乾燥させます。
   ※ドライヤーは絶対に使わないこと!

乾燥したら、インクを入れて終了です。

普段のメンテナンスは簡単!

普段のメンテナンスは、書くこととインクを補充することです。
意外に思われるかもしれませんが、毎日使うこと、インクがなくなったら補充すること、これが一番のメンテナンスになるのです。

万年筆は、毛細管現象によってペン芯のインク溝を通ってインクが出てきます。
このインクの通り道に、インク滓や細かいホコリなどが詰まると調子が悪くなります。

毎日書くことで、新鮮なインクが溝を通ることによってインク滓やホコリを洗い流してくれるのです。

最低でも数日に1回は書いてあげると、そうそう調子が悪くなることはないでしょう。

また、書くだけではインクの流れが一方通行になってしまうので、インクの補充も大切です。
両用式の万年筆でもコンバーターの利用をおすすめするのはこのためです。

インクを吸入することで、インク溝だけではなく、空気溝や首軸とペン芯の間などに詰まったインク滓などを洗い流すことができます。

多くの機械や器械がそうであるように、毎日使うことこそが一番のメンテナンスになりますし、ちょっとした不調や変化に気づけるようになります。
特にカーボンインクのような耐水性のインクや、ブルーブラックインクを入れているペンは毎日書くようにすると、インクが固着せずにいつでもスムーズに書ける状態を維持できます。

もし何日か放置してしまって、ペン先やペン芯にインクが固着していたり、完全に乾いてしまってインクが出てこないときは、絶対にペンを振ったりせず、インク誘導液か常温の水、もしくは瓶のインクにペン先を浸してください。

それでもダメなときは、インクが残っていてもインクの補充と同じ手順で何度かインクを出したり入れたりしてやると、だいたいの場合は解消します。

最後に……

それでも不具合が解消されない場合は、無理に直そうとせずペンクリニックに持って行ってください。

万年筆を調整、修理するにはそれなりに道具と技術が必要になりますので、何本か犠牲を出すことを覚悟できないのであれば専門家に任せるのが一番です。

快適な万年筆ライフを！

今回は、私が実践しているちょっとした活用術を紹介していきます。

消化した予定やタスクは赤線で消す

これはワタミグループのCEO、渡邊美樹氏が実践されている方法です。

非常に簡単ですが、かなりオススメです。

終わった項目を赤で消しておけば、手帳をパッと開いたときに終わったものと終わっていないものが一目瞭然です。
どんなに密に書いた手帳でも、赤くなっていない場所を探せば、未消化の予定やタスクがすぐに見つかります。

また、書き込んだペンで消してしまうと、消し方によっては何が書いてあったのかわからなくなりがちですが、赤で消せば書いてあることもハッキリと読めますから、一日を振り返るときにも”なにをしていたのかわからない”ということがありません。

このとき使う赤ペンはボールペンではなく、太く発色のよいペンが良いでしょう。
オススメは赤のダーマトグラフか、水性のペンや万年筆には使えませんがぺんてるのサインペンです。

簡単ですが、案外大きな効果を持っています。

続きは以下から。

記入は消せないペンで

私は、スケジュールの記入にはボールペンだったり万年筆だったり、とにかく容易に修正のきかない筆記具を使います。

これは、予定の変更があったときに、変更の履歴が残るからです。

変更前の予定は、消化したわけではないので赤ではなく書き込んだペンと同じ色で線を引いて消します。

時間が決まっている予定は枠で書き込む

時間軸のある手帳限定ですが、矢印や線で時間を確保するのではなくて、枠で記入します。

また、隣合う項目の枠は色を変えたりすると分かりやすいです。

これのメリットは、空き時間を視覚的に把握することができるということです。

さらに一歩進んだ使い方として、行動記録をとるときにも使えます。

生産している時間(仕事や勉強)、浪費している時間(テレビなど)、コストとして必要な時間(移動時間など)、余暇の時間(読書や趣味など)を色分けして、その日一日、自分が何をしていたのか、無為な時間や時間の使い方の傾向を洗い出すのです。

付箋は必須！

生活していると、日時未定な予定というのが出てきます。

こういうときには付箋を活用します。

とりあえず付箋に書いて、適当なところに貼っておいて、確定したら書き込むという使い方をします。

とっさのメモや、人にメモを渡す際にも、付箋があれば簡単です。

私は、手帳のトビラに、ポストイットのフラッグやメモブロックを10枚ずつぐらい数種類貼り付けて使っています。

いろんなものを貼っておく

手帳に記載する情報の中には、これから先も長い間使えるものが出てきます。

そういった情報は直接書き込むのではなく、ほかの紙に書いて手帳に挟むなり貼るなりすると、手帳を買い換えたときに再度書き込む手間が省けます。

表紙の裏やトビラ裏などの開きやすいところに、自分の目標や標語を貼るのもいいですね。
私は母校のモットーと、皇太子妃殿下が好きな言葉として挙げられた言葉を貼ってあります。

その他には、ヤマト運輸の運賃表、GTDのフローチャートとトリガーリストが貼り付けてあります。

私がこう行ったものを貼り付けるときに使っているのは、ドットライナーの貼ってはがせるタイプです。

手帳サイズのクリアファイルを活用する

私が使っているのはDELFONICSの4パーツフォルダーというものです。
これは私の使っているB6版、そしてA6版も出ていて、4つのセクションに分かれたクリアファイルと、差し込み用の裏表紙がついているものです。

私はメモ書きや請求書などを手帳に挟むので、このクリアファイルはとても重宝しています。

万人に適した手帳術はない

最近は色々な手帳術の書籍が出版されていますが、煩雑で継続が難しかったり、特殊な手帳が必要だったりと、どれも一長一短です。
万人に合う手帳術は存在しないと言ってもいいでしょう。

私がこのエントリで挙げたTipsも、私にとって使いやすいというだけで、同じ事が誰にでも適用されるわけではありません。
しかし、ここに挙げたことはすべて、私が参考にした手帳のヘヴィユーザーが実践していることでもあります。
具体的にはワタミの渡邊氏、GMOの熊谷氏、能率協会の野口氏ほか多数ですが、それぞれの手帳術の中で、自分が実践しやすいものだけを取り入れています。

このTipsはいわば手帳活用の第一歩ですが、手帳のポテンシャルを引き出す上でそれなりの効力があるのは実証済みですので、初めて手帳を活用しようという方には自信を持っておすすめできる活用法です。

手帳を楽しく使い続けるために、参考にしていただけたらと思います。

今回は実際に手帳を選ぶ際に、おそらく最も重要なファクターである”サイズ”と”デザイン”について、そして手帳を買うときの心構えを書こうと思います。

サイズを考える

実際に手帳売り場に行くとわかると思いますが、手帳には様々なサイズのものがあります。

一般的なサイズとしては、以下のようなものがあるでしょう。

• バイブルサイズ(主にシステム手帳)
• ミニ6穴サイズ(主にシステム手帳)
• A5サイズ(システム手帳、綴じ手帳共通)
• B6サイズ(主に綴じ手帳)
• ポケットサイズ(各社オリジナル)

変わり種としては、A4縦四つ折りの”超整理手帳”なんていうものもあります。

サイズを考える上で大事なのは、“自分がいつ、どこで手帳を使うのか”ということです。

机の上に広げて記入することが多いならば、ある程度大判のサイズでも使えます。
外出先や立ったまま記入することが多いのであれば、片手で容易に支えることができるサイズが良いでしょう。

また、手帳を持ち運ぶのか 、どこかに収納して使うのかというのも重要です。
持ち運ぶならコンパクトな方がいいですからね。

さらに、扱う書類のサイズやカバンのサイズも重要です。
A判の書類をB判の手帳に挟むのは面倒ですし、参照性も悪くなります。
大きなカバンに小さな手帳では見つけづらくなりますし、大きな手帳はそれだけで荷物になります。

私はバイブルサイズのシステム手帳からB6判の綴じ手帳に移行しましたが、これはバイブルサイズのバインダーの外寸がほぼB6判だったことが理由です。

次に、書き込む量も考慮に入れなければいけません。

日記のように使うのであれば、書き込み面積は大きい方が使いやすいですよね。
アポイントだけを記入するのであれば、ポケットサイズでも 十分かも知れません。

自分が手帳に何を書き込みたいのか、という点からも、手帳のサイズを熟考してみる価値はあります。

デザインで選ぶ

個人的には、これが一番重要なファクターと言ってもおかしくないと思っています。

というのも、手帳がその真価を発揮するのは使い続けてこそなんです。

気に入ったデザイン、好きなキャラクターの小物はついつい何度も使って、長く手元に置いておきたくなりますよね。
手帳でも同じで、愛着があるほど頻繁に開き、書き込み、その年が終わっても保管すると思うのです。

楽しく続けられることが一番ですから。

気に入らないデザインの手帳を妥協して選んでしまうと、3ヶ月後には本棚の肥やし、ということも珍しくありません。(私は何度も経験しました^^;)

なので、できるだけ手元に置いておきたい、自分のお気に入りのデザインを探すというのは、けっこう大事なことなんです。

ただ、注意しなければならないのは、社会人や大学生であればTPOに合わせた物を持ちたい、と言うことです。

就職活動の面接や商談の場で、ポップなキャラクター物の手帳は似合いませんからね。

外見はおとなしい感じのファブリックや皮革の物が良いでしょう。
今はキャラクター物でも、大人が使っても違和感のないデザインの物も出てきています。

学生のように、カジュアルとフォーマルが頻繁に入れ替わる場合は、ほぼ日手帳やハンズのFS手帳のようにカバーを替えられる物がオススメです。

ぜひ、お気に入りの一冊を見つけてみてください。

もしも気に入ったデザインが無かったら、最近文具として注目されているマスキングテープやスタンプなどで既製の物に個性を出してみたり、レザークラフトや裁縫ができる方であればカバーを自作してしまうのも一つの方法です。

手帳ジプシーになってもいいという心構え

手帳を初めて買うに際して、手帳は”1年間使い続ける物”と考えている方が多いように思います。

全然、そんなことはありません！

フォーマットがライフスタイルに合わない、持ち運びが億劫になってきた、記入スペースが足りないなど、使っていくうちに不満点が出てくるのは当たり前です。

そういうときは、思い切って買い直しましょう！

昨今の手帳は、12月、1月、4月、7月、10月始まりなど、始まりの時期が多様です。
使っている手帳に不満が出てきたら、たとえ年の途中でも手帳売り場に行ってその不満点を解消してくれる手帳を探しましょう。

手帳を使い始めて数年は手帳ジプシーになることを恐れてはいけません。

いろいろな手帳を使っていくうちに、自分の使いやすい手帳や自分に合った使い方というものが見えてきます。

1冊目より2冊目、2冊目より3冊目と、より自分に合った手帳を見つけることができるようになってきます。

日本では年度の始まりが4月なので、今の時期でしたら12月始まりか1月始まりを買ってとりあえず3ヶ月使ってみて、使いやすければ続行、不満点があれば4月始まりを買い直すという方法が良いでしょう。

3ヶ月も使ってみれば、合う合わないは見えてくると思います。

世は手帳シーズン、2回連続で、私なりの手帳の選び方を書いてみました。
少しでも参考にして頂けたならば幸いです。

ほとんどが、かの”ほぼ日”を選択しているのですが、その理由は色々。

そこで、彼らにも伝授した私なりの”手帳の選び方”について、備忘録も兼ねて書いておこうと思います。

まずは自分の単位時間を知る

手帳による時間管理を行なっていないと、案外把握していないのが、この”自分の単位時間“です。

これは、自分の行動が、時間のどの単位に重きを置いているのか、ということです。

例えば、学生であれば生活の中心となる時間単位は”1時限”でしょうから、これに一番近い”1時間”が単位時間と考えて良さそうです。

事務職など、その日のタスクだけが決まっている場合、単位時間は”1日”もしくは”半日”と考えられるでしょう。
逆に分単位のアポイントなどに時間を追われるような営業職や経営者は、”分”が単位時間として適切でしょう。

このように、自分のライフスタイルの中で、基軸になる時間の”単位”を考えます。

私の場合は、1日のスケジュールをだいたい1時間単位で見積もりますので、私の単位時間は”1時間”ということです。

これは、手帳のフォーマットを選ぶ上で参考になります。

手帳のフォーマットを考える

手帳には様々な種類があります。

大判のハードカバーで、1ページごとに日付しか書かれておらず、罫線も引いていない物から、能率手帳のようにポケットに収まるサイズで見開き一週間ないし二週間のもの、見開き1ヶ月、蛇腹の年間予定表、日ごとにToDoリストが付いているもの、最近では自分の目標や、食事や出納、健康の記録などの欄が付いているものまであります。

これだけ沢山の種類があるので、初めて手帳の購入を考えている方は迷ってしまうのも仕方のないことだと思います。

さて、この膨大なフォーマットの中から、どうしたら自分に合った手帳を見つけることができるのでしょうか。

ここで基準にして頂きたいのが、先に書いた”自分の単位時間”です。

一般的に、単位時間の2つ上のフォーマットが使いやすい、と言われています。

私であれば、単位時間は”1時間”なので、1時間→1日→1週間というふうに、2階層上位の単位をフォーマットに持つ手帳が使いやすい、ということです。

単位時間が”分”であれば、分→1時間→1日、つまり1日1ページ。
“1日”であれば、1日→1週間→1ヶ月、つまり見開き1ヶ月。

フォーマットはこのように選ぶと、失敗が少ないと思います。

メインのフォーマットが決まったら、あとは使いやすそうな配置のものを選びます。
私の場合は、メインが見開き1週間のレフトタイプ(右ページがノートになっている) で、巻頭にまとめて見開き1ヶ月のカレンダーが付いているものを選びました。

次はサイズとデザインについてです。次回に続きます。

今回は日経ビジネスAssocie 11月3日号(10/20発売)です。

内容については、以下のお二方が詳しくレビューされていますので、当blogでは割愛させていただきます。
かなり充実した特集ですので、興味のある方は見かけたら購入されることをオススメします。

• 日経ビジネス Associe 2009.11.03号 (手帳と文房具のレビューサイト)
• さんてんり～だ 日経ビジネスAssosie 2009 11/03 手帳活用術

さて、特集の中に、読者29人の手帳TIPS75というコーナーがあります。

紹介されている手帳はどれも、とても工夫されていて、参考になるものばかりです。

そこで紹介されている手帳の中に、非常にためになる言葉を発見しました。

30代の、IT企業の社長さんの手帳なのですが、手帳の裏にアマの考え方、プロの考え方というのを印刷して挟んであるそうです。
その内容がとても良い。

• アマの考え方
  • 漠然とした目標
  • 他人のシナリオが気になる
  • 不信が先にある
  • 言い訳が先に出る
  • 途中で投げ出す
  • 失敗を恐れる
  • 愚痴っぽい
  • 経験に生きる
  • 現状に甘える
  • 時間の観念なし
  • 気まぐれ
  • 享楽的資金優先
  • 自己防衛的
• プロの考え方
  • 明確な目標
  • 自分のシナリオを書く
  • 思い信じ込める
  • 出来る方法を考える
  • 使命感で最後まで
  • 成功すべく努力
  • 自信と誇り
  • 可能性に挑戦
  • 成長を求め続ける
  • 時間を有効活用
  • 常に自己訓練
  • 自己投資をし続ける
  • 人の役に立つ喜び

これを読んで、収入の源である分野でも、まだまだアマの心が抜けていないことに気づかされました。
金銭になるかどうかを問わず、どんな分野でも、常にプロフェッショナルを目指したいですね。

1. アドレスバーに”about:config”と入力してEnter。
2. 保証できませんみたいなことを聞いてくるので、”細心の注意を払って使用する”をクリック。
3. リストから”browser.tabs.closeWindowWithLastTab”を選択、ダブルクリックで値をfalseに。

以上で、Fx3までと同じように、最後のタブを閉じてもブラウザ自体は開いたままになります。

元ネタはこちら→最後のタブを閉じてもFirefox3.5を開いたままにする方法：ライフハッカー[日本版]

わかりやすくて使いやすいソースを見つけたので備忘録。

HTML

<ul id="globalNavi">
 <li><a href="./">List1</a></li>
 <li><a href="./">List2</a></li>
 <li><a href="./">List3</a></li>
 <li><a href="./">List4</a></li>
</ul>

CSS

ul#globalNavi {
	margin: 0;
	padding: 0;
	width: 500px; /* 必ずwidthの設定をしてください */
}

ul#globalNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#globalNavi li {
	margin: 0;
	padding: 0;
	float: left;
	width: 120px; /* ボタンの幅 */
	line-height: 1;
	list-style-type: none;
}

ul#globalNavi li a {
	padding: 0.6em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;
	color: #333;
	text-align: center;
	text-decoration: none;
	background-color: #eee;
}

ul#globalNavi li a:hover {
	color: #000;
	background-color: #ddd;
}

汎用性も高くて使いやすい。
元ネタはこちら。