2013.07.07
カテゴリ：QHM カスタマイズ
メニューバーを左から右へ変更
別に運営しているメニューバーが左側にあるサイトのカスタマイズをするにあたって、今までCSSを変更していたが、今回もっと簡単にできる方法を見つけてしまった。
その方法は、
- 「beforescript」のプラグインを「ナビ2編集」に記入する。
- 「設定」-「サイト情報の設定」-「その他のタグ」に記入する。
の2つの方法だ。
今回は、プレビューで変更を確認できるから、前者の「ナビ2編集」の方法をとることにした。
下記の記述を「ナビ2編集」に貼り付けるだけ。
多少、全体のレイアウトが崩れてしまったけれど、気にしないことにした。
#beforescript{{
<style type="text/css">
<!--
#wrap_content {
width:80%;
float:left;
}
#wrap_sidebar {
width:20%;
float:right;
}
-->
</style>
}}
注意点は、contentと sidebarのwidthのデフォルト数値は、使っているテンプレートのmain.cssを見て確認しておかなければならい。
それとsidebarをright（右側）にした場合は、contentはleft（左側）にするといったルールは、CSSを直接変更する場合と一緒。
うーん。
ちょっと分かりづらいかな。
rightとright
や
leftとleft
といった組み合わせはできないので、必ずrightとleftという組み合わせにしないといけない。
ちなみに「設定」-「サイト情報の設定」-「その他のタグ」を使う場合は、
#beforescript{{
と
}}
は、省いて記述する。
追記 2013年7月8日
メニューバーの移動は、元に戻すことにした
昨日、「メニューバーを左から右へ変更」をしたけれど、元に戻すことにした。
なぜか？
「坊やだからさ・・・」 (=￣Д￣)y─┛~
いや違う。思わぬところで、レイアウトの崩れがあったから・・・
メニューバーを移動したサイトの設定画面のレイアウトが崩れていた。
Open QHMを使っていたときは、このようなレイアウトの崩れはなかったのだけれど、やはりQHMプロだと全体の仕様の問題なのかもしれない。
気にしない事にしようかと思ったけれど、また自分の気がつかない場所で、レイアウトが崩れていたら嫌だから、元に戻すことにした。
僕のようなCSSの知識が浅いヤツだと「？？？」という結果になってしまった。
そして、この件は深追いしないことにした。
でも、少し残念。
Tag: websitemakeからの移動記事