アレックス・ロビラ:Seven Powers(2006/11)

アレックス・ロビラさんの本「Seven Powers」

Seven Powersの説明文(amazonより)

はるか昔、鳥たちの言葉のわかる人々がいたころのこと。ひとりの若き騎士が、王国を救うため「運命の地」へと旅立つ。行く先々には、さまざまな試練が待ち受けていた-。幸運を呼ぶ「7つの力」をめぐる、魂のファンタジー。

アレックス・ロビラ:Seven Powers(2006/11)の続きを読む

MTEntriesに関するタグの使い方(Movable Type)

Movable TypeのMTEntriesに関するタグの使い方をまとめました。
まだ途中だったりバージョンによって機能が増えていくので、時々更新していきます。

MTEntriesに関するタグの使い方(Movable Type)の続きを読む

日垣 隆:ラクをしないと成果は出ない(2008/5)

日垣 隆さんの本「ラクをしないと成果は出ない」

ラクをしないと成果は出ないの説明文(amazonより)

好きな仕事で所得倍増。
会いたい人が会いに来る。
自分の時間を確保する。
「やるべきこと」を圧縮し、「やりたいこと」を拡大する100のアイデア。

日垣 隆:ラクをしないと成果は出ない(2008/5)の続きを読む

画像メニューをCSSで作る(CSSでマウスオーバー)

webサイトを作る際、メニュー部分は画像のことがほとんどです。
そしてマウスオーバーで色が変わるというのが多いです。
マウスオーバーはjavascriptで画像を切り替えているのが多かったですが、はっきりいってソースも汚いし、いらない文章をソースにいれるべきではないと思います。
リスト構造でメニューを作りCSSで画像を表示し、マウスオーバーもCSSで行うのがベストです。

ステップ1:HTMLにリスト構造でメニューを作成する

HTMLに、<ul>と<li>を使い、メニューを作成します。

HTMLソース

<ul>
<li id="menu1"><a href="/about/" title="ぞえぞえねっとについて">ぞえぞえねっとについて</a></li>
<li id="menu2"><a href="/photo/" title="写真・作品">写真・作品</a></li>
<li id="menu3"><a href="/web/" title="web・ホームページ制作">web・ホームページ制作</a></li>
</ul>

表示

HTMLで構造的になったので、次はCSSを設定していきます。

画像メニューをCSSで作る(CSSでマウスオーバー)の続きを読む

カテゴリ

最近のブログ記事

月別 アーカイブ

購読する このブログを購読

検索

検索エンジンから来てこのページに情報がない場合、下記検索フォームをご利用ください。

文字サイズ変更:
390813 hit