メニューバーを左から右へ変更
別に運営しているメニューバーが左側にあるサイトのカスタマイズをするにあたって、今まで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からの移動記事