メニューバーを左から右へ変更

別に運営しているメニューバーが左側にあるサイトのカスタマイズをするにあたって、今まで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の知識が浅いヤツだと「???」という結果になってしまった。

そして、この件は深追いしないことにした。

でも、少し残念。


コメント


認証コード8138

コメントは管理者の承認後に表示されます。