livedoor ナレッジ

２カラムから３カラムにしたいのですが・・・

質問させてください。
【クリスマス０５】のデザインを使っているんですが、
３カラムにしようと、過去ログを見よう見まねで挑戦しましたが、
デザインが崩れてしまったりしてどうしても出来ませんでした。
当方、ＨＴＭＬ初心者です。どうか回答よろしくお願いいたします。

別の3カラムデザインを利用して似通ったデザインを作るのが簡単かもしれません。


１．下記2つの画像を右クリックしてPCに保存します。

バナー画像
http://image.blog.livedoor.com/img/usr/xmas05/head...

記事日付画像
http://image.blog.livedoor.com/img/usr/xmas05/date...


２．上記2つの画像をブログにアップロードして、画像のURLをコピーしておきます。

画像のURLの意味↓
http://wiki.livedoor.jp/everydaydesign/d/%B2%E8%C1...


３．カスタマイズ/管理 →　デザインの設定 →　シンプル　→　Liquid Piano　にデザインを変更します。全ページ再構築します。


４．カスタマイズ/管理 →　デザインの設定 →　カスタマイズ　→　スタイルシート（CSS）

下記の部分を書き換えます。

#banner{
width:730px;
height:315px;
text-align:left;
margin:0 auto;
background:url(アップロードしたバナー画像のURL) no-repeat 50% 0;
}

.date{
padding:12px 60px;
color:#fff;
font-size:12px;
font-weight:bold;
background:url(アップロードした記事日付画像のURL) no-repeat 0% 50%;
width:100%;
}

.calendarhead{
font-size:12px;
font-weight:bold;
color:#fff;
text-align:center;
padding:5px;
background-color:#cc0001;
border-top:#ffcc00 solid 1px;
border-bottom:#ffcc00 solid 1px;
}

.sidetitle{
font-size:12px;
font-weight:bold;
color:#fff;
text-align:center;
padding:5px;
background-color:#cc0001;
border-top:#ffcc00 solid 1px;
border-bottom:#ffcc00 solid 1px;
}

変更したら、スタイルシート（CSS）を保存し、全ページ再構築します。



これで一応3カラムで似通ったデザインにはなりますが、各カラムが狭くなりますので、記事の中に大きな画像を使ったり、サイドバーに大きな画像が入っていたりすると、サイドバーが落ちます。ご注意下さい。

また、デザイン画像の著作権とか大丈夫なんだろうかと考えると、どうなのかなあという気もしますが、個人使用目的なら許されるのではないかなあ、と思います。


不安な場合やデザインが崩れてしまった場合は、デザインを変えて下さい。