Top >  アイデア具体化技術情報 >  Movable Typeにメニューバーをつけよう!

Movable Typeにメニューバーをつけよう!



MTのインストールは成功したら、次はカスタマイズ。



やっぱりメニューバーを付けたいですよね!

いやいや、海外のサイトはありがたいです。 感謝、感謝、感謝。。。



フォームにリストタイトルとリンクURLを記入して、ポチッと押すだけ簡単

HTMLとCSSタグがポン!と出てきます。



あとは貼り付ければ完了! うれしいぃぃぃ(涙)



こちらの Accessify.ocm にアクセスします。

日本語入力OKです。





「How many links do you want in your list?」のプルダウンメニュー

から表示するリスト数を選んでください。







その下の「Include title attributes in links? 」はメニューリストにマウス

カーソルを合わせたときにコメントを表示させたい場合にチェックしてく

ださい。





選んだら「NEXT」をクリック!





「Link Number」は左からの順番です。



「Link Text」にリストのタイトルを記入。



「Link Title」にリストのコメント(説明など)を記入。



「Link Destination (href)」にリンク先のURLを記入。





記入したら「NEXT」





好みのデザインにチェックを入れて「NEXT」





すると選んだメニューバーの実行サンプル。





その下にHTML。





その下がCSSです。





HTMLは設置したいページ(メイン・個別・カテゴリーなど)それぞれに

コピー&ペーストします。





CSSはスタイルシートの一番下にコピー&ペースト。





んで、再構築。 





ご自分のサイトのデザインに合わせて色をカスタマイズしたい場合は

CSSのカラーコードを変えてあげればOKです。





どの部分を変えればどこが変わるのか。 やってみるとわかります。

CSSが読めなくても何とかなっちゃいます。

ちなみにカラーコードってこんなヤツです。
「color: #000000; 」




とりあえずライブドアにも対応できましたね。



コレは楽です(^^)



参考サイト

ハンサムウーマン道 MTにメニューバーを取り付ける:LivedoorもOK




ありがとうございます!(^^)





 <  前の記事 オズボーンのチェックリスト  |  頭の中のイメージを利益に変える方法  |  次の記事 インプットが先か アウトプットが先か  > 

         


このページについて

このページは「頭の中のイメージを利益に変える方法」の記事のひとつです。

他にも多くの記事があります。トップページサイトマップもご覧ください。