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