とりあえず、3段カラムっぽくしてみた。
簡単に言うと、管理画面のデザインから[デザイン管理]の詳細の[ページのヘッダ]に
<div class="sideb2">//←でもこれは任意のクラス名でOK <hatena name="section" moduletitle="■ 最近の記事" listlimit="10" template="hatena-module"> </div> など、モジュール名をいれます </div> <div class="main">
スタイルシートには
div.hatena-body{
width:950px;
//手元の資料では800pxでも、ここは、mainのwidthのサイズを増やしたら
ここの数値も同じサイズ分だけ増やすmainの幅＋sidebaの幅+saideb2の幅
以上にならないといけない(アバウトな言い方＋マージンとパディング)
}
div.main{
width:500px;//手元の資料では340pxだったけど幅が狭くていやだったので
広げた}
div.sideb2{
float:left;
width:160px;//手元の資料では200pxでも、中央を増やしたかったので狭く
してみた
margin-top:50px;
margin-right:20px;
}
ul.hatena-photo li {
float:left;
}こんな記述で一応3カラムだよー
