人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなブログのサイドバーの幅を広くする方法はありますか?
機械音痴の私にもわかるように教えてくれると嬉しいです。

●質問者: ゆうちゃ
●カテゴリ:はてなの使い方 インターネット
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● パパトモ
ベストアンサー

まずログインした状態で↓このページにアクセスします。

http://d.hatena.ne.jp/vocaloid-18/designdetail

そのページにあるスタイルシートという入力欄に次のように入力(コピペ)します。

.hatena-body {
max-width: 910px;
}
.sidebar {
width: 220px;
margin-left: -222px;
}


このコードのwidth: 220px;と書かれている数字がサイドバーの幅です。これを調整すれば、サイドバーの幅を変えられます。

デザインを確認するには、編集ページの下の方にある「プレビュー」を押します。すると確認用のページが表示されます。デザインが問題なければ確認用ページか編集ページの下の「この内容に変更する」ボタンを押せば保存されて変更されます。

ですが!

それだけでは上手くできません。

なぜなら、全体の幅やサイドバーの左右の位置を調整しなければならないからです。

前述のコードの数字部分を色々と試してデザインしてみてください。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ