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

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

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

回答の条件
  • 1人30回まで
  • 登録:2011/10/25 08:35:15
  • 終了:2011/11/01 08:40:02

回答(1件)

id:grankoyama No.1

グラ娘。回答回数560ベストアンサー獲得回数1702011/10/25 09:52:20

f:id:grankoyama:20111025095127p:image

こんなイメージでいいですか? 前の質問でも回答した者ですけど。


結局、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;
}

に変えました。細かいところの調整は致しかねます。

id:grankoyama

>カレンダーとブログランキング、最新タイトルなどは

そのへんは

</div>
<div id="menu1">
色々
</div>
<div id="menu2">
色々
</div>

の色々の部分を元々あった

<div class="sidebar">
元々いろいろあるとこ
</div>

から引っ越せばよいのです。

ところで、これくらい大掛かりなデザイン変更をやろうとおもったら

CSSというやつを勉強したほうがいいと思います。

やってみたらたまたまうまく納まりましたが、位置調整とか文字サイズの変更とか

微調整が必要になった場合大変だから。

2011/10/25 10:06:40
id:grankoyama

とかいってるまにIEでみたらmenu2が右にいきすぎてた。。。

クロームならきれいにみえたのに。。。

と、そんなときの調整方法の調べ方。。。

2011/10/25 10:14:51
  • id:flandlescarlet
    複雑な問題ですが
    CSSはクロスブラウザで影響を受けます特にビット数で
    サイズを合わせる場合

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

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

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

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

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

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

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません