Feb 23, 2007
blosxom のページ構造
このページの左側メニューバーは
で、
本体(ブログ表示部分)は
だ。
links, content は blosxom starter kit では(確か)
content が float: left, width: 70% で、
links が margin-left: 70% なので、うまくはまる、というようになっていた(確か)。
links 部分は foot.html, foot.htm に記述されてる。
float だとブラウザのウィンドウ幅でころころ変わったり、ブラウザによって 表示がまったく変わったりするので嫌だったので、table にした。 幅も、70% じゃなく、固定 200px, 600px に。 links 部分を左側表示にして、ソース見たときに先に来るように head.html, head.htm に移した。
yasu@cpu Fri 02/23 17:27[~/.public_html/nblog](0)> svn diff style-sites.css
Index: style-sites.css
===================================================================
--- style-sites.css (リビジョン 28)
+++ style-sites.css (作業コピー)
@@ -75,9 +75,10 @@
/* right content grobal bits */
#content {
border-right:1px #999999;
- float: right;
+ /* float: center; */
clear: right;
- width: 75%;
+ width: 600px;
+ /* margin-left: 200px; */
}
.blog {
@@ -192,7 +193,8 @@
/* right content grobal bits */
#links {
- margin-right: 75%;
+ /* float: left; */
+ width: 200px;
font-family: Georgia, Times, serif;
}
yasu@cpu Fri 02/23 17:27[~/.public_html/nblog](0)>
WriteBacks
http://www.sfc.wide.ad.jp/~yasu/nblog/howto/blosxom-page-structure.trackback
writeback message: Ready to post a comment.