CSSでドロップダウンメニュー

MTOSでのサイト作りがなかなか進みません。

ライセンス版のMT4では、デフォルトでトップ画像下にナビゲーションバーのあるウェブサイトテーマが入っていたのですが、MTOS5にはありません。

無料テーマをいろいろ探しているのですが、ウェブサイト用テーマとなると、なかなか「これ」というものが見つからず、良いものはそれなりの価格だったりして、悩ましいです。

何しろ、お金の取れないサイト作りなので…。労力はある程度かけても、あまりお金はかけたくないんですよねぇ。(時間がかかる方が実はコストが高いのかもしれませんが。)

こうなったら、自分でガシガシとHTMLやCSSを書いていくしかないんでしょうねぇ。

幸い、ありがたいことにサンプルソースを公開してくださっている方がWeb上にたくさんいらっしゃいますので、自分の希望に近いものを拝借して、あとはカスタマイズしていくのが良いのかな、と思っています。

とりあえず、今ほしいのはドロップダウンメニューつきナビゲーションバー
できればCSSだけで実装したいと思っています。

検索するといろいろ出てきますが、こちらの解説がわかりやすかったので参考にさせていただきます。

 ezorisu-web » CSSでドロップダウンメニュー

ただひとつだけ、これがなかなか見つからないのですが、該当ページにいるときはそのメニューの色が変わるようにしたいんですよね。

ライセンス版MT4では、条件分岐でクラスに”on”と”off”をつけることで実装していたのですが、今ソースを見てもかなりややこしくて解読に苦労しています。

うまく解読できたら、今度のサイトでも実装してみたいと思います。