はてなダイヤリー（ブログ）についての質問です。

私のブログのサイドメニュー（サイドバー）を、
両方（右と左）にしたいんです。
http://d.hatena.ne.jp/yuyakato1023/
この方↑みたいに両方にサイドメニュー（サイドバー）を作りたいんです。
詳しく・わかりやすく教えてください！
よろしくお願いしますm(_　_)m

私のブログ→http://d.hatena.ne.jp/hb64226326174d111/

ログインして回答する

みんなの回答

グラ娘。2011/10/25 09:52:20
こんなイメージでいいですか？　前の質問でも回答した者ですけど。

結局、http://guide.g.hatena.ne.jp/smoking186/20000203　を読みながらやりました。
cssに追加するのは
http://d.hatena.ne.jp/yuyakato1023/にならって
```
div.hatena-body {
 position:relative;
 width:1024px;
}

 * html div.hatena-body {
 width:1024px;
 top:0px; left:0px;
}

div#main {
 margin:auto 250px;
 width:554px;
}

div#menu1 {
 position:absolute;
 top:0px;
 left:0px;
 width:200px;
}

div#menu2 {
 position:absolute;
 top:0px;
 right:0%;
 width:200px;
}
```
に変えました。細かいところの調整は致しかねます。
スター
- 2件のコメントを見る
- グラ娘。 2011/10/25 10:06:40
  ＞カレンダーとブログランキング、最新タイトルなどは
  そのへんは
  </div> <div id="menu1"> 色々 </div> <div id="menu2"> 色々 </div>
  の色々の部分を元々あった
  <div class="sidebar"> 元々いろいろあるとこ </div>
  から引っ越せばよいのです。
  ところで、これくらい大掛かりなデザイン変更をやろうとおもったら
  CSSというやつを勉強したほうがいいと思います。
  やってみたらたまたまうまく納まりましたが、位置調整とか文字サイズの変更とか
  微調整が必要になった場合大変だから。
  
  スター
- グラ娘。 2011/10/25 10:14:51
  
  とかいってるまにIEでみたらmenu2が右にいきすぎてた。。。
  クロームならきれいにみえたのに。。。
  と、そんなときの調整方法の調べ方。。。
  
  スター

この質問へのコメント

八咫烏2011/10/25 22:05:55

複雑な問題ですが
CSSはクロスブラウザで影響を受けます特にビット数で
サイズを合わせる場合

自分ならばJavaScriptで各ブラウザの配置位置を調整します
ですのでhatenablogが採用されましたら
JavaScriptでイベントのonLoadを指定した時に指定する方法をとります

まだJavaScriptの対応がよく分かっていないためあえて方法は伏せますし現段階ではJSは未対応ですので確認次第報告しようかと

一応ブラウザ判定はこいつを使います
http://www.tagindex.com/javascript/user/dist2.html

少々JavaScriptはCSSより厄介ですがこれを使った方が得策です

もし実装されたら
ニコニコ動画のようにタブで記事をかちかち変えたり
いろいろとテクニックが増えると思いますよ

はてなダイヤリー（ブログ）についての質問です。

みんなの回答

グラ娘。2011/10/25 09:52:20

グラ娘。 2011/10/25 10:06:40

グラ娘。 2011/10/25 10:14:51

この質問へのコメント

この質問への反応（ブックマークコメント）

質問の情報

この質問のカテゴリ

この質問に含まれるキーワード

人気の質問

メニュー

PC版