open-QHMのレイアウトをちょっと変更のメモ

open-QHMのレイアウトをちょっと変更のメモ
概要

　それ程コンテンツが多くない時に左のメニューを消したい
　QHMはいつもの様にオープンソース版。バージョンは4.73です。

調整したのは以下の2点です。

　　スキンファイル:skin\hokukenstyle\pukiwiki.skin.php

<!-- ◆sidebar◆ ========================================================== -->
<div id="wrap_sidebar"><!-- ■BEGIN id:wrap_sidebar -->
<div id="sidebar">

#{$menubar_tag}
</div><!-- □END id:sidebar -->
</div><!-- □END id:wrap_sidebar -->
<div id="main_dummy" style="clear:both;"></div>

の部分、コメントのみ残して下の数行を削除して以下の様にした。

<!-- ◆sidebar◆ ========================================================== -->

　　スタイルシート:skin\hokukenstyle\g_blue06\main.css

#wrap_content {
width:100%;　　/* 80%より */
float:right;
overflow:hidden;
margin:0;
}

メニューを右へ移動

　　2012-01-17
　　変更ファイル：skin\hokukenstyle\g_blue06\main.css

#wrap_content {
width:80%;
float:left;　/* right; */
overflow:hidden;
margin:0;
}

#wrap_sidebar {
width:19%;
float:right;　/* left; */
overflow:hidden;
margin:0;
}

表示幅を200px拡げる

　　2012-01-17
　　他のページでも紹介していますが、このページにも記載。
　　変更ファイル：skin\hokukenstyle\g_blue06\main.css

#wrapper {
width:986px; /* 786 */
text-align:left;
background-color:#FAFAFA;
border:1px solid #A1A1A1;
margin:1px auto;
padding:8px 18px;
}

TEXTAREAでのキャレットが見づらいので・・・

　　2012-01-21
　　編集の時にキャレットが枠線と重なって見づらいので、左に4ピクセルほど空ける。
　　変更ファイル：skin\hokukenstyle\g_blue06\main.css (QHM 4.20)

div#body textarea{
　　　　max-width:100%;
　　　　padding-left:4px;　　/* ここを追加 */
}

http://dbweb.0258.net/wiki.cgi?page=QHM%A4%CE%BA%B8%C2%A6%A4%CE%A5%E1%A5%CB%A5%E5%A1%BC%A4%F2%BE%C3%A4%B9