概要
記事とサイドバーを分離して、記事が読みやすくなるようにしたテーマです。
サイドバーは通常隠されていますが、画面右側にポインターを合わせるとサイドバーが表示されます。
追加機能
#box2をターゲットさせることで、サイドバーのサイズを画面全体に広げ、サイドバーのモジュールの数が多い場合に確認しやすくさせることができます。サイドバーのモジュールに以下のHTMLを追加してみてください。
<ul class="hatena-urllist"> <li><a href="#box2">サイドバーを最大化</a></li> <li><a href="#">サイドバーを元のサイズに戻す</a></li> </ul>
また、検索ボックスの右にサイドバーのサイズを変更させるボタンを設けることができます。
1. まず、デザイン設定画面の「デザインCSS」のところに以下のコードを追加します。
#box2:hover .hatena-module-search-box,#box2:target .hatena-module-search-box,#box2[data-sidebar-state="maximized"] .hatena-module-search-box{margin-right:62px;width:248px;}
2. 次に、こちらのページ(http://hiroto300.hatenablog.com/entry/sidebar-resizer )の「使用方法」の「2」以降を参考にして手順を進めてください。ページの右上に青いボタンが現れれば成功です。
注意事項
- サイドバーには検索モジュールを必ず1つ配置してください。
最新の編集 (2013-08-23)
サイドバー上のリンクが見えずらかったため、訪問済みでも暗い色とせず、さらに太字で表示するように変更しました。