Go to the Top とちょこっと見た目変更

   

gotop.jpg別に理由はないのですが、なんとなく見た目を少し変更してみました。サイドバーを右端に2つ並べて、メイン部分を左に持っていきました。
ついでに、メインメニューを、月送りカレンダーと同じスタイルにしてみました。
あと、Stupid excuse!!さんのこちらの記事を参考にさせていただき、TOPに戻るリンクを各エントリの右下とBlogPeopleMyBlogList小粋空間ユーザーリストの下に設置しました。198さん、ありがとうございました。
TB: ページトップに戻りましょう(修正) by Stupid excuse!!


以下、作業覚書。
<3カラム変更>
スタイルシートの修正

contentのmargin-rightを370pxに、links-leftのleft :10pxをright :185pxに

<メニュースタイル変更>
・メニュー部分HTMLを下記に変更

<div class="navi">
<table align="left" border="0" cellspacing="1" cellpadding="1" summary="topnavi">
<tr>
<td><a href="http://kazunoblog.com/" title="トップページへ">TOP</a></td>
<td><a href="http://kazunoblog.com/about.html" title="プロフィール">PROFILE</a></td>
<td><a href="http://kazunoblog.com/blogpeople.html" title="BlogPeople">BlogPeople</a></td>
<td><a href="http://kazunoblog.com/mybloglist.html" title="MyBlogList">MyBlogList</a></td>
<td><a href="http://kazunoblog.com/koiki.html" title="小粋空間ユーザーリスト">KOIKI</a></td>
<td><a href="http://kazunoblog.com/link.html" title="リンク">LINK</a></td>
<td><a href="http://kazunoblog.com/mail.html" title="メールはこちらから">Mail</a></td>
</tr>
</table></div>

・スタイルシートに下記追加

.navi {
font-family: Verdana, Arial, sans-serif;
text-align: left;
color: #666666;
font-weight: normal;
letter-spacing: normal;
text-decoration: none;*/
background: none;
margin-left: 5px;
margin-right: 365px;
}
.navi td {
border: 1px solid #CCC;
font-size:10px;
text-align: center;
width; auto;
height: 14px;
}
.navi table {
margin: 1px auto;
padding: 0px;
width: 100%;
margin-right: 365px;
}
.navi td a {
display: block;
width: auto;
height: 100%;
font-size:10px;
text-align: center;
text-decoration: none;
background: #e5f3fc;
color: #83caf8;
}
.navi td a:visited {
display: block;
width: auto;
height: 100%;
font-size:10px;
text-align: center;
text-decoration: none;
background: #e5f3fc;
color: #83caf8;
}
.navi td a:hover {
display: block;
width: auto;
height: 100%;
font-size:10px;
text-align: center;
text-decoration: none;
background: #009DE0;
color: #105471;
}

+サイドバーとメニューの高さを揃えるためにbannarのmargin-topを拡大
<Go to the Top>
<body><div id="box">のすぐ後に

<a name="top1"><!--TOP--></a>

<!-- posted -->の手前の</div>の前に

<a href="#top1">▲Top</a>

 - Customize